本卡屬 FR-143,第 3 棒:前端新頁照雛形畫面 1 刻,接第 2 棒端點。舊 RoundPoamView.vue 退役。

這一棒在做什麼(白話)

把雛形 prototype/poam-authoring.html 做成真頁面:左樹只列不符合的評估目標(燈號已規劃/部分規劃/未規劃、搜尋、篩選);點控制項看總覽表;點評估目標上半是「稽核缺失」兩欄文件表單,下半每個任務一塊(執行人員 chip 多選預設原指派人、到期日、改善措施、帶入稽核建議;同一任務對多條評估目標時顯示共用提示);頁首儲存、送出(守門清單→確認表→鎖定唯讀)、匯出選單(Excel/OSCAL JSON)、匯入 Excel 入口(預覽模式由第 4 棒接)。

在哪裡

compliance-manager-fe/src/views/project/RoundPoamView.vue        890 行超標,退役:改成一行導向新頁
compliance-manager-fe/src/config/router/index.js:1130            project-poam-round 路由
compliance-manager-fe/src/config/api/api.js:296-298              GRC_POAM_* 常數
compliance-manager-fe/src/config/locales/i18n/zh-tw/round-audit-poam.json  舊 i18n(新頁另開 namespace)
docs/features/FR-143-2610-poam-ao-worksheet-and-excel/prototype/poam-view.js、poam-state.js、poam.css  雛形邏輯與樣式(可直接抄結構)
FR-142 新頁 src/components/grc/ar-result/  左樹、總覽、表單骨架同款,先看它怎麼接

怎麼修

要寫測試

碎片政策不強制;commit 前 npm run lint 與 src/__tests__/v-can-guards.spec.js 要過(寫入按鈕掛 v-can)。

手測

連帶