Coggle requires JavaScript to display documents.
1. 要有分頁(10 records/page)，分頁要有直接跳頁的textbox(6) 2. 在row上面移動時會有hover效果、delete button(8) 3. 能夠按照姓名排序清單(4) 4. 點擊row會彈出修改modal(2) 5. Unit Test(4)
1. 點選Add按鈕會跳modal，可以新增人員(2) 2. [pending]新增人員的時候要填姓名，分機，工號，信箱，角色(EE/ME/CE)下拉，這些欄位(下拉除外)彼此不連動(4) 3. 按下送出要串API，按取消要關modal(4) 4. Unit Test(4)
1. 打入想要找的字串，按下搜尋後，會跑出想要的結果(2) 2. 串API(2) 3. Unit Test(4)
1. 要跳警告訊息確認使用者真的想要刪除(2) 2. 串接API(2) 3. Unit Test(4)
1. 只可以改CE權限(2) 2. 串API(2) 3. Unit Test(4)
1. 非管理員進入時要重新導到首頁(2) 2. 只有管理員的menu會出現這個item(2) 3. Unit Test(4)
1. 版面(10) 2. 顯示20個spec list。沒有選到東西的時候是灰色，有選到東西是藍色，會有箭頭顯示細項(8) 3. spec group 在上方的下拉都沒有選的時候，會看到所有的group(依照各個member的sepcGroup進行分組)(4) 4. 串API(4) 5. UT(4)
---- 1. sourcer、type I、type II下拉component (12) sourcer下拉選單可以看我CE所管理的所有sourcer type I 和type II要連動 點搜尋鈕之後，下方的specGroup下拉和spec列表要重畫 ---- 2. 串API (source下拉、type I - type II下拉、specGroup、spec列表 約4支)(4) 3. UT(4)
1. 滑鼠移過時要能夠tooltop裡面的spec清單(4) 2. 20個spec也需要提示(2) 3. 每個spec大小固定、自動斷行、overflow漸層隱藏(2) 4. spec的hover會顯示裡面所有的tag(2)
1. 最上面三個下拉 component (8) (Type I、Type II是單選，source是多選) 2. Type I、Type II要連動 (4) 3. 按下搜尋會改變spec group下拉選單的內容 (6) ### spec清單版面 4. spec固定位子排列20個，灰底，hover、勾選與checkbox連動 (6) 5. 要有checkbox 可顯示 全選、已多選、未選 (要可以隱藏) (6) 6. 每一個spec裡面有n個tag，自動斷行all-keep、overflow漸層隱藏 (4) 7. 有一個鈕可以開啟 下拉選單 列出全部的tag (要可以隱藏) (8) ### 8. 串API (sourcer、type I、type II、specGroup、list 共5支) (16) 9. UT (8)
## 版面 1. 新增modal (2) 2. 刪除、修改、編輯、取消等各個狀態 (8) 3. 滑鼠移過icon時會有hint (4) ## ## 驗證 (8) 2. specGroup名稱不可重複 3. 名稱若重複會有提醒 4. 當前SpecGroup未存擋時離開頁面會跳出警告視窗 5. 刪除SpecGroup時會跳出警告視窗 6. 錯誤處理 ## 7. 串API (8) 8. UT (4)
### 版面 (10) 1. 滑鼠移過時要能夠tooltop裡面的spec清單 2. 20個spec也需要提示 3. 每個spec大小固定、自動斷行、overflow漸層隱藏 4. spec的hover會顯示裡面所有的tag ###
## table 1. 版面(16) 2. 能夠用Plant跟單價進行排序(2) 3. 材質的欄位能左右滑動查看所有spec細項(2) 4. 設為最低價的功能(1) 5. 隱藏單價的按鈕(1) 6. 滾動至底時載入新的列表(2) ## 7. 串API(8) 8. UT(4)
1. 單價區間的component (4) 2. 高於最低單價n%的compnent (4) 3. supply type 的下拉 (4) 4. 篩選條件清空 (2) 5. 改動篩選條件時，原本hide的record要維持hide的狀態 (2) 6. 按下奇怪的按鈕後才會依據有check的項目搜尋(2) 7. supply type至少要選一個(1)
1. d3的圖表(24) 圖表有捲軸 圖表有平均值曲線與最低價曲線...... 2. 整理後端資料組成d3要的格式(2)
1. 匯出全部結果 (不管前端filter)(csv, svg)(6) 2. 串API(2) 3. UT(4)
1. 一個supply type的下拉選單(4) 2. 按下奇怪的按鈕後才會搜尋(2) 3. 串API(2)
1. 要可以選日期(6) UT(4) 2. MRP, BLock, Date Range 的選擇 (2) MRP 是列出有需求的料，只有MRP會影響LPP 3. 按下分析後分析並導頁，沒有選擇項目要lock(2) 4. 串API (2) 5. UT(4)
1. 列表版面, hover要有info按鈕 (6) 2. 列表要有project name的排序、分頁 (6) 3. 未核價的要排在最上面 (2) 4. info按鈕要導頁 (1) 5. 串API (1支) (4) 6. UT (4)
1. 下拉 + input component (6) 2. 整理搜尋條件，按下搜尋trigger 重畫(4) 3. 整理格式(2) 4. UT (4)
1. 版面 (8) 2. 能夠對Sourcer Cost欄位進行排序 (4) 3. 頁面要能夠置底更新 (4) 4. 串API (4)
1. 版面 (6) 2. 待核價之項目會顯示在列表上，Sourcer Cost欄位有輸入框可以進行核價 (4) 3. 核價項目輸入完畢後後按下price comfirm可以送出核價 (4) ## 驗證 (8) 4. 無待核價項目時，Download, Update, Price Confirm 按鈕disable 5. 全部Sourcer cost 填完Price Confirm才能夠點擊 6. 錯誤處理 ## 7. 串API (6) 8. UT (2)
1. Download 按鈕要能夠下載核價表單進行填寫 (6) 2. Upload 按鈕要能夠上傳寫好的核價單，按下price comfirm後會把核價資料帶入每個待核價的項目中 (6) 3. 錯誤處理 (4) 4. 串API (2)
1. 列表hover後要顯示remark按鈕，點擊後跳出的編輯modal (6) 2. 串API (2) 3. UT (2)
1. 版面 (6) 2. 串API (2)
1. 版面 (24) 2. 左邊有搜尋欄位，並且有autocomplete搜尋，篩選右邊的Tab-list(4) 3. Tab-list有左右按鈕可以左右切換tab (2) 4. Tab-list左邊按鈕點擊會出現下拉選單能夠切換tab(2)
2. 下拉選單選擇Stag, Type欄位後按下分析進行篩選 (8) ## D3 (16) 3. D3 4. 每個Bar的Group要能根據stage, type 進行分組 5. 每個Bar在hover後會顯示該項目的名稱 6. 顏色依照type進行分組 ## 7.串API (4)
1. D3 (16) 2. 串API (8)
**這裡還有驗証的問題** 1. 版面(8) 2. 下載功能 (2) 3. 上傳功能要有upload的modal (12) 4. 上傳或下載失敗的處理(4) 5. 排序、waterfall分頁 (8) 6. 串API (3支) (14)
1. stage區塊的版面、要可以切換stage (10) 2. 列表區塊的版面date要排序 (4) 3. 列表的每個row有下載的按鈕 (call api) (2) 4. waterfall分頁 (8) 5. 串API (約3支) (6) 6. UT (8)
1. 欄位彼此連動(選單支援下拉搜尋)(8) 2. 先下載檔案，上傳後才可trigger(10) 3. 版面(4) 4. reset後七個欄位清空(1) 5. 串API(6) 6. UT(4)
1. table排版(分頁、排序、還沒核過的要顯示在最上面)，點選某個按鈕導頁到Stage的狀態(12) 2. 串API(3支)(4) 3. UT(4)
1. 搜尋列表可下拉，Default是project Name(6) 2. 串API(4) 3. UT(4)
1. 版面(8) 2. 選擇燈號可以切換stage(8) 3. 可以選擇文件並下載或上傳(10) 4. 點選excel時鐘可以看到各個版本上傳紀錄(導頁)(不做分頁)(6) 5. submit旁邊的時鐘可以看submit的歷史紀錄(6) 6. [ME]我希望可以更新EXcel檔案(PreBOM, Tooling, Themal, Speaker)，更新檔案給CE知道(6) 7. 串API(6) 8. UT(4)
1. table排版(分頁、排序)，點選按鈕導頁到Stage的狀態(12) 2. 串API(4) 3. UT(4)
1. 版面(8) 2. 選擇燈號可以切換stage(8) 3. 可以選擇文件下載(但不能上傳和submit)(4) 4. 點選excel時鐘可以看到各個版本上傳紀錄(不做分頁)(6) 5. submit旁邊的時鐘可以submit的歷史紀錄(6) 6. 串API(6) 7. UT(4)
1. summary report, raw data串API (2) 2. month of chart截圖 (2) 3. error handling (2)
1. 選擇左上角的幣別後，改變圖表呈現的幣別 (1) 2. 串API (2)
1. D3畫出基本圓餅圖(16) 2. hover可在圖表與清單上highlight其詳細資訊(金額及百分比) (2) 3. 圓餅圖色塊和右邊資訊連動 (2) 4. 每個廠商自動找不同色碼 (2) 5. 版面(4)
回到前一頁(2)
1. 版面 (8) 2. 要做成多選的component (8) 3. 上面的checkbox要可以連動呈現複選、全選、未選 (2) 4. 要可以篩選部門、角色種類，減少checkbox list 長度 (4) 5. 顯示已選取的數量(1) 6. 串2支API (2) 7. UT (2)
1. 版面(2) 2. 日期區間component (限制12個月)(6)
1. vendor base/ group 的版面(1.5)
1. 版面 (2) ### 欄位連動 (8) 2. type1和type2要連動 3. supply type預設全選 4. type1、type2 可以清空 ### 5. 串2支API (2) 6. UT (4)
### 驗證 (1) 1. 驗證：supply type至少要選一個 ### API(8) 2. 整理各欄位資料格式、串API - type1、type2如果是選ALL的話要自動帶全部的value給後端 3. 導頁 4. 錯誤處理 5. UT(4)
1. 按下reset後，所有欄位變回預設值(2)
1. 根據不同的幣別重新畫(1) 2. 串API (2)
1. svg 輸出成圖片(8) 2. summary report 串API直接下載(2) 3. raw data 串API直接下載(2) 4. error handling (2)
1. 回到前一頁(2) 2. 版面(4)
1. D3畫出圖表(16)
1. 版面(2) 2. 清單左上角要有checkbox可以勾選所有的項目(全選/未選/複選)，並顯示數量(2) 3. 清單右上角要有tag可以對部門/人員進行篩選(2) 4. 串API(1) 5. UT(2)
1. 版面(2) 2. 日期選擇器的component(6)
1. 版面(2) ## 欄位連動 (8) 2. Type I/II : 預設為空值，兩者要能夠連動 3. Manufactor/Vendor 要能跟 TypeI/II 連動 4. Supply_type : 預設是全選，至少選擇一個 ### 5.UT(2)
1. 導頁(2) 2. 版面(2)
1. 版面(2) 2. Type I/II：清除的叉叉將欄位重置為空值(2) 3. Reset：重置所有的欄位為預設值(2)
1. 前端輸入框驗證(4) 2. 後端response驗證訊息顯示及處理(6) 3. 導頁(1) 4. 版面 (8) 5. 串API、將角色及帳號資料存下來(6) 6. Unit Test(4) ps. 登入三次要鎖user
1. 清除存在瀏覽器的資料並轉頁 (1) 2. modal確認版面 (2) 3. 串API (?) (1) 4. Unit test(1)