From 0b35f856452f262aa411ec03b28bc4dfc50e3ed9 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Thu, 29 Sep 2022 10:15:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=BD=91=E7=BB=9C?=
 =?UTF-8?q?=E6=A6=82=E5=86=B5=20apps=20=E6=8A=98=E7=BA=BF=E5=9B=BE?=
 =?UTF-8?q?=E8=A1=A8=E6=98=BE=E7=A4=BA=E9=9A=90=E8=97=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../charts/networkOverview/NetworkOverviewApps.vue        | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
index 356c9c10..2fec9eeb 100644
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
@@ -20,7 +20,7 @@
         <div class="app-card-title">
           <div class="app-card-title-name">
             <i class="cn-icon" :class="app.type === 'provider' ? 'cn-icon-entity' : 'cn-icon-app2'"></i>
-            <span @click="drillDownData(app.type,app.name)">{{app.name}}</span>
+            <span @click="drillDownData(app.type, app.name)">{{app.name}}</span>
           </div>
           <div class="app-card-title-more" v-ele-click-outside="clickOutSide">
             <span><i class="cn-icon cn-icon-more-dark" @click="moreChange(app)"></i></span>
@@ -52,7 +52,7 @@
               <div>{{unitConvert(app.total, unitTypes.number).join(' ')}}</div>
             </div>
           </div>
-          <div class="chart__drawing" :id="`chart-${app.name}-${app.type}`"></div>
+          <div class="chart__drawing" v-show="!isNoData" :id="`chart-${app.name}-${app.type}`"></div>
         </div>
       </div>
       <div class="app-card app-card--create">
@@ -272,6 +272,7 @@ export default {
     handleData (prevRequest, request, _t) {
       this.toggleLoading(true)
       Promise.all([prevRequest, request]).then(res => {
+        this.isNoData = (res[0].data.result.length && res[1].data.result.length) === 0
         if (res[0].code === 200 && res[1].code === 200) {
           const prevData = res[0].data.result
           const data = res[1].data.result
@@ -301,6 +302,9 @@ export default {
             }
           })
         }
+      }).catch(e => {
+        console.error(e)
+        this.isNoData = true
       }).finally(() => {
         this.toggleLoading(false)
       })