本卡屬 FR-146（母卡見下方連結），第 2 棒：把剩下的頁換成共用元件。會改碼。依賴 FR-146.1。

問題是什麼（白話）

第 1 棒做好共用元件後，把其餘還在自己刻搜尋框與狀態按鈕的頁全部換過去，包含三支匯入對話框裡的「全部／有效／錯誤」切換。換完全站清單頁的工具列長一樣。

在哪裡

repo：~/Projects/Billows/Audit-Manager/compliance-manager-fe/
清單頁（行號為 2026-10-17 盤點時的選中色位置）
  src/views/project/MyTasksView.vue:411              基準頁，有專案／輪次下拉與重置，放 #extra slot
  src/views/project/ProjectListView.vue:282
  src/views/project/DashboardView.vue:290            首頁小卡內的分段
  src/views/survey-v2/SurveyManage.vue:553、566
  src/views/flow-template/FlowTemplateManageView.vue:288
  src/views/detection-profile/DetectionProfileManageView.vue:632
  src/views/license/LicenseManage.vue:598、606       是「模式切換」不是篩選，看完再判要不要換，不適合就回寫說明
匯入對話框（全部／有效／錯誤）
  src/components/grc/JobImportDialog.vue:293
  src/components/grc/ModuleFrameTemplateImportDialog.vue:450
  src/components/grc/SspImportDialog.vue:361
不動
  src/views/project/ProjectAuditorOverview.vue:1318  同色但是圖示底色
  所有 <SelectButton>（表單欄位）

怎麼修

• 逐頁把工具列那段換成 <ListToolbar>；頁面特有的下拉、按鈕放 #extra slot。只換工具列，不動表格與其他邏輯。
• 對話框若只要分段不要搜尋框，元件要能關掉搜尋（:searchable="false"）；第 1 棒沒做就在本棒加，回寫說明。
• 每頁換完 grep -n "rgba(99,102,241" 該檔零命中（ProjectAuditorOverview 除外）。
• LicenseManage 的兩處是「簽發／管理」模式切換，語意不是清單篩選；若換了反而怪，就保留並在回寫說明理由。

手測

• 每頁：分段切換、搜尋、重置行為與換之前一樣；深淺主題各截一張貼卡尾。
• 三支匯入對話框：上傳一份有錯誤列的檔，切「有效／錯誤」筆數對。
• 全站最後跑 grep -rn "rgba(99,102,241,0.2)" src 只剩 ProjectAuditorOverview 一處（或回寫說明為什麼還有）。

紀律

• branch：FE 開工時 git branch --show-current 重新查，不切 branch；不對就停下問。
• 做完立刻：顯式 git add <檔名>（禁 -am）→ commit（做了什麼／為什麼／驗了什麼／踩了什麼坑）→ 本卡 append 白話補充（commit hash、手測清單、截圖前後對照）→ 狀態改「修正待驗證」。不等令。push 等令。
• 檔案內註解只寫「為什麼」與「陷阱」（一到兩行），施工紀錄進 commit message。
• 動到超過 800 行的檔（ProjectListView、SurveyManage、DetectionProfileManageView 等）只准替換工具列那段，不准往裡加邏輯（CLAUDE.md 體積鐵則）。
• 交稿前 grep -n "border-left" 改過的檔零命中（左側粗色邊框禁令）。