69 lines
2.4 KiB
Markdown
69 lines
2.4 KiB
Markdown
# 结果总览项目分析弹窗前端实施记录
|
|
|
|
## 变更概述
|
|
|
|
本次在结果总览页新增统一“项目分析”弹窗，覆盖“风险人员总览”和“命中模型涉及人员列表”两个入口，不新增路由、不新增接口，由 `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`
|
|
- 负责拼装侧栏数据
|
|
- 负责拼装来源强调信息
|
|
- 负责拼装异常明细静态模板
|
|
- 未改动结果总览原有真实接口数据映射方式
|
|
|
|
## 验证结果
|
|
|
|
- 新增单测通过
|
|
- 结果总览相关聚焦回归通过
|
|
- 浏览器手工验证通过，前端开发进程已在验证后关闭
|
|
|
|
## 对应提交
|
|
|
|
- `打通结果总览项目分析弹窗入口`
|
|
- `搭建结果总览项目分析弹窗骨架`
|
|
- `实现结果总览项目分析弹窗主视图`
|