实现结果总览详情弹窗前端接线

docs/reports/implementation/2026-03-25-results-overview-project-analysis-dialog-real-detail-frontend-implementation.md

@@ -0,0 +1,60 @@
+# 结果总览项目分析弹窗真实详情前端实施记录
+
+**日期**: 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`

docs/tests/records/2026-03-25-results-overview-project-analysis-dialog-real-detail-frontend-verification.md

@@ -0,0 +1,55 @@
+# 结果总览项目分析弹窗真实详情前端验证记录
+
+**日期**: 2026-03-25  
+**模块**: 初核项目详情 - 结果总览
+
+## 执行命令
+
+```bash
+cd ruoyi-ui
+node tests/unit/preliminary-check-summary-and-people.test.js
+node tests/unit/preliminary-check-model-linkage-flow.test.js
+node tests/unit/preliminary-check-model-and-detail.test.js
+node tests/unit/project-analysis-dialog-layout.test.js
+node tests/unit/project-analysis-dialog-sidebar.test.js
+node tests/unit/project-analysis-dialog-abnormal-tab.test.js
+node tests/unit/project-analysis-dialog-empty-field.test.js
+node tests/unit/preliminary-check-api-integration.test.js
+node tests/unit/preliminary-check-project-analysis-source-context.test.js
+node tests/unit/project-analysis-dialog-source-highlight.test.js
+npm run build:prod
+```
+
+## 执行结果
+
+- 上述前端单测脚本全部通过
+- `npm run build:prod` 执行成功
+- 构建阶段存在既有体积告警，但未阻塞本次构建
+
+## 关键验证点
+
+1. 已新增详情 API `getOverviewPersonAnalysisDetail`
+2. 结果总览入口页已保存：
+   - 当前人员
+   - 当前来源
+   - 外层命中模型摘要
+3. 项目分析弹窗已支持：
+   - 宽度调整到 `1440px`
+   - 详情加载态
+   - 详情失败提示
+   - 重试入口
+4. 侧栏已拆分为：
+   - 真实基础信息
+   - 外层透传模型摘要
+5. 异常明细已支持：
+   - `BANK_STATEMENT` 分组表格
+   - `OBJECT` 分组摘要卡
+
+## 未执行项
+
+- 本轮未完成依赖真实后端接口的浏览器手工联调验证
+- 原因：当前会话未启动完整后端与项目数据场景
+
+## 结论
+
+前端源码、静态契约测试和生产构建均已通过，结果总览项目分析弹窗真实详情改造已具备联调基础。