本卡屬 FR-192(母卡 FR-192 母案(同清單上一張)),卡 F-1,批 2。只改 FE(compliance-manager-fe)。依賴:無。

這張卡做什麼(白話)

決策者點名主系統回饋表單的附件區「設計有點舊,順便調整」。本卡做一個共用的附件元件:一個拖放區,已經傳上去的檔和還沒傳的檔同一清單,每檔一列(圖示、檔名、大小、存放位置標籤),滑鼠移上去才出預覽/下載/移除,區底一行「拖放檔案到這裡,或選擇檔案」。先換進主系統回饋表單把舊的兩區四樣式拿掉;之後 Agent 主控台回饋頁(A-2)也用它。雛形 prototype/index.html 的新增回饋對話框與「主系統 · 編輯回饋」分頁就是這個樣子,只取結構。

reuse/extend/new

new(照型):拖放與 accept 照 src/views/source-scan/SourceFilePicker.vue(ss-drop、onDrop、useAcceptedUploadTypes),多檔清單與既有檔列是新寫;extend:SystemFeedbackForm.vue 附件區整段換成這個元件,FileUpload 兩區四樣式刪掉

在哪裡

repo:~/Projects/Billows/Audit-Manager/compliance-manager-fe
改既有:src/views/feedback/system/SystemFeedbackForm.vue 302~420(附件區)
改既有:src/config/locales/i18n/zh-tw/feedback.json、en/feedback.json(附件區文案改寫;舊鍵 drag_drop_hint/ready_to_upload/uploaded_files 若無他處用則刪)
新開:src/components/common/AttachmentDropList.vue(props:existing[]、pending[]、accept、maxSize、canDownload、canDelete、readonly;emits:add、remove-pending、remove-existing、preview、download)

怎麼做

驗收(首腦照這個驗)

npm run build 過;主系統新增回饋:空的只有一行提示、拖兩個檔進區內兩列、hover 出移除、超 20 MB 顯示既有錯誤訊息;編輯既有回饋:既有檔與新加檔同一區、既有檔 hover 出預覽/下載/刪除且 v-can 照舊;grep -n 'border-left\|font-size\|max-width' src/components/common/AttachmentDropList.vue 為 0;文案全部來自 i18n 檔,回寫列出新增與沿用的鍵

必讀