优化项目详情资金流向图谱展示

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

@@ -0,0 +1,21 @@
+# 结果总览弹窗资金流向逐笔流水展示前端实施计划
+
+## 需求范围
+
+- 修改结果总览“查看详情”弹窗中的“资金流向”页签。
+- 去掉资金边详情中的“弹窗速览”提示文案。
+- 在弹窗资金边详情中展示逐笔流水明细，并保持分页加载。
+- 不修改专项排查页的图谱入口和完整图谱展示逻辑。
+
+## 实施方案
+
+1. 调整 `ProjectAnalysisFundFlowTab.vue` 中传给 `FundGraphSection` 的参数，开启资金边逐笔流水表格。
+2. 保持 `FundGraphSection` 现有边明细接口调用逻辑不变，继续使用分页查询。
+3. 在弹窗包装组件内改为上方图谱、下方逐笔流水布局，收敛表格和分页样式，避免逐笔流水表撑高或挤压图谱画布。
+4. 不新增接口、不修改后端、不改变专项排查页完整下钻能力。
+
+## 验证计划
+
+- 前端构建前按项目规则执行 `nvm use` 并确认 Node 版本。
+- 执行前端构建或聚焦测试，确认组件编译通过。
+- 使用真实页面打开结果总览“查看详情”弹窗，切换到“资金流向”，点击资金边确认下方显示逐笔流水和分页。

docs/plans/frontend/2026-06-04-project-analysis-fund-flow-usability-frontend-implementation.md

@@ -0,0 +1,36 @@
+# 结果总览弹窗资金流向可用性优化前端实施计划
+
+## 目标
+
+- 优化结果总览“查看详情”弹窗内“资金流向”页签的图谱展示空间。
+- 降低多条资金边金额标签、节点名称在小画布中重叠的问题。
+- 在查看单个对手方资金边明细后，通过点击图谱画布空白区域恢复全量图谱状态。
+
+## 实施范围
+
+- 仅调整结果总览“查看详情”弹窗中的资金流向图谱。
+- 不调整专项排查页资金图谱的默认尺寸和业务逻辑。
+- 不修改后端接口、数据库和资金流水分页接口。
+
+## 实施方案
+
+1. 在 `ProjectAnalysisFundFlowTab` 中扩大资金流向工作区尺寸：
+   - 提高弹窗内图谱卡片高度。
+   - 改为上方图谱、下方逐笔流水布局，给图谱保留更大画布空间。
+   - 下方逐笔流水表格保持固定高度和分页展示，避免撑高弹窗。
+
+2. 在 `FundGraphSection` 中增加弹窗可配置能力：
+   - 增加边标签紧凑展示开关，金额使用“万/亿”等短格式展示。
+   - 支持隐藏资金边汇总卡片，只保留逐笔流水明细。
+   - 点击图谱画布空白区域时清空选中节点、选中边和逐笔流水明细，并重新渲染图谱。
+
+3. 优化选中状态表达：
+   - 图谱中当前边和两端节点保持高亮，其他边降低透明度。
+   - 点空白区域后恢复初始全量图谱状态，不额外增加按钮。
+
+## 验证计划
+
+- 执行前端构建，确认无编译错误。
+- 在真实页面进入结果总览“查看详情”弹窗，切换到“资金流向”。
+- 选择包含多笔交易金额标签的资金边，验证节点名称和金额标签不再严重叠加，逐笔流水显示在图谱下方。
+- 点击图谱画布空白区域，验证逐笔流水清空，图谱恢复全量状态。

docs/reports/implementation/2026-06-04-project-analysis-fund-flow-detail-table.md

@@ -0,0 +1,30 @@
+# 结果总览弹窗资金流向逐笔流水展示实施记录
+
+## 修改内容
+
+- 去除结果总览“查看详情”弹窗资金边详情中的“弹窗速览”提示。
+- 结果总览弹窗“资金流向”页签启用逐笔流水表格展示。
+- 保持逐笔流水按现有接口分页加载，不一次性拉取全量数据。
+- 针对弹窗场景改为上方大图谱、下方逐笔流水明细布局，避免详情栏挤压图谱画布。
+- 资金边金额标签改为“万/亿”短格式，选中边时高亮当前边和两端节点，其余关系降透明。
+- 单边明细不再展示“返回全量”按钮，改为点击图谱画布空白区域恢复到刚进入“资金流向”页签时的全量图谱第一眼状态。
+- 空白点击恢复全量时同步清除选中边、选中节点、逐笔流水数据、明细加载状态和 ECharts 内部强调状态，避免画布残留单条资金边高亮。
+- 空白点击监听仅绑定资金流向图谱画布，不影响下方逐笔流水表格和分页操作。
+- 逐笔流水接口增加请求序号校验，返回全量后丢弃旧选中边的异步响应，避免旧请求回写导致明细区再次出现。
+- 弹窗资金流向明细隐藏累计金额、交易笔数、关系三张汇总卡片，减少重复信息占用空间。
+
+## 影响范围
+
+- 前端页面：结果总览“查看详情”弹窗中的“资金流向”页签。
+- 复用组件：`FundGraphSection` 新增弹窗场景可配置项，默认行为不变。
+- 不影响专项排查页图谱展示，不修改后端接口和数据库。
+
+## 验证情况
+
+- 前端命令执行前已尝试 `nvm use`，当前环境未识别 `nvm`；实际 Node 版本为 `v22.22.0`，npm 版本为 `10.9.4`。
+- 已多次执行 `npm run build:prod`，构建通过，仅保留现有资源体积提示。
+- 已使用真实页面验证 `http://localhost/ccdiProject/detail/90342?tab=overview`：在结果总览点击“查看详情”，切换“资金流向”，选中交易笔数最多的资金边。
+- 多笔金额场景验证结果：当前图谱 19 条资金边，选中边为“彭静勇 → 张建强”，交易笔数 5，逐笔流水表格显示 5 条并分页显示“共 5 条”。
+- 展示验证结果：旧“弹窗速览”提示和“项目分析弹窗仅展示汇总信息”说明均不再出现；金额标签压缩为 `2.22万, 5笔`；汇总卡片已隐藏；逐笔流水展示在图谱下方，未裁切图谱区域。
+- 恢复全量验证结果：选中“彭静勇 → 张建强”后展示 5 条逐笔流水，其余 18 条资金边降透明；点击图谱空白区域后，旧明细请求未回写，选中边、选中节点、逐笔流水数据和明细总数均清空；图表仍展示 15 个图形节点、19 条资金边，边样式恢复为 opacity `0.9`、width `1.9`，不再残留单条高亮边。
+- 页面截图已保存到 `output/browser-use/project-analysis-fund-flow-final-graph.png`、`output/browser-use/project-analysis-fund-flow-final-detail.png`、`output/browser-use/project-analysis-fund-flow-reset-all.png`、`output/browser-use/project-analysis-fund-flow-reset-first-view.png` 和 `output/browser-use/project-analysis-fund-flow-blank-click-reset.png`。