From b0451e8eb57eddc35f10de00f6a4f0dfb8217afb Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Tue, 12 Jul 2022 11:53:51 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E6=94=B9=20diagram=20?=
 =?UTF-8?q?=E6=B3=84=E9=9C=B2=E7=9B=B8=E5=85=B3=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/ChartDiagram/diagram.vue           | 37 +++++++++++++++++++
 .../components/common/project/topologyL5.vue  |  4 +-
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
index 70a0e8b66..b0f56262b 100644
--- a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
+++ b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
@@ -312,6 +312,7 @@
 </template>
 
 <script>
+import { Store as le5leStore } from 'le5le-store'
 import { Topology, registerNode } from '@topology/core'
 import imgDefault from '@/components/common/project/L5/services/img'
 import {
@@ -2236,6 +2237,42 @@ export default {
       }
     }
   },
+  beforeDestroy () {
+    if (this.timer) {
+      clearInterval(this.timer)
+      this.timer = null
+    }
+    if (this.timer4) {
+      clearInterval(this.timer4)
+      this.timer4 = null
+    }
+    if (getTopology(this.topologyIndex)) {
+      getTopology(this.topologyIndex).open({ pens: [] })
+      getTopology(this.topologyIndex).off('contextmenu', this.onContextMenu)
+      getTopology(this.topologyIndex).destroy()
+      const StoreData = le5leStore.get()
+      const arr = []
+      Object.keys(StoreData).forEach(key => {
+        const id = key.split('-')[0]
+        arr.push(id)
+        if (getTopology(this.topologyIndex).id == id) {
+          le5leStore.set(key, null)
+          delete StoreData[key]
+        }
+      })
+      console.log(this.$loadsh.uniq(arr))
+      console.log(le5leStore.get())
+      Object.keys(getTopology(this.topologyIndex)).forEach(key => {
+        getTopology(this.topologyIndex)[key] = null
+      })
+      setTopology(this.topologyIndex, null)
+    }
+    if (document.getElementById('topology-canvas' + this.topologyIndexF)) {
+      document.getElementById('topology-canvas' + this.topologyIndexF).removeEventListener('mousemove', this.canvasMove)
+    }
+    window.removeEventListener('resize', this.winResize)
+    window.removeEventListener('click', this.contextmenuNone)
+  },
   destroyed () {
     if (getTopology(this.topologyIndex)) {
       getTopology(this.topologyIndex).destroy()
diff --git a/nezha-fronted/src/components/common/project/topologyL5.vue b/nezha-fronted/src/components/common/project/topologyL5.vue
index 3be7231a7..92ecfa1d9 100644
--- a/nezha-fronted/src/components/common/project/topologyL5.vue
+++ b/nezha-fronted/src/components/common/project/topologyL5.vue
@@ -336,9 +336,9 @@
 </template>
 
 <script>
-import { Topology, registerNode } from '@/components/common/@topology/core/index.js'
+// import { Topology, registerNode } from '@/components/common/@topology/core/index.js'
 import { Store as le5leStore } from 'le5le-store'
-// import { Topology, registerNode } from '@topology/core'
+import { Topology, registerNode } from '@topology/core'
 import imgDefault from '@/components/common/project/L5/services/img'
 import {
   Tools,