X-Financial/document/development/工作台费用统计详情弹窗/TODO.md

工作台费用统计详情弹窗 TODO

调研与契约

• 核对 PersonalWorkbench.vue、工作台样式和现有用户画像弹窗结构。[CONCEPT: 方案设计] 证据：已确认工作台入口、ExpenseProfileDetailModal.vue 弹窗模式和 personal-workbench.css 分割样式。
• 明确费用详情弹窗的数据结构，并限制为前端工作台汇总数据。[CONCEPT: 功能能力] 证据：采用 expenseStatsDetail，由 buildWorkbenchSummary 基于当前用户单据生成。

前端实现

• 移除费用进度卡片右上角“全部进度”按钮。[CONCEPT: 目标与非目标] 证据：PersonalWorkbench.vue 的费用进度标题区已移除该按钮。
• 调整“10日以上”分割标识为居中、醒目主题色样式。[CONCEPT: 指标与验收] 证据：personal-workbench.css 使用 left: 50%、transform: translateX(-50%) 和主题强调色。
• 在 workbenchSummary.js 生成费用分布、处理时间、系统操作详情数据。[CONCEPT: 算法与公式] 证据：新增 expenseStatsDetail 汇总结构。
• 新增费用统计详情弹窗组件，展示三个详情区块和空状态。[CONCEPT: 功能能力] 证据：新增 ExpenseStatsDetailModal.vue。
• 在 PersonalWorkbench.vue 接入弹窗状态与费用统计“查看详情”按钮。[CONCEPT: 方案设计] 证据：新增 expenseStatsModalOpen 与 openExpenseStatsModal。

测试与验证

• 补充工作台源码测试，覆盖按钮移除、弹窗接入和分割标识样式。[CONCEPT: 测试方案] 证据：node web/tests/personal-workbench-assistant.test.mjs 通过。
• 补充工作台汇总单元测试，覆盖详情数据生成。[CONCEPT: 测试方案] 证据：node web/tests/workbench-summary.test.mjs 通过。
• 补充弹窗源码测试，覆盖费用分布、处理时间、系统操作详情区块。[CONCEPT: 测试方案] 证据：node web/tests/expense-stats-detail-modal.test.mjs 通过。
• 运行前端定向测试和构建验证。[CONCEPT: 指标与验收] 证据：以上定向测试和 npm.cmd --prefix web run build 均通过。

交付

• 复查本次暂存范围，避免纳入无关工作区改动。[CONCEPT: 风险与开放问题] 证据：git diff --cached --name-only 仅包含本次工作台弹窗、样式、汇总测试和开发文档。
• 提交并 push 本次功能分支。[CONCEPT: 指标与验收]