From 1bc2f99116766247e3eb034887e928b1bcdb3602 Mon Sep 17 00:00:00 2001
From: zhangyu <m13716206235@163.com>
Date: Tue, 1 Sep 2020 14:31:03 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E6=B7=BB=E5=8A=A0=E5=8F=96?=
 =?UTF-8?q?=E6=B6=88=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/project/topology.vue    |  4 ++++
 .../components/common/project/visNetwork.vue  | 24 +++++++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/nezha-fronted/src/components/common/project/topology.vue b/nezha-fronted/src/components/common/project/topology.vue
index 4081d718e..bbb00dc9d 100644
--- a/nezha-fronted/src/components/common/project/topology.vue
+++ b/nezha-fronted/src/components/common/project/topology.vue
@@ -13,6 +13,7 @@
       </span>
       <span v-show="!selectNodeTitle&&editVisNetwork" class="edit-topologyLine">
         <el-button @click="saveTopology" class="saveTopology">save</el-button>
+        <el-button @click="cancelTopology" class="saveTopology">cancel</el-button>
       </span>
       <span class="edit-topology-line-cancel" v-show="selectNodeTitle&&editVisNetwork">Please select two nodes  <span class="edit-topologyCancel" @click="closeAddLine">Cancel</span></span>
     </div>
@@ -285,6 +286,9 @@
         });
         this.$emit('editVisNetworkChange',false);
       },
+      cancelTopology(){
+        this.$emit('reload');
+      },
       formatNodes(arr){
         let arr1=[];
         arr.forEach(item=>{
diff --git a/nezha-fronted/src/components/common/project/visNetwork.vue b/nezha-fronted/src/components/common/project/visNetwork.vue
index 43612002e..ecb2c04a8 100644
--- a/nezha-fronted/src/components/common/project/visNetwork.vue
+++ b/nezha-fronted/src/components/common/project/visNetwork.vue
@@ -106,6 +106,7 @@
             :allModuleInfo="allModuleInfo"
             v-loading="topologyLoading"
             @editVisNetworkChange="editVisNetworkChange"
+            @reload="reload"
           >
           </topology>
         </div>
@@ -216,6 +217,29 @@
           this.$refs['topology'].zoom=1;
         })
       },
+      reload(){
+        this.topologyLoading=true;
+        this.editVisNetwork=false;
+        this.$get('/project/topo',{projectId:this.projectInfo.id}).then(res=>{
+          if(res.data.topo&&res.data.topo.nodes.length>0){
+            this.nodesArray=[];
+            this.edgesArray=[];
+            this.nodesArrayOther=this.formatNodesArr(res.data.topo.nodes);
+            this.edgesArrayOther=this.formatEdgesArr(res.data.topo.lines);
+          }else{
+            this.nodesArray=[];
+            this.edgesArray=[];
+            setTimeout(()=>{
+              this.topologyLoading=false;
+              this.$refs['topology'].setData();
+            },500)
+          }
+          // res.data.topo.viewsCenter?res.data.topo.viewsCenter:
+          this.$refs['topology'].viewsCenter={x:0,y:0};
+          // res.data.topo.zoom?res.data.topo.zoom:
+          this.$refs['topology'].zoom=1;
+        })
+      },
       formatNodesArr(arr){
         let arr1=[];
         if(!arr || arr.length==0){