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

3.3 KiB
Raw Blame History

项目分析详情侧栏收起与异常明细导出实施记录

修改内容

  1. 项目分析详情弹窗左侧“人物档案、命中模型摘要”默认改为紧凑宽度,并新增收起/展开按钮。
  2. 侧栏收起后保留窄栏身份提示,右侧分析页签自动获得更多展示宽度。
  3. 根据页面反馈进一步简化侧栏样式:左侧区域整体保持白底,档案区保留单层白色外框,不再呈现灰底缝隙、灰底承托或嵌套白卡,也不再把“人物档案、命中模型摘要”做成两个模块层级;收起按钮放入档案卡片内部并改为纯图标按钮。
  4. 资金流向逐笔明细表补齐本方与对手方名称、账号展示,避免生产数据中名称/账号不易区分;资金流向不提供导出按钮。
  5. 压缩项目分析详情与外部人员详情弹窗头部:移除“结果总览”层级文案,标题改为单行低高度展示。
  6. 外部人员“查看详情”弹窗同步接入单卡侧栏、图标收起按钮和紧凑头部,确保员工风险人员、命中模型涉及人员、外部人员三个入口风格一致。
  7. “查看详情 > 异常明细”页签在“流水异常明细”标题栏右侧新增“导出”按钮,导出当前弹窗已加载的流水异常和对象异常 CSV 明细。
  8. 异常明细表将本方、对方列调整为“名称在上、账号在下”的展示方式,避免名称与账号含义混淆。

影响范围

  • 前端页面:项目详情 > 结果总览 > 命中模型涉及人员 / 风险人员 / 外部人员查看详情。
  • 前端组件:ProjectAnalysisDialog.vueExternalPersonDetailDialog.vueProjectAnalysisSidebar.vueProjectAnalysisAbnormalTab.vueFundGraphSection.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 导出接口调用。
  • 已执行:真实页面复验左侧区域、侧栏外层、右侧主区均为白色背景;档案区保留单层白色外框,外框外不再出现灰色缝隙;收起按钮在卡片内部且仅显示图标。
  • 已执行:真实页面复验“导出”按钮位于“流水异常明细”标题栏右侧,不位于异常明细整体上层。