优化

src/views/quest/node/Home.vue

@@ -96,6 +96,7 @@ export default {
         const rows = res.data.rows
         for (let i = 0; i < rows.length; i++) {
           const r = flowNode.methods.toJsPlumbNode(rows[i])
+          // 节点添加
           this.data.nodeList.push({
             id: r.node.id,
             type: r.node.type,
@@ -104,6 +105,7 @@ export default {
             top: r.node.top,
             left: r.node.left
           })
+          // 连线添加
           if (r.line) {
             r.line.forEach(v => {
               this.data.lineList.push({
@@ -116,23 +118,42 @@ export default {
             })
           }
         }
-        this.data.nodeList.forEach(node => {
+        // 节点图片配置添加
-          nodeTypeList.forEach(v => {
+        this.nodeHandle()
-            if (node.type === v.type) {
+        // 连线去重
-              node.typeName = v.typeName
+        this.data.lineList = this.lineHandle(this.data.lineList)
-              node.logImg = v.logImg
-              node.log_bg_color = v.log_bg_color
-            }
-          })
-        })
       })
       this.flag = true
     },
+    // 节点批量处理-初始化
+    nodeHandle() {
+      // 节点图片配置添加
+      this.data.nodeList.forEach(node => {
+        nodeTypeList.forEach(v => {
+          if (node.type === v.type) {
+            node.typeName = v.typeName
+            node.logImg = v.logImg
+            node.log_bg_color = v.log_bg_color
+          }
+        })
+      })
+    },
+    // 连线去重
+    lineHandle(lineList) {
+      let map = new Map();
+      lineList.forEach(item => {
+        const key = item.from + '->' + item.to;
+        if (!map.has(key)) {
+          map.set(key, item);
+        }
+      });
+      return Array.from(map.values());
+    },
     // 保存修改按钮
     save() {
       // 1. 获取所有节点与连线信息
       const nodeList = this.data.nodeList
-      const lineList = this.data.lineList
+      const lineList = this.lineHandle(this.data.lineList)
       console.log(this.data)
       // 2. 处理所有信息,将jsPlumb类型 ==> 数据表类型
       const nodeData = []