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