# 结果总览项目分析弹窗真实详情前端实施记录

**日期**: 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`