Files
ccdi/docs/reports/implementation/2026-07-01-project-analysis-sidebar-collapse-and-fund-detail-export.md

35 lines
3.3 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 项目分析详情侧栏收起与异常明细导出实施记录
## 修改内容
1. 项目分析详情弹窗左侧“人物档案、命中模型摘要”默认改为紧凑宽度,并新增收起/展开按钮。
2. 侧栏收起后保留窄栏身份提示,右侧分析页签自动获得更多展示宽度。
3. 根据页面反馈进一步简化侧栏样式:左侧区域整体保持白底,档案区保留单层白色外框,不再呈现灰底缝隙、灰底承托或嵌套白卡,也不再把“人物档案、命中模型摘要”做成两个模块层级;收起按钮放入档案卡片内部并改为纯图标按钮。
4. 资金流向逐笔明细表补齐本方与对手方名称、账号展示,避免生产数据中名称/账号不易区分;资金流向不提供导出按钮。
5. 压缩项目分析详情与外部人员详情弹窗头部:移除“结果总览”层级文案,标题改为单行低高度展示。
6. 外部人员“查看详情”弹窗同步接入单卡侧栏、图标收起按钮和紧凑头部,确保员工风险人员、命中模型涉及人员、外部人员三个入口风格一致。
7. “查看详情 > 异常明细”页签在“流水异常明细”标题栏右侧新增“导出”按钮,导出当前弹窗已加载的流水异常和对象异常 CSV 明细。
8. 异常明细表将本方、对方列调整为“名称在上、账号在下”的展示方式,避免名称与账号含义混淆。
## 影响范围
- 前端页面:项目详情 > 结果总览 > 命中模型涉及人员 / 风险人员 / 外部人员查看详情。
- 前端组件:`ProjectAnalysisDialog.vue``ExternalPersonDetailDialog.vue``ProjectAnalysisSidebar.vue``ProjectAnalysisAbnormalTab.vue``FundGraphSection.vue`
- 后端模块:无新增接口;资金流图谱查询链路保持不变。
- 不修改资金边明细分页查询口径,不影响手工资金流向边。
## 验证情况
- 已执行:`mvn -pl ccdi-project -am compile -DskipTests`,通过。
- 已执行:按 `.nvmrc` 使用 Node `v14.21.3` 直接调用本地 `vue-cli-service build`,构建通过,仅存在既有资源体积警告。
- 已执行:侧栏单卡片与图标按钮微调后,再次执行同一前端构建,构建通过,仅存在既有资源体积警告。
- 已执行:异常明细导出、单层白色档案卡片、卡片内纯图标收起按钮调整后的前端构建,构建通过,仅存在既有资源体积警告。
- 已执行:真实页面 `http://localhost:8080/ccdiProject/detail/90342?tab=overview` 验证。
- 命中模型涉及人员“查看详情”可打开项目分析详情弹窗。
- 弹窗中出现档案卡片内纯图标收起按钮。
- 点击收起后,左侧侧栏由约 286px 收缩为约 54px右侧主区域由约 1211px 扩展为约 1453px。
- 已检查:资金流向页签可加载资金图接口 `/ccdi/project/fund-graph/graph`
- 已检查:资金流向页签不存在“导出明细”按钮和 `/edge-detail/export` 导出接口调用。
- 已执行:真实页面复验左侧区域、侧栏外层、右侧主区均为白色背景;档案区保留单层白色外框,外框外不再出现灰色缝隙;收起按钮在卡片内部且仅显示图标。
- 已执行:真实页面复验“导出”按钮位于“流水异常明细”标题栏右侧,不位于异常明细整体上层。