# Fund Graph Frontend Implementation Plan

**目标：** 在专项排查页签落地完整版图谱工作台，在项目分析弹窗内落地简版图谱展示，支持查看一层资金流和关系图谱，并通过点击资金边查看代表性流水。

**一期范围：**
- 专项排查版保留搜索栏：身份证号/员工姓名、交易时间范围、最小汇总金额。
- 项目分析弹窗版不提供搜索栏与手工新增入口，使用当前人员自动定位图谱。
- 图谱区：用 ECharts force graph 展示人员、企业、账号代理、名称代理节点和有向资金边。
- 汇总区：展示节点数、资金边数、交易笔数、汇总金额。
- 明细区：点击任意边后展示累计金额、交易笔数、最近交易和关系标签。
- 专项排查版保留分页逐笔流水；项目分析弹窗版仅展示最近 5 条代表性流水。

**实现内容：**
- 新增 `src/api/ccdi/graph/fundGraph.js` 与 `src/api/ccdi/graph/relationGraph.js`，封装图谱接口。
- 新增 `ProjectAnalysisFundFlowTab.vue`，承接项目分析弹窗内的简版图谱展示。
- 新增 `graph/FundGraphSection.vue`，统一承载完整版和弹窗简版两种模式。
- 修改 `ProjectAnalysisDialog.vue` 与 `SpecialCheck.vue`，分别接入简版与完整版图谱组件。

**交互口径：**
- 打开页签时优先使用模型摘要或人员对象中的身份证号/姓名自动查询。
- 专项排查版允许手工输入身份证号或员工姓名重新查询，并支持手工新增资金流向。
- 项目分析弹窗版保留图、基础节点详情、边汇总和轻量明细，不保留搜索、手工新增、疑似企业弹层和复杂操作。
- 默认展示 Top 20 资金边，避免一次渲染过多边影响交互。
- 一期不自动展开追溯层级，节点“一层展开”通过追加一圈节点和边 merge 回现有图谱。

**后续追溯口子：**
- 当前图谱节点已保留原始 `nodeKey` 和 `canExpand`。
- 未来可在节点点击事件中调用后端追溯接口，把新增节点和边合并进现有图谱。
- 组件已按一层查询和边明细查询拆分，后续追溯不会影响“点边看流水”的核心链路。
