3个部分（左，中，右）
左边：分类栏 中：任务列表 右：任务详情
design.jpg
任务列表
实现功能
默认指针：
currentChoose = -1 当前选择情况
currentMenuId = 0 当前选择的主分类
currentChildMenuId = 0 当前选择的子分类
currentTaskId = 0 当前选择的任务
- 点击任务 li
（1） 该任务有对应的显示效果（bgc改变）；
（2） 任务详情显示点击的任务的详情；
currentChoose = currentChoose
currentMenuId = currentMenuId
currentChildMenuId = currentChildMenuId
currentTaskId = 点击的任务标签中的 “ task-id” - 点击任务状态栏 class = "status"
（1） 该任务状态框有对应的显示效果（bgc改变）；
（2） 任务列表依据任务状态罗列；（所以在任务列表更新后先保存所有任务的列表状态，在这可以调用；）
（3） 任务详情显示任务列表中的第一个任务，若无就显示空；
currentChoose = currentChoose
currentMenuId = currentMenuId
currentChildMenuId = currentChildMenuId
currentTaskId = 任务列表中的第一个任务标签的 “task-id” || "" - 点击新增任务 onclick="inputTask()"
（1） 任务详情的标题 = input[type="text"]；
（2） 任务详情的任务日期 = input[type="date]；
（3） 任务详情内容 = treatext；
（4） 任务详情底部 显示 按钮状态框 class="button-area" display : block;；
（5） $('.save').innerHTML = "保存"；
<div class="button-area">
<span class="info"></span>
<button class="save" onclick="sureChange()">保存</button>
<button class="cancel-save" onclick="cancelChange()">取消</button>
</div>
currentChoose = currentChoose
currentMenuId = currentMenuId
currentChildMenuId = currentChildMenuId
currentTaskId = currentTaskId
