2.任务列表功能

3个部分(左,中,右)

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

2.任务列表功能_第1张图片
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 = "保存";

currentChoose = currentChoose
currentMenuId = currentMenuId
currentChildMenuId = currentChildMenuId
currentTaskId = currentTaskId

你可能感兴趣的:(2.任务列表功能)