1.分类栏功能

3个部分(左,中,右)

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

1.分类栏功能_第1张图片
design.jpg

分类栏

实现功能

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

  1. 点击所有任务h1
    (1) 该element有对应的显示效果(bgc改变);
    (2) 任务列表显示所有任务,无就显示空;
    (3) 任务详情显示任务列表第一个任务的详情,无就显示空;
    currentChoose = -1
    currentMenuId = ""
    *currentChildMenuId = "" *
    currentTaskId = 任务列表中第一个任务的task-id || ""
  2. 点击主分类h2
    (1)该主分类有对应的显示效果(bgc改变);
    (2)任务列表显示该主分类下所有任务,无就显示空;
    (3)任务详情显示任务列表第一个任务的详情,无就显示空;
    currentChoose = 0
    currentMenuId = 该主分类标签的menu-id
    currentChildMenuId = ""
    *currentTaskId = 该主分类下任务列表中的第一个任务的 task-id || "" *
  3. 点击子分类h3
    (1)该子分类有对应的显示效果(bgc改变);
    (2)任务列表显示该子分类下所有任务,无就显示空;
    (3)任务详情显示任务列表第一个任务的详情,无就显示空;
    currentChoose = 1
    currentMenuId = 该子分类的childMenu.pid(父id)
    currentChildMenuId = "该子分类标签的menu-id"
    *currentTaskId = 该子分类下任务列表中的第一个任务的 task-id || "" *
  4. 点击删除按钮
    (1)弹窗 确认是否删除
    (2)若删除主分类,删除对应的子分类和任务数据;若删除子分类,删除对应的任务数据;
    (3)分类列表刷新,若删除后无主分类添加默认分类;若有指向第一个主分类;
    (4)任务列表显示所有任务,无就显示空;
    (5)任务详情显示任务列表第一个任务的详情,无就显示空;
    currentChoose = -1
    currentMenuId = 0
    currentChildMenuId = 0
    currentTaskId = 0
  5. 点击新增加分类按钮onclick="clickAddMenu()"
    (1)出现遮罩层,和选择框 ,默认添加主分类,下拉菜单选择添加子分类
    (2)添加分类,分类菜单指向该分类,将新分类数据添加进本地数据
    (3)更新分类栏的信息
    (4)任务列表不改动;
    (5)任务列表不改动;
    currentChoose = -1
    currentMenuId = currentMenuId
    currentChildMenuId = currentChildMenuId
    currentTaskId = currentTaskId

你可能感兴趣的:(1.分类栏功能)