FR-146 · 需求索引 · 本頁由 build 掃資料夾生成

FR-146 清單頁工具列統一(搜尋框+狀態分段共用元件)

狀態:⬜ 已開卡、暫不排程(2026-10-17) 文件 0 份

FR-146 一頁看完

§1

🔴 先看哪一份

你想知道 看這份 這份的性質
為什麼做、盤點結果、怎麼拆 本頁 現況與決定
基準長相 FE src/views/project/MyTasksView.vue 工具列(約 395~425 行) 程式碼即規格
§2

結論

全站清單頁的「搜尋框+狀態分段」各刻一份、樣子不一。抽一個共用元件 ListToolbar,長相照「待辦任務」:搜尋框在左、狀態分段在右、可帶筆數;選中色從寫死的 rgba(99,102,241,0.2) 換成設計系統顏色變數。分兩棒:先做元件並把兩支已對齊的頁換過去當樣板,再批次換其餘頁。

像但不做:表單裡的 PrimeVue SelectButton(判定、風險等級、匯入選項等 25 檔)不是清單篩選,不動。

§3

盤點(2026-10-17)

類 位置 處理
清單頁狀態分段(同款手刻) MyTasksView、AuditPlanListView、MyAuditsView、ProjectListView、DashboardView、SurveyManage(2 處)、FlowTemplateManageView、DetectionProfileManageView、LicenseManage(2 處) 換成共用元件
匯入對話框「全部/有效/錯誤」分段(同款手刻) JobImportDialog、ModuleFrameTemplateImportDialog、SspImportDialog 換成共用元件的分段部分
同一個顏色但不是分段 ProjectAuditorOverview:1318(圖示底色) 不動
表單用 SelectButton 25 檔 不動
搜尋框寬度寫法 8 種,最多是 w-full sm:w-20rem(15 處) 換頁時一併改成元件內建
§4

📊 總進度

棒 Notion 卡 做什麼 狀態
1 CM-2848 共用元件+兩支樣板頁 ⬜ 暫不排程
2 CM-2849 其餘頁批次換 ⬜ 依賴 1
§5

需求討論紀錄

  • 2026-10-17 決策者:稽核計畫、稽核作業的篩選樣式跟待辦任務不一樣,「一堆功能都有用一樣的東西,每一個都長不一樣好煩,先從清單頁的統一開始」。當天先把這兩頁改成待辦任務同款(FE 9e108e58),其餘開本 FR,「開吧,但不會現在做」。
§6

Notion 卡

卡片內容(決策紀錄、驗收條件)以 Notion 為準,本頁只記座標。

關係 卡號 標題 狀態
母案 CM-2847 FR-146 清單頁工具列統一 —
子卡 CM-2848 共用元件+兩支樣板頁 Not started
子卡 CM-2849 其餘頁批次換 Not started