3个部分（左，中，右）
左边：分类栏 中：任务列表 右：任务详情
design.jpg
任务详情
实现功能
默认指针：
*currentChangeTask = 0;创建或修改
currentChoose = -1 当前选择情况
currentMenuId = 0 当前选择的主分类
currentChildMenuId = 0 当前选择的子分类
currentTaskId = 0 当前选择的任务
- 点击完成按钮 <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 - 点击修改按钮 <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” - 点击 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（创建） - 点击class = "cancel-save"按钮
（1） 任务详情显示id = currentTaskId的任务；
