Files
ccdi/docs/plans/frontend/2026-07-20-unsubmitted-account-frontend-implementation.md

1.0 KiB

未提交账户前端实施计划

目标

在结果总览风险明细页面新增“未提交账户”展示区,形态参考 lsfx 截图:顶部汇总、主体分组、账号卡片和导出流水入口。

实施范围

  • projectOverview.js 增加未提交账户查询 API。
  • RiskDetailSection.vue 增加未提交账户区块。
  • 展示未提交账户数、流入总额、流出总额、流入/流出差额。
  • 按主体展示账号卡片,卡片显示账号、流入金额、流出金额和交易占比较高标记。
  • 导出按钮调用后端未提交账户流水导出接口。

交互规则

  • 当前项目为空时显示空态。
  • 查询失败时展示错误提示并清空未提交账户数据。
  • 账号显示使用中间省略,金额按万元展示。
  • 交易占比较高按后端返回的标记展示。

验证

  • 前端单元静态断言覆盖标题、汇总字段、导出入口和卡片字段。
  • 按项目要求使用可用 Node/npm 版本完成构建或测试。
  • 页面开发完成后使用浏览器实际验证。