3個部分(左,中钦购,右)
左邊:分類欄 中:任務(wù)列表 右:任務(wù)詳情
design.jpg
任務(wù)列表
實(shí)現(xiàn)功能
默認(rèn)指針:
currentChoose = -1 當(dāng)前選擇情況
currentMenuId = 0 當(dāng)前選擇的主分類
currentChildMenuId = 0 當(dāng)前選擇的子分類
currentTaskId = 0 當(dāng)前選擇的任務(wù)
- 點(diǎn)擊任務(wù) li
(1) 該任務(wù)有對應(yīng)的顯示效果(bgc改變)檐盟;
(2) 任務(wù)詳情顯示點(diǎn)擊的任務(wù)的詳情;
currentChoose = currentChoose
currentMenuId = currentMenuId
currentChildMenuId = currentChildMenuId
currentTaskId = 點(diǎn)擊的任務(wù)標(biāo)簽中的 “ task-id” - 點(diǎn)擊任務(wù)狀態(tài)欄 class = "status"
(1) 該任務(wù)狀態(tài)框有對應(yīng)的顯示效果(bgc改變)押桃;
(2) 任務(wù)列表依據(jù)任務(wù)狀態(tài)羅列葵萎;(所以在任務(wù)列表更新后先保存所有任務(wù)的列表狀態(tài),在這可以調(diào)用唱凯;)
(3) 任務(wù)詳情顯示任務(wù)列表中的第一個任務(wù)羡忘,若無就顯示空;
currentChoose = currentChoose
currentMenuId = currentMenuId
currentChildMenuId = currentChildMenuId
currentTaskId = 任務(wù)列表中的第一個任務(wù)標(biāo)簽的 “task-id” || "" - 點(diǎn)擊新增任務(wù) onclick="inputTask()"
(1) 任務(wù)詳情的標(biāo)題 = input[type="text"]磕昼;
(2) 任務(wù)詳情的任務(wù)日期 = input[type="date]卷雕;
(3) 任務(wù)詳情內(nèi)容 = treatext;
(4) 任務(wù)詳情底部 顯示 按鈕狀態(tài)框 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