From b2f289d6a05431f7b5f92fc949230064dd7e00c8 Mon Sep 17 00:00:00 2001
From: hanyuxia <hanyuxia@geedgenetworks.com>
Date: Wed, 24 Aug 2022 13:29:21 +0800
Subject: [PATCH] =?UTF-8?q?CN-643=20npm:=20=E4=B8=89=E7=BA=A7=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E5=88=86=E6=95=B0=E8=AE=A1=E7=AE=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/charts2/Panel.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/views/charts2/Panel.vue b/src/views/charts2/Panel.vue
index 2919ebef..e375b618 100644
--- a/src/views/charts2/Panel.vue
+++ b/src/views/charts2/Panel.vue
@@ -40,7 +40,7 @@
 <script>
 import { useRoute, useRouter } from 'vue-router'
 import { ref } from 'vue'
-import { panelTypeAndRouteMapping, bytesColumnNameGroupForNpm, scoreUrl, customTableTitlesForAppPerformance } from '@/utils/constants'
+import { panelTypeAndRouteMapping, bytesColumnNameGroupForNpm, scoreUrl, customTableTitlesForAppPerformance, operationType } from '@/utils/constants'
 import { getPanelList, getChartList } from '@/utils/api'
 import { getNowTime, getSecond } from '@/utils/date-util'
 import { getTypeCategory } from '@/views/charts/charts/tools'
@@ -66,9 +66,26 @@ export default {
       score: null
     }
   },
+  computed: {
+    npmThirdLevelMenuScore () {
+      return this.$store.getters.getNpmThirdLevelMenuScore
+    }
+  },
+  watch: {
+    npmThirdLevelMenuScore: {
+      deep: true,
+      handler (n) {
+        const curOperationType = this.$store.getters.getTabOperationType
+        if (curOperationType === operationType.thirdMenu) { // 点击的为第三级菜单
+          this.score = n
+        }
+      }
+    }
+  },
   async mounted () {
     this.panelName = this.$store.getters.getPanelName
-    if (this.panelName && this.$route.path === '/panel/networkAppPerformance') {
+    const curOperationType = this.$store.getters.getTabOperationType
+    if (this.panelName && this.$route.path === '/panel/networkAppPerformance' && curOperationType !== operationType.thirdMenu) {
       // let columnName = this.$store.getters.getBreadcrumbColumnName
       const columnValue = this.$store.getters.getBreadcrumbColumnValue
       const queryParams = {
@@ -112,6 +129,8 @@ export default {
         }
         this.score = score || 0
       })
+    } else if (this.$route.path === '/panel/networkAppPerformance' && curOperationType === operationType.thirdMenu) {
+      this.score = this.$store.getters.getNpmThirdLevelMenuScore
     }
 
     await this.init()