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

27 lines
1.0 KiB
Markdown

# 未提交账户前端实施计划
## 目标
在结果总览风险明细页面新增“未提交账户”展示区,形态参考 lsfx 截图:顶部汇总、主体分组、账号卡片和导出流水入口。
## 实施范围
- `projectOverview.js` 增加未提交账户查询 API。
- `RiskDetailSection.vue` 增加未提交账户区块。
- 展示未提交账户数、流入总额、流出总额、流入/流出差额。
- 按主体展示账号卡片,卡片显示账号、流入金额、流出金额和交易占比较高标记。
- 导出按钮调用后端未提交账户流水导出接口。
## 交互规则
- 当前项目为空时显示空态。
- 查询失败时展示错误提示并清空未提交账户数据。
- 账号显示使用中间省略,金额按万元展示。
- 交易占比较高按后端返回的标记展示。
## 验证
- 前端单元静态断言覆盖标题、汇总字段、导出入口和卡片字段。
- 按项目要求使用可用 Node/npm 版本完成构建或测试。
- 页面开发完成后使用浏览器实际验证。