61 lines
2.0 KiB
Markdown
61 lines
2.0 KiB
Markdown
|
# 结果总览项目分析弹窗真实详情前端实施记录
|
||
|
|
|
||
|
|
**日期**: 2026-03-25
|
||
|
|
**模块**: 初核项目详情 - 结果总览
|
||
|
|
|
||
|
|
## 本次实现
|
||
|
|
|
||
|
|
- 在 `projectOverview.js` 新增项目分析详情接口方法
|
||
|
|
- 在结果总览入口页新增详情弹窗模型摘要状态
|
||
|
|
- 项目分析弹窗增加：
|
||
|
|
- 真实详情请求
|
||
|
|
- 加载态
|
||
|
|
- 错误态
|
||
|
|
- 重试入口
|
||
|
|
- 弹窗宽度从 `1280px` 调整为 `1440px`
|
||
|
|
- 侧栏改为“真实基础信息 + 外层模型摘要”双来源
|
||
|
|
- 异常明细改为按 `groups` 分组渲染：
|
||
|
|
- `BANK_STATEMENT` 使用表格
|
||
|
|
- `OBJECT` 使用摘要卡
|
||
|
|
|
||
|
|
## 主要文件
|
||
|
|
|
||
|
|
- `ruoyi-ui/src/api/ccdi/projectOverview.js`
|
||
|
|
- `ruoyi-ui/src/views/ccdiProject/components/detail/PreliminaryCheck.vue`
|
||
|
|
- `ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue`
|
||
|
|
- `ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisSidebar.vue`
|
||
|
|
- `ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisAbnormalTab.vue`
|
||
|
|
- `ruoyi-ui/src/views/ccdiProject/components/detail/preliminaryCheck.mock.js`
|
||
|
|
|
||
|
|
## 实现说明
|
||
|
|
|
||
|
|
### 1. 入口状态
|
||
|
|
|
||
|
|
- `PreliminaryCheck.vue` 继续统一维护弹窗开关
|
||
|
|
- 新增 `projectAnalysisModelSummary`，用于承接外层列表行上下文
|
||
|
|
|
||
|
|
### 2. 弹窗请求与状态
|
||
|
|
|
||
|
|
- `ProjectAnalysisDialog.vue` 打开时自动请求详情接口
|
||
|
|
- 请求成功后用真实 `basicInfo` 和 `abnormalDetail` 覆盖原有 mock 数据
|
||
|
|
- 请求失败时保留弹窗并提供重试入口
|
||
|
|
|
||
|
|
### 3. 侧栏数据拆分
|
||
|
|
|
||
|
|
- `人员基础信息` 来源于详情接口返回
|
||
|
|
- `命中模型摘要` 继续由外层列表透传
|
||
|
|
- 标签渲染兼容字符串和对象两种结构
|
||
|
|
|
||
|
|
### 4. 异常明细结构
|
||
|
|
|
||
|
|
- `ProjectAnalysisAbnormalTab.vue` 以 `detailData.groups` 为唯一输入
|
||
|
|
- 流水分组使用贴近流水明细查询的列结构
|
||
|
|
- 对象分组使用摘要卡和补充字段列表
|
||
|
|
|
||
|
|
## 验证情况
|
||
|
|
|
||
|
|
- 结果总览相关前端单测已通过
|
||
|
|
- 生产构建已通过
|
||
|
|
- 详见：
|
||
|
|
- `docs/tests/records/2026-03-25-results-overview-project-analysis-dialog-real-detail-frontend-verification.md`
|