X-Financial/document/development/财务与风险看板卡片重组/TODO.md

财务与风险看板卡片重组 TODO

调研

• 盘点财务预算卡片和风险看板卡片现状。[CONCEPT: 背景与问题] 证据：已检查 OverviewView.vue、overview-view.css、RiskObservationDashboard.vue、useOverviewView.js 和风险看板测试。

契约

• 确认本次不改后端接口，只调整前端展示和数据映射。[CONCEPT: 目标与非目标] 证据：现有 budgetSummary、budgetMetrics、signalDistribution 和 topRiskSignals 足够支撑改动。

前端

• 将预算执行率整合到预算指标卡片，移除独立预算执行率卡片。[CONCEPT: 财务看板] 证据：OverviewView.vue 中预算指标卡片内新增 GaugeChart，并保留在“高额单据”右侧的底部栅格位置；独立 budget-panel 已移除。
• 将风险“来源分布”改成“风险占比”，使用风险信号分布数据。[CONCEPT: 风险看板] 证据：riskCompositionLegend 优先读取 signalDistribution，标题显示“风险占比”。
• 移除风险看板“算法闭环效果”和“近期高风险观察”卡片。[CONCEPT: 风险看板] 证据：模板、计算属性和样式中的 risk-effect-*、risk-recent-* 已删除。
• 重设异常排行卡片为整行大图表布局。[CONCEPT: 风险看板] 证据：.risk-ranking-panel 改为 grid-column: span 12，并新增 risk-ranking-chart-block。

测试

• 更新风险看板源码测试。[CONCEPT: 测试方案] 证据：risk-observation-dashboard.test.mjs 覆盖删卡、异常排行图表化、风险映射中文化和顶部时间范围驱动。
• 补充或更新财务看板源码测试。[CONCEPT: 测试方案] 证据：新增 finance-dashboard-budget-card.test.mjs，校验预算指标卡位于高额单据之后且桌面端 grid-column: span 6。
• 运行定向前端测试。[CONCEPT: 测试方案] 证据：node web/tests/risk-observation-dashboard.test.mjs、node web/tests/finance-dashboard-ranking.test.mjs、node web/tests/finance-dashboard-budget-card.test.mjs 通过。
• 运行前端构建验证。[CONCEPT: 测试方案] 证据：npm.cmd --prefix web run build 通过，仅保留 Vite 大 chunk 与第三方 PURE 注释警告。

验收

• 确认财务看板只有一个预算卡片且含预算执行率。[CONCEPT: 指标与验收] 证据：源码测试确认 budget-metrics-panel 包含 GaugeChart、没有旧 budget-panel，并在桌面端填充“高额单据”右侧空白位。
• 确认风险占比展示具体风险类型，不再展示来源未知。[CONCEPT: 指标与验收] 证据：源码测试确认使用 riskCompositionLegend 和 signalDistribution，并补充 budget_pressure、missing_material、simulation 中文映射。
• 确认风险看板尾部仅保留重设计后的异常排行核心信息。[CONCEPT: 指标与验收] 证据：源码测试确认 risk-ranking-visual、rankingChartItems 生效，且 risk-effect-panel、risk-recent-panel 不再渲染。
• 提交并推送本次改动，避免纳入无关脏工作区文件。[CONCEPT: 风险与开放问题] 证据：本次看板相关文件将随 feat(dashboard): reorganize budget and risk cards 提交并推送到当前分支。