1.5 KiB
1.5 KiB
资金流向图谱图例与节点分类展示优化实施记录
修改内容
- 将资金流向图谱右上角图例由“人员、家庭关系、对手方、已展开”调整为“本人、关系人、其他方、已展开”。
- 将关系人节点从与本人相近的绿色人物三角改为橙色六边形人物节点，降低本人和关系人之间的视觉混淆。
- 在资金图谱节点 tooltip 中增加“类型”说明，显示本人、关系人、其他方或已展开。
影响范围
- 前端文件：
ruoyi-ui/src/views/ccdiProject/components/detail/graph/FundGraphSection.vue - 仅调整资金图谱展示文案、节点图标与 tooltip，不修改接口、后端逻辑、SQL 或资金流向数据口径。
验证情况
- 已通过代码检查确认分类逻辑保持不变：中心节点仍为本人，有关系类型的节点仍归为关系人，已展开节点仍按展开状态展示，其余节点归为其他方。
- 已执行
nvm use 14.21.3，当前 Node 版本为v14.21.3。 - 已执行
node node_modules\@vue\cli-service\bin\vue-cli-service.js build --mode production，构建成功；仅存在既有资源体积 warning。 - 已在本地前端服务
http://localhost:8080/进入真实项目详情页面，打开项目分析详情并切换至资金流向页签，资金图谱 canvas 正常渲染，页面无前端报错。 - 已检查资金图谱配置代码：图例为“本人、关系人、其他方、已展开”，关系人节点使用橙色六边形人物图标，节点 tooltip 输出“类型”说明。