本卡屬 FR-144（母卡見下方連結），第 2 棒：前端清單頁與側邊選單徽章。會改碼。依賴 FR-144.1 的端點。

這一棒在做什麼（白話）

把第 1 棒做好的資料刻成畫面：左側選單「待辦任務」底下多一項「稽核計畫」帶數字，進去是表格（一個稽核次一列）、狀態分段鈕帶筆數、搜尋框、欄頭排序、分頁，點一列直達 FR-141 的稽核計畫頁。長相完全照雛形，版式與 FR-142「我的稽核」雛形同一套。

在哪裡

repo：~/Projects/Billows/Audit-Manager/compliance-manager-fe/（先讀它的 CLAUDE.md）
新檔
  src/views/project/AuditPlanListView.vue
  src/config/locales/i18n/zh-tw/audit-plan-list.json、en/audit-plan-list.json
改檔
  src/config/router/index.js         在 /project/audit-manage（:1178 附近）旁加 /project/audit-plans，name audit-plan-list
  src/config/api/api.js              加 AUDIT_PLANS_MY_LIST、AUDIT_PLANS_MY_COUNT
  src/config/locales/i18n/zh-tw/menu.json、en/menu.json   加 audit-plan-list（:113 audit-manage 旁）與描述（:259 附近）
  src/layout/AppMenuItem.vue         選單項支援可選徽章數字
雛形（照刻）
  compliance-manager-be/docs/features/FR-144-2610-my-audit-plans-sidebar-entry/prototype/my-audit-plans.html
  版式來源：compliance-manager-be/docs/features/FR-142-2610-audit-result-ao-worksheet-and-report/prototype/my-audits.html
既有參考
  src/views/project/MyAuditsView.vue        現有「我的稽核」（卡片式，不改它）
  src/views/project/MyTasksView.vue         DataTable lazy 分頁怎麼接後端
  src/views/project/RoundApPlanView.vue:63-69  ?pass= 的用法

怎麼做

• 資料：baseService.post(API.AUDIT_PLANS_MY_LIST, {filters:{status, keyword}, pager:{page, page_size:20}, sort:[{field, order}]})；回 {data:[…], meta:{total, page, page_size, status_counts}}（第 1 棒回寫會貼一列範例，照它）。
• 分段鈕：待填寫（audit_planning）／稽核中／矯正中／待覆核／已結案／全部，每顆帶 meta.status_counts 的數字，預設停「待填寫」。用 PrimeVue SelectButton 或 Button 群，樣式照雛形。
• 搜尋框：IconField＋InputIcon＋InputText，placeholder「搜尋專案、框架、稽核人員、專案經理、稽核性質」，300ms debounce，改了回第 1 頁。
• 表格：PrimeVue DataTable :lazy="true" :loading @page @sort（照 MyTasksView 的接法），rows=20，paginator。欄位與格式照雛形「一格一件事、最多一行小字」：
• 專案（主文專案名；小字框架）／稽核次（「第 N 輪 · 內稽第 N 次」，audit_nature=external 寫「外稽」）／狀態（Tag，色照雛形 .st.*）／填寫進度（progress_pct 印「75%」，100 綠字、0 淡字、ap_uid null 印「尚未建立」；title 放「filled／total 條評估目標」）／填寫期限（plan_due 日期；status==='audit_planning' 時底下小字 Tag「逾期 N 天」紅或「剩 N 天」橘，7 天內；null 印「—」）／稽核日期（起、迄各一行，YYYY-MM-DD HH:mm；null 印「—」）／稽核人員（最多兩位、多的「+N」滑過看全部；自己加粗；空陣列印「未指派」橘字）／專案經理（nickname，自己加粗）／最後更新（只日期）／最右一顆 icon-only Button 配 v-tooltip.top。
• 可排欄：專案、稽核次、狀態、填寫進度、填寫期限、稽核日期、專案經理、最後更新；稽核人員不排。點三次：升、降、取消（回預設）。排序欄位名送後端用第 1 棒定義的 key。
• 整列可點與最右鈕同一動作：can_edit → icon pi-pencil「填寫」；needs_assign → pi-user-plus「去指派」導 {name:'project-planning-round', params:{id:project_uid, roundUid:round_uid}}；其他 → pi-eye「檢視」。導 FR-141 頁：router.push({name:'project-ap-authoring-round', params:{id:project_uid, roundUid:round_uid}, query: is_current ? {} : {pass: pass_uid}})——目前稽核次不帶 pass，帶了會進唯讀模式。
• 空狀態：icon pi-inbox＋「沒有符合條件的稽核計畫」＋小字「當你被列為某份稽核計畫的稽核人員，或你管理的專案進到稽核計畫填寫站時，會出現在這裡。」
• 徽章：AppMenuItem.vue 支援 item 可選 badge 計數；選單載入時與從本頁 onBeforeRouteLeave 時打 GET AUDIT_PLANS_MY_COUNT 一次更新。只在 audit-plan-list 這一項顯示；做成通用機制讓 FR-143 改善計畫入口沿用。
• i18n：menu.json 兩語加 "audit-plan-list": "稽核計畫"／"Audit Plans" 與描述「跟你有關的每一份稽核計畫，點列直達填寫頁」；頁內字串進新檔 audit-plan-list.json 兩語（分段鈕、欄名、空狀態、tooltip、逾期／剩 N 天），命名空間 lang.audit_plan_list.*。
• 先查再寫：欄位格式工具用 @/utils/dateTime 既有 formatDate／日期時間格式；審計暱稱顯示規則 created_user_name || created_user 同理用 nickname || login_name。

手測（DEV，BE 起 python main.py、FE npm run dev）

• 顧問帳號登入：左側「待辦任務」底下出現「稽核計畫 N」，N＝待填寫筆數；viewer-only 帳號看不到此項。
• 進頁：預設停「待填寫」，分段鈕數字與表格列數一致；切「已結案」列數變且數字對；搜「外稽」只剩外部稽核列；搜人名只剩該人參與的；清空回全部。