fix: 静态资源文件路径解析

src/views/dashboard/overview/components/Topology/index.vue

@@ -5,6 +5,7 @@ import { listAllNeInfo } from '@/api/ne/neInfo';
 import { message } from 'ant-design-vue/es';
 import { getGraphData } from '@/api/monitor/topology';
 import { Graph, GraphData, Tooltip } from '@antv/g6';
+import { parseBasePath } from '@/plugins/file-static-url';
 import { edgeLineAnimateState } from '@/views/monitor/topologyBuild/hooks/registerEdge';
 import { nodeImageAnimateState } from '@/views/monitor/topologyBuild/hooks/registerNode';
 import {
@@ -186,6 +187,12 @@ function fnGraphDataLoad(reload: boolean = false) {
       const nf: Record<string, any>[] = nodes.filter(
         (node: Record<string, any>) => {
           Reflect.set(node, 'neState', { online: false });
+          // 图片路径处理
+          if (node.img) node.img = parseBasePath(node.img);
+          if (node.icon.show && node.icon?.img) {
+            node.icon.img = parseBasePath(node.icon.img);
+          }
+          // 遍历是否有网元数据
           const nodeID: string = node.id;
           const hasNe = res.neList.some(ne => {
             Reflect.set(node, 'neInfo', ne.neType === nodeID ? ne : {});

src/views/monitor/topologyBuild/index.vue

@@ -13,6 +13,7 @@ import {
 } from '@/api/monitor/topology';
 import { RESULT_CODE_SUCCESS } from '@/constants/result-constants';
 import { Form, Modal, message } from 'ant-design-vue/es';
+import { parseBasePath } from '@/plugins/file-static-url';
 const { t } = useI18n();
 const { graphMode, graphModeOptions, handleRanderGraph, handleChangeMode } =
   useGraph();
@@ -80,6 +81,14 @@ function fnGraphDataLoad(reload: boolean = false) {
   getGraphData(graphState.group)
     .then(res => {
       if (res.code === RESULT_CODE_SUCCESS) {
+        res.data.nodes.map((item: any) => {
+          // 图片路径处理
+          if (item.img) item.img = parseBasePath(item.img);
+          if (item.icon.show && item.icon?.img) {
+            item.icon.img = parseBasePath(item.icon.img);
+          }
+          return item;
+        });
         graphState.data = res.data;
       }
     })