56 lines
1.5 KiB
Markdown
56 lines
1.5 KiB
Markdown
|
# 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
|
|||
|
|
|
|||
|
|
- [x] 八格數量與後端 filter 結果一致；待追蹤格含各階段資料
|
|||
|
|
- [x] 空名單有引導
|
|||
|
|
- [x] 指令：
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
cd apps/web && npm run build && npm run check:tokens && npm run test && npm run lint
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## Notes
|
|||
|
|
|
|||
|
|
同時把 T553 的「即將推出」佔位換成真頁。
|