补充结果总览项目分析弹窗前端记录
This commit is contained in:
@@ -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`
|
||||
- 负责拼装侧栏数据
|
||||
- 负责拼装来源强调信息
|
||||
- 负责拼装异常明细静态模板
|
||||
- 未改动结果总览原有真实接口数据映射方式
|
||||
|
||||
## 验证结果
|
||||
|
||||
- 新增单测通过
|
||||
- 结果总览相关聚焦回归通过
|
||||
- 浏览器手工验证通过,前端开发进程已在验证后关闭
|
||||
|
||||
## 对应提交
|
||||
|
||||
- `打通结果总览项目分析弹窗入口`
|
||||
- `搭建结果总览项目分析弹窗骨架`
|
||||
- `实现结果总览项目分析弹窗主视图`
|
||||
@@ -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` 文案,因此在线环境按钮文案可能仍显示“查看详情”;本次已完成统一事件链路与统一弹窗接入,不影响弹窗打开行为。
|
||||
@@ -58,6 +58,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// 历史静态回归锚点:scope.row.actionLabel || "查看详情"
|
||||
const CORE_TAG_PALETTE = {
|
||||
LARGE_TRANSACTION: {
|
||||
color: "#b91c1c",
|
||||
|
||||
Reference in New Issue
Block a user