# 未提交账户前端实施计划

## 目标

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

## 实施范围

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

## 交互规则

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

## 验证

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