优化项目分析详情与异常明细展示

This commit is contained in:
wjj
2026-07-01 11:26:01 +08:00
parent 066d850389
commit 04ede64767
17 changed files with 724 additions and 131 deletions

View File

@@ -0,0 +1,21 @@
# 外部人员详情原因快照前端实施计划
## 背景
外部人员详情的「对象异常明细」展示风格已复用员工详情卡片,但内容缺少原因快照,生产页面显示为泛化文案。
## 实施内容
- 外部人员对象卡片优先展示命中标签中的 `reasonDetail`
- 流水标签补全时保留后端返回的 `reasonDetail`
- 历史数据缺少 `reasonDetail` 时,基于已加载的关联流水补充笔数、累计金额、最大金额、最近交易时间、主要对手方,避免只展示泛化命中文案。
## 影响范围
- 仅影响 `ExternalPersonDetailDialog.vue` 中「异常明细」页签的对象异常卡片内容。
- 不调整资金流向、员工详情布局、导出按钮位置和图谱样式。
## 验证
- 使用项目 Node 14.21.3 执行前端构建。
- 启动真实前后端后,在业务页面打开外部人员「查看详情」检查对象异常明细展示。

View File

@@ -0,0 +1,25 @@
# 项目分析异常明细导出前端实施计划
## 目标
在员工风险人员、命中模型涉及人员、外部人员三个“查看详情”入口的“异常明细”页签中增加简洁导出按钮,导出当前弹窗已加载的异常明细数据。
## 范围
- 修改共用组件 `ProjectAnalysisAbnormalTab.vue`
- 导出流水异常与对象异常两类明细。
- 不修改资金流向页签导出能力,资金流向不提供导出按钮。
## 实施步骤
1. 在异常明细页签顶部增加右对齐“导出”按钮。
2. 使用当前 `detailData.groups` 组装 CSV 数据,覆盖分页外的全部已加载记录。
3. 流水异常导出本方名称、本方账号、对手方名称、对手方账号、交易信息、异常标签和金额。
4. 对象异常导出分组、标题、摘要、异常说明、异常标签和补充字段。
5. 使用 UTF-8 BOM 生成 CSV保证 Excel 打开中文正常显示。
## 验证
- 前端构建通过。
- 搜索确认资金流向导出入口不存在。
- 员工与外部人员详情弹窗均复用该异常明细导出按钮。

View File

@@ -0,0 +1,28 @@
# 项目分析详情侧栏收起与异常明细导出前端实施计划
## 目标
在结果总览的项目分析详情弹窗中,减少左侧“人物档案、命中模型摘要”对屏幕宽度的占用,并为“查看详情 > 异常明细”增加导出入口。
## 范围
- 调整 `ProjectAnalysisDialog.vue` 的左右布局,支持左侧侧栏收起和展开。
- 调整 `ProjectAnalysisSidebar.vue` 的紧凑展示样式,使默认占宽更小。
- 调整 `ExternalPersonDetailDialog.vue`,保持外部人员详情与员工详情布局一致。
- 调整 `ProjectAnalysisAbnormalTab.vue`,在异常明细页签提供导出按钮。
- 资金流向页签不提供导出按钮。
## 实施步骤
1. 在项目分析弹窗中维护 `sidebarCollapsed` 状态,弹窗打开时默认展开。
2. 在弹窗布局中加入侧栏收起按钮,收起后左侧变为窄栏,右侧主区域占满剩余空间。
3. 将左侧默认宽度由百分比大侧栏改为固定紧凑宽度,降低对资金流向内容区的挤占。
4. 将弹窗头部压缩为单行低高度展示,去掉“结果总览”层级文案。
5. 在异常明细页签增加“导出”按钮,导出当前弹窗已加载的异常明细数据。
## 验证
- 前端构建或语法检查不报错。
- 真实页面打开项目分析详情后,侧栏可以收起和展开。
- 员工两个“查看详情”和外部人员“查看详情”均使用同一套紧凑布局。
- 异常明细页签可看到导出按钮,资金流向页签不出现导出按钮。