From aaa0ecca255a4e40aeb47b2ff6752f4eb82fdf70 Mon Sep 17 00:00:00 2001
From: zhangyu <m13716206235@163.com>
Date: Thu, 27 Aug 2020 15:45:47 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E8=A7=A3=E5=86=B3=E6=8A=A5?=
 =?UTF-8?q?=E9=94=99=E4=BB=A5=E5=8F=8Atopo=E3=80=82length=E4=B8=BA0?=
 =?UTF-8?q?=E5=8E=BB=E9=99=A4loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/project/visNetwork.vue  | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/nezha-fronted/src/components/common/project/visNetwork.vue b/nezha-fronted/src/components/common/project/visNetwork.vue
index 237b04ea1..6453cbab2 100644
--- a/nezha-fronted/src/components/common/project/visNetwork.vue
+++ b/nezha-fronted/src/components/common/project/visNetwork.vue
@@ -65,32 +65,32 @@
                 <div>
                   <el-progress
                     type="circle"
-                    :percentage="(projectInfo.alertStat[0]/total)*100"
+                    :percentage="projectInfo.alertStat[0]?(projectInfo.alertStat[0]/total)*100:0"
                     :show-text="false"
                     :width="40"
                     color="#F5A390"
                   ></el-progress>
-                  <div class="align--center">{{projectInfo.alertStat[0]}}</div>
+                  <div class="align--center">{{projectInfo.alertStat[0] || 0}}</div>
                 </div>
                 <div>
                   <el-progress
                     type="circle"
-                    :percentage="(projectInfo.alertStat[1]/total)*100"
+                    :percentage="projectInfo.alertStat[1]?(projectInfo.alertStat[1]/total)*100:0"
                     :show-text="false"
                     :width="40"
                     color="#F6B977"
                   ></el-progress>
-                  <div class="align--center">{{projectInfo.alertStat[1]}}</div>
+                  <div class="align--center">{{projectInfo.alertStat[1] || 0}}</div>
                 </div>
                 <div>
                   <el-progress
                     type="circle"
-                    :percentage="(projectInfo.alertStat[2]/total)*100"
+                    :percentage="projectInfo.alertStat[2]?(projectInfo.alertStat[2]/total)*100:0"
                     :show-text="false"
                     :width="40"
                     color="#EBD066"
                   ></el-progress>
-                  <div class="align--center">{{projectInfo.alertStat[2]}}</div>
+                  <div class="align--center">{{projectInfo.alertStat[2] || 0}}</div>
                 </div>
               </div>
             </div>
@@ -155,7 +155,10 @@
         immediate: true,
         handler(n){
           this.getNetworkData(n);
-          this.total=this.projectInfo.alertStat[0]+this.projectInfo.alertStat[1]+this.projectInfo.alertStat[2]
+          this.total=this.projectInfo.alertStat[0]+this.projectInfo.alertStat[1]+this.projectInfo.alertStat[2];
+          if(!this.total){
+            this.total=0;
+          }
         },
       },
       // alertData:{
@@ -212,7 +215,10 @@
       },
       formatNodesArr(arr){
         let arr1=[];
-        if(!arr){return arr1}
+        if(!arr || arr.length==0){
+          this.topologyLoading=false;
+          return arr1
+        }
         arr.forEach((item,index)=>{
           item.shape='image';
           item.id=item.moduleId;