Files
ccdi/docs/plans/frontend/2026-06-04-project-analysis-fund-flow-detail-table.md

1.1 KiB

结果总览弹窗资金流向逐笔流水展示前端实施计划

需求范围

  • 修改结果总览“查看详情”弹窗中的“资金流向”页签。
  • 去掉资金边详情中的“弹窗速览”提示文案。
  • 在弹窗资金边详情中展示逐笔流水明细,并保持分页加载。
  • 不修改专项排查页的图谱入口和完整图谱展示逻辑。

实施方案

  1. 调整 ProjectAnalysisFundFlowTab.vue 中传给 FundGraphSection 的参数,开启资金边逐笔流水表格。
  2. 保持 FundGraphSection 现有边明细接口调用逻辑不变,继续使用分页查询。
  3. 在弹窗包装组件内改为上方图谱、下方逐笔流水布局,收敛表格和分页样式,避免逐笔流水表撑高或挤压图谱画布。
  4. 不新增接口、不修改后端、不改变专项排查页完整下钻能力。

验证计划

  • 前端构建前按项目规则执行 nvm use 并确认 Node 版本。
  • 执行前端构建或聚焦测试,确认组件编译通过。
  • 使用真实页面打开结果总览“查看详情”弹窗,切换到“资金流向”,点击资金边确认下方显示逐笔流水和分页。