3.任务详情栏功能

3个部分（左，中，右）

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

design.jpg

任务详情

实现功能

默认指针：
*currentChangeTask = 0;创建或修改
currentChoose = -1 当前选择情况
currentMenuId = 0 当前选择的主分类
currentChildMenuId = 0 当前选择的子分类
currentTaskId = 0 当前选择的任务

1. 点击完成按钮 <i class="fa fa-check-square-o">
   （1） 更改该task-id = currentTaskId 的任务完成状态，并且更新到本地数据中；
   （2） 删除完成和修改按钮组 class="operate"的div
   （3） 更新任务列表，在已完成任务的前面添加完成icon
   < i class="fa fa-check">
   *currentChoose = currentChoose *
   currentMenuId = currentMenuId
   currentChildMenuId = currentChildMenuId
   currentTaskId = currentTaskId
2. 点击修改按钮 <i class="fa fa-pencil-square-o"></i>
   （1） 出现和添加新任务一样的状态框，在对应的框的value设置为当前任务详情对应的的innerHTML；
   （3） 显示按钮状态框 class="button-area" display : block;
   （2） $('.save').innerHTML = "保存修改"；
   *currentChoose = currentChoose *
   currentMenuId = currentMenuId
   currentChildMenuId = currentChildMenuId
   currentTaskId = 点击的任务标签中的 “ task-id”
3. 点击 class="save" 按钮
   （1） 判断是新建还是修改task currentChangeTask= 0 为创建 currentChangeTask = 1为修改;
   （2） 依据信息框中的内容进行判断内容的完整性 显示在class="info"的span中，标题，日期，内容都不为空时 $('indo').innerHTML = "";
   （3） 若currentChangeTask= 0 ，则将新的数据保存添加到本地后
   再刷新分类列表（任务数目）和任务列表（任务标题）；
   （4） 若currentChangeTask= 1 ，则将该任务的内容更新，刷新任务列表（任务标题）；
   （5） 任务详情显示id = currentTaskId的任务；
   （6） 依据currentChoose 来更新任务列表，使得确认后列表不会太冲突
   currentChoose = currentChoose
   currentMenuId = currentMenuId
   currentChildMenuId = currentChildMenuId
   currentTaskId = currentTaskId（修改） || new-task-id（创建）
4. 点击class = "cancel-save"按钮
   （1） 任务详情显示id = currentTaskId的任务；