diff --git a/docs/reports/implementation/2026-03-25-results-overview-project-analysis-dialog-frontend-implementation.md b/docs/reports/implementation/2026-03-25-results-overview-project-analysis-dialog-frontend-implementation.md new file mode 100644 index 00000000..9c5dcb1f --- /dev/null +++ b/docs/reports/implementation/2026-03-25-results-overview-project-analysis-dialog-frontend-implementation.md @@ -0,0 +1,68 @@ +# 结果总览项目分析弹窗前端实施记录 + +## 变更概述 + +本次在结果总览页新增统一“项目分析”弹窗,覆盖“风险人员总览”和“命中模型涉及人员列表”两个入口,不新增路由、不新增接口,由 `PreliminaryCheck.vue` 统一维护弹窗状态和上下文。 + +## 新增弹窗入口链路 + +- `PreliminaryCheck.vue` + - 新增统一弹窗状态 `projectAnalysisDialogVisible` + - 新增当前人物上下文 `currentProjectAnalysisPerson` + - 新增来源标记 `projectAnalysisSource` + - 新增打开、关闭、重置弹窗的方法 +- `RiskPeopleSection.vue` + - 操作列改为向上抛出 `view-project-analysis` +- `RiskModelSection.vue` + - 操作列改为向上抛出 `view-project-analysis` + - 保留模型筛选联动逻辑,不在区块内自行维护弹窗状态 + +## 新增组件与职责 + +- `ProjectAnalysisDialog.vue` + - 负责大尺寸弹窗容器、来源强调、默认页签状态和关闭重置 +- `ProjectAnalysisSidebar.vue` + - 负责左侧三组侧栏信息: + - 人员基础信息 + - 命中模型摘要 + - 排查记录摘要 +- `ProjectAnalysisAbnormalTab.vue` + - 负责“异常明细”主视图 + - 包含异常交易表格、频繁转账账户异常摘要、关联交易异常摘要 +- `ProjectAnalysisPlaceholderTab.vue` + - 统一承载其余四个高保真静态页签 + +## 主视图内容与静态页签边界 + +- “异常明细”页签使用当前行数据与静态模板拼装,不新增请求逻辑 +- 其余页签保持静态承载: + - 资产分析 + - 征信摘要 + - 关系图谱 + - 资金流向 +- 当来源为“命中模型涉及人员”时: + - 顶部增加“当前命中模型”强调 + - 侧栏同步展示当前命中模型 +- 缺失工号、部门等字段时展示 `-` +- 缺失异常标签时展示“暂无异常标签” + +## Mock 组装调整 + +- 在 `preliminaryCheck.mock.js` 中新增统一的弹窗页签定义 +- 新增 `buildProjectAnalysisDialogData` + - 负责拼装侧栏数据 + - 负责拼装来源强调信息 + - 负责拼装异常明细静态模板 +- 未改动结果总览原有真实接口数据映射方式 + +## 验证结果 + +- 新增单测通过 +- 结果总览相关聚焦回归通过 +- 浏览器手工验证通过,前端开发进程已在验证后关闭 + +## 对应提交 + +- `打通结果总览项目分析弹窗入口` +- `搭建结果总览项目分析弹窗骨架` +- `实现结果总览项目分析弹窗主视图` diff --git a/docs/tests/records/2026-03-25-results-overview-project-analysis-dialog-frontend-verification.md b/docs/tests/records/2026-03-25-results-overview-project-analysis-dialog-frontend-verification.md new file mode 100644 index 00000000..1760574d --- /dev/null +++ b/docs/tests/records/2026-03-25-results-overview-project-analysis-dialog-frontend-verification.md @@ -0,0 +1,50 @@ +# 结果总览项目分析弹窗前端验证记录 + +## 执行时间 + +- 2026-03-25 14:16:11 CST + +## 执行命令 + +```bash +cd ruoyi-ui +node tests/unit/preliminary-check-project-analysis-entry.test.js +node tests/unit/preliminary-check-project-analysis-source-context.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-default-tab.test.js +node tests/unit/project-analysis-dialog-abnormal-tab.test.js +node tests/unit/project-analysis-dialog-source-highlight.test.js +node tests/unit/project-analysis-dialog-empty-field.test.js +node tests/unit/preliminary-check-summary-and-people.test.js +node tests/unit/preliminary-check-risk-people-binding.test.js +node tests/unit/preliminary-check-model-linkage-flow.test.js +node tests/unit/preliminary-check-model-and-detail.test.js +npm run dev +``` + +## 结果 + +- 所有新增静态单测均通过。 +- 计划要求的聚焦回归通过: + - `preliminary-check-summary-and-people.test.js` + - `preliminary-check-model-linkage-flow.test.js` + - `preliminary-check-model-and-detail.test.js` + - `project-analysis-dialog-layout.test.js` + - `project-analysis-dialog-abnormal-tab.test.js` +- 前端开发服务成功启动于 `http://localhost:1025/`,手工验证结束后已主动停止进程。 + +## 手工检查结论 + +- 验证页面:`/ccdiProject/detail/54?tab=overview` +- 登录方式:浏览器直接使用现有测试环境账号 `admin / admin123` 登录 +- 校验结论: + - 结果总览页“风险人员总览”首行操作可打开“项目分析”弹窗。 + - 弹窗默认落在“异常明细”页签。 + - 切换到“资产分析”后关闭,再次打开时已恢复到“异常明细”。 + - 在“命中模型涉及人员”区域先选择模型卡片,再打开弹窗时,主区顶部出现“当前命中模型”强调。 + - 在常见桌面宽度下,左侧人物侧栏、右侧五页签工作区和异常明细表格布局正常,未出现塌陷。 + +## 备注 + +- 风险人员与模型人员列表当前仍优先展示后端返回的 `actionLabel` 文案,因此在线环境按钮文案可能仍显示“查看详情”;本次已完成统一事件链路与统一弹窗接入,不影响弹窗打开行为。 diff --git a/ruoyi-ui/src/views/ccdiProject/components/detail/RiskPeopleSection.vue b/ruoyi-ui/src/views/ccdiProject/components/detail/RiskPeopleSection.vue index 7d7d1c40..6c9f2b0c 100644 --- a/ruoyi-ui/src/views/ccdiProject/components/detail/RiskPeopleSection.vue +++ b/ruoyi-ui/src/views/ccdiProject/components/detail/RiskPeopleSection.vue @@ -58,6 +58,7 @@