From ce18288599574ac6777c81841ae0c75317d9f0a5 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Thu, 11 Nov 2021 11:34:34 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-1221=20fix=EF=BC=9A=20=20diagram=20?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B=E5=9B=BE=20=E5=9B=A0=E4=B8=BA=E9=BC=A0?=
 =?UTF-8?q?=E6=A0=87=E6=BB=9A=E8=BD=AE=E6=94=BE=E5=A4=A7=E7=BC=A9=E5=B0=8F?=
 =?UTF-8?q?=E5=AF=BC=E8=87=B4=E6=82=AC=E6=B5=AE=E5=B1=95=E7=A4=BA=E6=9C=89?=
 =?UTF-8?q?=E8=AF=AF=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/charts/chart-list.vue           | 5 ++++-
 nezha-fronted/src/components/common/ChartDiagram/diagram.vue | 5 +++++
 nezha-fronted/src/components/common/project/topologyL5.vue   | 4 ++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/nezha-fronted/src/components/charts/chart-list.vue b/nezha-fronted/src/components/charts/chart-list.vue
index dd232d8f0..fd5dc134e 100644
--- a/nezha-fronted/src/components/charts/chart-list.vue
+++ b/nezha-fronted/src/components/charts/chart-list.vue
@@ -1515,7 +1515,10 @@ export default {
         const arr = []
         arr.push(this.$get(`/asset/asset/${assetId}`))
         arr.push(this.$get(`/asset/asset/feature/${assetId}`))
-        this.$refs['editChart' + chartInfo.id][0].showLoad()
+        console.log(this.$refs['editChart' + chartInfo.id][0])
+        if (this.$refs['editChart' + chartInfo.id][0]) {
+          this.$refs['editChart' + chartInfo.id][0].showLoad()
+        }
 
         // this.$get('/asset/info?id=' + assetId).then(response => {
         //   if (response.code == 200) {
diff --git a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
index 5f58f3ecf..4c2aa7d96 100644
--- a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
+++ b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
@@ -1408,6 +1408,10 @@ export default {
             if (this.$refs.topTool) {
               this.$refs.topTool.scaleNum = parseInt(data * 100)
             }
+            const domRect = document.getElementById('topology-canvas' + this.topologyIndexF).getBoundingClientRect()
+            if (getTopology(this.topologyIndex)) {
+              getTopology(this.topologyIndex).canvasPos = domRect
+            }
             break
           }
           case 'locked': {
@@ -1924,6 +1928,7 @@ export default {
         }
         const domRect = document.getElementById('topology-canvas' + this.topologyIndexF).getBoundingClientRect()
         getTopology(this.topologyIndex).canvasPos = domRect
+        getTopology(this.topologyIndex).resize()
       }, 100)
     },
 
diff --git a/nezha-fronted/src/components/common/project/topologyL5.vue b/nezha-fronted/src/components/common/project/topologyL5.vue
index ec2b16e96..d4a9c3662 100644
--- a/nezha-fronted/src/components/common/project/topologyL5.vue
+++ b/nezha-fronted/src/components/common/project/topologyL5.vue
@@ -1448,6 +1448,10 @@ export default {
             if (this.$refs.topTool) {
               this.$refs.topTool.scaleNum = parseInt(data * 100)
             }
+            const domRect = document.getElementById('topology-canvas' + this.topologyIndexF).getBoundingClientRect()
+            if (getTopology(this.topologyIndex)) {
+              getTopology(this.topologyIndex).canvasPos = domRect
+            }
             break
           }
           case 'locked': {