From 0f5bd8a7a7da6ee7b9b8fabb8caead282a3486b8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Fri, 18 Nov 2022 16:37:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20Related=20sessions=E6=A8=A1=E5=9D=97?=
 =?UTF-8?q?=E7=B2=BE=E7=AE=80=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../charts2/charts/npm/RelatedSessions.vue    | 35 +++++++++----------
 1 file changed, 16 insertions(+), 19 deletions(-)

diff --git a/src/views/charts2/charts/npm/RelatedSessions.vue b/src/views/charts2/charts/npm/RelatedSessions.vue
index bc53f4f1..97c9d4d7 100644
--- a/src/views/charts2/charts/npm/RelatedSessions.vue
+++ b/src/views/charts2/charts/npm/RelatedSessions.vue
@@ -61,7 +61,7 @@ export default {
   },
   watch: {
     timeFilter: {
-      handler (n) {
+      handler () {
         this.relatedSessionsData()
       }
     }
@@ -108,35 +108,32 @@ export default {
             divRed.style.width = this.sessionData.serverSessions
           } else {
             this.isNoData = true
-            divGray.style.borderRadius = 4 + 'px'
-            divGray.style.width = '100%'
-            this.sessionData.clientSessions = '—'
-            this.sessionData.serverSessions = '—'
-            this.clientSessions = 0
-            this.serverSessions = 0
+            this.changeErrorOrNodata()
           }
         } else {
           this.showError = true
           this.errorMsg = res.message
-          divGray.style.borderRadius = 4 + 'px'
-          divGray.style.width = '100%'
-          this.sessionData.clientSessions = '—'
-          this.sessionData.serverSessions = '—'
-          this.clientSessions = 0
-          this.serverSessions = 0
+          this.changeErrorOrNodata()
         }
       }).catch(error => {
         this.showError = true
         this.errorMsg = error.message
-        divGray.style.borderRadius = 4 + 'px'
-        divGray.style.width = '100%'
-        this.sessionData.clientSessions = '—'
-        this.sessionData.serverSessions = '—'
-        this.clientSessions = 0
-        this.serverSessions = 0
+        this.changeErrorOrNodata()
       }).finally(() => {
         this.toggleLoading(false)
       })
+    },
+    /**
+     * 当无数据或者报错时改变界面样式，出现灰条
+     */
+    changeErrorOrNodata () {
+      const divGray = document.getElementById('gray')
+      divGray.style.borderRadius = 4 + 'px'
+      divGray.style.width = '100%'
+      this.sessionData.clientSessions = '—'
+      this.sessionData.serverSessions = '—'
+      this.clientSessions = 0
+      this.serverSessions = 0
     }
   },
   mounted () {