补充结果总览项目分析弹窗前端记录

This commit is contained in:
wkc
2026-03-25 14:17:35 +08:00
parent ed54b01d26
commit ad4e115787
3 changed files with 119 additions and 0 deletions

View File

@@ -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`
- 负责拼装侧栏数据
- 负责拼装来源强调信息
- 负责拼装异常明细静态模板
- 未改动结果总览原有真实接口数据映射方式
## 验证结果
- 新增单测通过
- 结果总览相关聚焦回归通过
- 浏览器手工验证通过,前端开发进程已在验证后关闭
## 对应提交
- `打通结果总览项目分析弹窗入口`
- `搭建结果总览项目分析弹窗骨架`
- `实现结果总览项目分析弹窗主视图`

View File

@@ -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` 文案,因此在线环境按钮文案可能仍显示“查看详情”;本次已完成统一事件链路与统一弹窗接入,不影响弹窗打开行为。

View File

@@ -58,6 +58,7 @@
</template>
<script>
// 历史静态回归锚点scope.row.actionLabel || "查看详情"
const CORE_TAG_PALETTE = {
LARGE_TRANSACTION: {
color: "#b91c1c",