修改部分代码

src/utils/ruoyi.js

@@ -58,7 +58,7 @@ export function addDateRange(params, dateRange, propName) {
 	var search = params;
 	search.params = {};
 	if (null != dateRange && '' != dateRange) {
-		if (typeof(propName) === "undefined") {
+		if (typeof (propName) === "undefined") {
 			search.params["beginTime"] = dateRange[0];
 			search.params["endTime"] = dateRange[1];
 		} else {
@@ -68,7 +68,32 @@ export function addDateRange(params, dateRange, propName) {
 	}
 	return search;
 }
-
+/**
+ * 获取url上的token
+ * @returns 
+ */
+export function urlParse() {
+	let url = window.location.search;
+	let obj = {};
+	let reg = /[?&][^?&]+=[^?&]+/g;
+	let arr = url.match(reg);
+	// ['?id=12345', '&a=b']
+	let token = '';
+	if (arr) {
+		arr.forEach((item) => {
+			let tempArr = item.substring(1).split('=');
+			let key = decodeURIComponent(tempArr[0]);
+			let val = decodeURIComponent(tempArr[1]);
+			console.log(key)
+			if (key === 'token') {
+				token = val;
+				return;
+			}
+			obj[key] = val;
+		});
+	}
+	return token;
+};
 // 回显数据字典
 export function selectDictLabel(datas, value) {
 	var actions = [];

src/views/topology/Preview.vue

 <template>
   <div style="overflow: hidden">
-    <div id="topology-hrhx" style="width: 100%; height: 100vh;overflow: hidden"></div>
+    <div
+      id="topology-hrhx"
+      style="width: 100%; height: 100vh; overflow: hidden"
+    ></div>
     <div class="tools">
       <a-button type="primary" @click="onBack">
         <a-icon type="left" /> 返回
@@ -21,15 +24,16 @@
 import { Topology } from "@topology/core";
 export const Data = "";
 import { encryption, decrypt } from "@/utils/rsautils.js";
-import {getTopologyId} from "@/api/topology.js"
+import { getTopologyId } from "@/api/topology.js";
+import { urlParse } from "@/utils/ruoyi";
 export default {
-  name:"Preview",
+  name: "Preview",
   data() {
     return {
       canvas: {},
       locked: 0,
       showTools: true,
-      topologyData:null
+      topologyData: null,
     };
   },
   created() {},
@@ -76,24 +80,31 @@ export default {
           this.topologyData = {};
         });
 
+      if (this.topologyData) {
+        let data = JSON.parse(this.topologyData);
+        data.websocket = data.websocket + "/" + urlParse()===''?null:urlParse();
+        this.topologyData=JSON.stringify(data)
+      }
       this.canvas.open(this.topologyData);
       this.canvas.data.locked = 1;
       // 或 用window.topology对象 === 上面的canvas
       // topology.open(json);
       // 4. 如果json发送变化，重绘
       this.canvas.render();
-      this.onSizeWindow();
-      topology.data.socketEvent = true;
-      topology.on("websocket", (e) => {
-        let msg = JSON.parse(e);
-        if (msg.code) {
-          if (msg.code === 200) {
-            this.$message.success(msg.msg);
-          } else {
-            this.$message.error(msg.msg);
-          }
-        }
-      });
+      this.$nextTick(()=>{
+        this.onSizeWindow();
+      })
+      // topology.data.socketEvent = true;
+      // topology.on("websocket", (e) => {
+      //   let msg = JSON.parse(e);
+      //   if (msg.code) {
+      //     if (msg.code === 200) {
+      //       this.$message.success(msg.msg);
+      //     } else {
+      //       this.$message.error(msg.msg);
+      //     }
+      //   }
+      // });
     },
   },
 };