X-Financial/document/development/风险与数字员工看板视觉优化/TODO.md

风险与数字员工看板视觉优化 TODO

调研

• 盘点风险看板英文指标、异常排行和数字员工布局现状。[CONCEPT: 背景与问题] 证据：已检查 RiskObservationDashboard.vue、DigitalEmployeeDashboard.vue、DigitalEmployeeDailyWorkChart.vue、BarChart.vue 和相关测试。

契约

• 确认本次不改后端接口，只做前端展示归一化和布局优化。[CONCEPT: 目标与非目标] 证据：风险看板和数字员工看板已有所需数据字段。

前端

• 扩展风险看板中文化映射，覆盖风险信号、来源、状态、未知值和规则名。[CONCEPT: 功能能力] 证据：新增 riskLabels.js，RiskObservationDashboard.vue 和 useOverviewView.js 已接入统一中文化函数。
• 将异常排行改为图表化主视觉，并保留紧凑明细。[CONCEPT: 前端方案] 证据：RiskObservationDashboard.vue 新增 rankingChartItems、rankingDetailGroups 和 risk-ranking-visual。
• 优化数字员工看板卡片跨度、等高布局和图表填充。[CONCEPT: 前端方案] 证据：DigitalEmployeeDashboard.vue 调整趋势/摘要/最近记录栅格，并新增 digital-chart-fill、digital-card-fill。
• 调整数字员工趋势图高度，使其跟随父容器填充。[CONCEPT: 前端方案] 证据：DigitalEmployeeDailyWorkChart.vue 高度改为 100% 并保留 min-height。

测试

• 更新风险看板源码测试，覆盖中文化和图表化异常排行。[CONCEPT: 测试方案] 证据：risk-observation-dashboard.test.mjs 新增中文化 helper 和排行图表断言。
• 更新数字员工看板源码测试，覆盖布局填充类名和图表高度策略。[CONCEPT: 测试方案] 证据：digital-employee-dashboard.test.mjs 新增填充布局断言。
• 运行风险看板定向测试。[CONCEPT: 测试方案] 证据：node web/tests/risk-observation-dashboard.test.mjs，7 passed。
• 运行数字员工看板定向测试。[CONCEPT: 测试方案] 证据：node web/tests/digital-employee-dashboard.test.mjs，4 passed。
• 运行前端构建验证。[CONCEPT: 测试方案] 证据：npm.cmd --prefix web run build 通过，仍有既有 Rollup 注释和大 chunk 警告。

验收

• 确认风险看板可见文案不再暴露常见英文 key。[CONCEPT: 验收标准] 证据：测试覆盖 duplicate_invoice、policy.duplicate_invoice、travel、rule_center、financial_risk_graph 中文化。
• 确认异常排行主视觉为图表形式。[CONCEPT: 验收标准] 证据：组件中异常排行由 BarChart 的 rankingChartItems 驱动。
• 确认数字员工看板主要图表和卡片减少无效空白。[CONCEPT: 验收标准] 证据：趋势图、饼图、条形图和业务产出卡片均接入可填充容器。
• 评估提交和推送范围，避免纳入无关脏工作区变更。[CONCEPT: 风险与开放问题] 证据：暂存区限定为分析看板前端、风险标签工具、定向测试和本开发文档，未纳入 server/storage、日志、临时截图等无关文件。