thread-master/docs/product/demand-radar/tasks/T574-fe-crm-board-eight-columns.md

T574 — fe-crm-board-eight-columns

Status: done
Milestone: M4
Kind: feat
Est. change: ~200 lines

Goal

完成後系統應：/app/crm 顯示八格視圖（七階段＋待追蹤）並可篩選排序。

Depends on

• T502、T503、T569

Inputs

• Spec：../spec.md §3.4、§4.6.4、§5.3

Outputs

程式變更（預期路徑）

路徑	動作	說明
apps/web/src/pages/CrmPage.tsx	add	八格視圖＋篩選列＋排序
apps/web/src/components/radar/ContactCard.tsx	add	名稱、平台、階段、最高意向、最後接觸、待追蹤標記
apps/web/src/App.tsx	edit	註冊 /app/crm
apps/web/src/data/live/radarRepos.ts	edit	crm contacts 列表實作
apps/web/src/styles/radar.css	edit	八格版面樣式

行為變更

• 第八格「待追蹤」為跨階段檢視（needs_follow_up=true），不是第八個階段；UI 需明示這點。
• 空名單顯示引導（去 /app/radar 加入名單），不顯示空白。
• 手機版八格改為可橫向滑動或折疊列表，維持可操作。

Out of scope

• 詳情與成交（T575）
• 統計（T591）

Acceptance

• 八格數量與後端 filter 結果一致；待追蹤格含各階段資料
• 空名單有引導
• 指令：

cd apps/web && npm run build && npm run check:tokens && npm run test && npm run lint

Notes

同時把 T553 的「即將推出」佔位換成真頁。