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

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

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