2.任务列表功能

3个部分（左，中，右）

左边：分类栏 中：任务列表 右：任务详情

design.jpg

任务列表

实现功能

默认指针：
currentChoose = -1 当前选择情况
currentMenuId = 0 当前选择的主分类
currentChildMenuId = 0 当前选择的子分类
currentTaskId = 0 当前选择的任务

1. 点击任务 li
   （1） 该任务有对应的显示效果（bgc改变）；
   （2） 任务详情显示点击的任务的详情；
   currentChoose = currentChoose
   currentMenuId = currentMenuId
   currentChildMenuId = currentChildMenuId
   currentTaskId = 点击的任务标签中的 “ task-id”
2. 点击任务状态栏 class = "status"
   （1） 该任务状态框有对应的显示效果（bgc改变）；
   （2） 任务列表依据任务状态罗列；（所以在任务列表更新后先保存所有任务的列表状态，在这可以调用；）
   （3） 任务详情显示任务列表中的第一个任务，若无就显示空；
   currentChoose = currentChoose
   currentMenuId = currentMenuId
   currentChildMenuId = currentChildMenuId
   currentTaskId = 任务列表中的第一个任务标签的 “task-id” || ""
3. 点击新增任务 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