1

src/views/systemSettings/serviceManagement/index.vue

@@ -4,6 +4,13 @@
 <script setup lang="ts">
 import { provide } from "vue";
 import * as echarts from "echarts";
+import img1 from "@/assets/integr/jiekou_blue.png";
+import img2 from "@/assets/integr/jiekou_red.png";
+import img3 from "@/assets/integr/pull_blue.png";
+import img4 from "@/assets/integr/kafka_blue.png";
+import img5 from "@/assets/integr/push_blue.png";
+import img6 from "@/assets/integr/save_blue.png";
+import img7 from "@/assets/integr/mysql_blue.png";
 provide("echarts", echarts);
 const chartDom = ref(null);
 const myChart = ref(null);
@@ -14,37 +21,37 @@ const getAssetsFile = (url: string) => {
 const datas = ref<Array>([]);
 const desc = ref<number>(300);
 //默认节点
-const defaultImg = getAssetsFile("jiekou_blue.png");
-
+// const defaultImg = getAssetsFile("jiekou_blue.png");
+const defaultImg = "image://" + reactive(img1);
 //默认节点-错误
-const defaultImgError = getAssetsFile("jiekou_red.png");
+const defaultImgError = "image://" + reactive(img2);
 
 //拉取节点
-const pullImg = getAssetsFile("pull_blue.png");
+const pullImg = "image://" + reactive(img3);
 
 //拉取节点-错误
 const pullImgError = getAssetsFile("pull_red.png");
 
 //kafka节点
-const kafkaImg = getAssetsFile("kafka_blue.png");
+const kafkaImg = "image://" + reactive(img4);
 
 //kafka节点-错误
 const kafkaImgError = getAssetsFile("kafka_red.png");
 
 //推送节点
-const pushImg = getAssetsFile("push_blue.png");
+const pushImg = "image://" + reactive(img5);
 
 //推送节点-错误
 const pushImgError = getAssetsFile("push_red.png");
 
 //存储节点
-const saveImg = getAssetsFile("save_blue.png");
+const saveImg = "image://" + reactive(img6);
 
 //存储节点-错误
 const saveImgError = getAssetsFile("save_red.png");
 
 //存储节点
-const mysqlImg = getAssetsFile("mysql_blue.png");
+const mysqlImg = "image://" + reactive(img7);
 
 //存储节点-错误
 const mysqlImgError = getAssetsFile("mysql_red.png");
@@ -608,6 +615,7 @@ const resizeHandler = () => {
   myChart.resize();
 };
 onMounted(() => {
+  console.log(defaultImg);
   options.series[0].data = nodeDataList;
   options.series[0].links = datas;
   options.series = options.series.concat(getCoordDataList());
@@ -635,5 +643,6 @@ onMounted(() => {
   height: 100%;
   background: #ffffff;
   border-radius: 4px;
+  padding: 35px;
 }
 </style>