From 25495f3fea872167265697b6ed40f40c7249d77e Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Mon, 30 May 2022 10:46:22 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=9E=E4=BD=93=E8=AF=A6=E6=83=85=20a?=
 =?UTF-8?q?pp=E4=B8=8B=E6=8B=89=E5=9C=B0=E5=9B=BE=20loading=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/components/views/charts/chartAlarmInfo.scss       | 2 +-
 .../entityExplorer/entityList/detailOverview/App.vue      | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/assets/css/components/views/charts/chartAlarmInfo.scss b/src/assets/css/components/views/charts/chartAlarmInfo.scss
index dbb0b291..2d942ebd 100644
--- a/src/assets/css/components/views/charts/chartAlarmInfo.scss
+++ b/src/assets/css/components/views/charts/chartAlarmInfo.scss
@@ -52,7 +52,7 @@
                         color: #333333;
                         font-weight: 400;
                         div {
-                            max-width: 400px;
+                            max-width: 300px;
                             white-space: nowrap;
                             text-overflow: ellipsis;
                             overflow: hidden;
diff --git a/src/views/entityExplorer/entityList/detailOverview/App.vue b/src/views/entityExplorer/entityList/detailOverview/App.vue
index 5724b7f5..756d55e7 100644
--- a/src/views/entityExplorer/entityList/detailOverview/App.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/App.vue
@@ -200,6 +200,7 @@
         :entity="entityCopy"
         :query-params="queryParams"
         :hide-header="true"
+        :loadingMap="loadingMap"
         @getCurrentTimeRange="getCurrentTimeRange"
     ></chart>
   </div>
@@ -303,7 +304,8 @@ export default {
         loadingOut: false,
         loadingIn: false,
         loadingAlert: false,
-        loadingSecurityEvents: false
+        loadingSecurityEvents: false,
+        loadingMap: false
       }
     }
   },
@@ -328,10 +330,12 @@ export default {
       this.entityData.ipCount = result.ipCount
     },
     chartGetMap () {
+      this.loadingMap = true
       get((this.trafficUrlMap), this.getQueryParams()).then(response => {
         if (response.code === 200) {
           this.chartData = response.data.result
         }
+        this.loadingMap = false
       })
     },
     queryRelated () {
@@ -341,9 +345,9 @@ export default {
   },
   mounted () {
     this.queryParams = this.getQueryParams()
+    this.chartGetMap()
     this.$nextTick(() => {
       setTimeout(() => {
-        this.chartGetMap()
         this.queryRelated()
       }, 250)
     })