gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：解决报错以及topo。length为0去除loading

Browse Source
This commit is contained in:
zhangyu
2020-08-27 15:45:47 +08:00
parent 075163522e
commit aaa0ecca25
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
nezha-fronted/src/components/common/project/visNetwork.vue
View File

@@ -65,32 +65,32 @@
<div> <div>
<el-progress <el-progress
type="circle" type="circle"
:percentage="(projectInfo.alertStat[0]/total)*100" :percentage="projectInfo.alertStat[0]?(projectInfo.alertStat[0]/total)*100:0"
:show-text="false" :show-text="false"
:width="40" :width="40"
color="#F5A390" color="#F5A390"
></el-progress> ></el-progress>
<div class="align--center">{{projectInfo.alertStat[0]}}</div> <div class="align--center">{{projectInfo.alertStat[0] || 0}}</div>
</div> </div>
<div> <div>
<el-progress <el-progress
type="circle" type="circle"
:percentage="(projectInfo.alertStat[1]/total)*100" :percentage="projectInfo.alertStat[1]?(projectInfo.alertStat[1]/total)*100:0"
:show-text="false" :show-text="false"
:width="40" :width="40"
color="#F6B977" color="#F6B977"
></el-progress> ></el-progress>
<div class="align--center">{{projectInfo.alertStat[1]}}</div> <div class="align--center">{{projectInfo.alertStat[1] || 0}}</div>
</div> </div>
<div> <div>
<el-progress <el-progress
type="circle" type="circle"
:percentage="(projectInfo.alertStat[2]/total)*100" :percentage="projectInfo.alertStat[2]?(projectInfo.alertStat[2]/total)*100:0"
:show-text="false" :show-text="false"
:width="40" :width="40"
color="#EBD066" color="#EBD066"
></el-progress> ></el-progress>
<div class="align--center">{{projectInfo.alertStat[2]}}</div> <div class="align--center">{{projectInfo.alertStat[2] || 0}}</div>
</div> </div>
</div> </div>
</div> </div>
@@ -155,7 +155,10 @@
immediate: true, immediate: true,
handler(n){ handler(n){
this.getNetworkData(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:{ // alertData:{
@@ -212,7 +215,10 @@
}, },
formatNodesArr(arr){ formatNodesArr(arr){
let arr1=[]; let arr1=[];
if(!arr){return arr1} if(!arr || arr.length==0){
this.topologyLoading=false;
return arr1
}
arr.forEach((item,index)=>{ arr.forEach((item,index)=>{
item.shape='image'; item.shape='image';
item.id=item.moduleId; item.id=item.moduleId;