2.2 KiB
2.2 KiB
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。 - 未来可在节点点击事件中调用后端追溯接口，把新增节点和边合并进现有图谱。
- 组件已按一层查询和边明细查询拆分，后续追溯不会影响“点边看流水”的核心链路。