From ae4ce44eff6acaa8d596082cce02db983fc64fdf Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Tue, 22 Nov 2022 17:58:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20tab=E9=80=89=E9=A1=B9=E5=8D=A1=E6=8A=98?=
 =?UTF-8?q?=E7=BA=BF=E5=9B=BE=EF=BC=8C=E6=95=B0=E6=8D=AE=E4=B8=BA=E7=A9=BA?=
 =?UTF-8?q?=E6=97=B6=E5=8E=BB=E9=99=A4=E7=A7=BB=E5=85=A5=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue         | 3 +++
 src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue       | 3 +++
 .../charts2/charts/networkOverview/NetworkOverviewLine.vue     | 3 +++
 3 files changed, 9 insertions(+)

diff --git a/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue b/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
index 88121258..e88c4163 100644
--- a/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
+++ b/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue
@@ -197,6 +197,7 @@ export default {
         if (res.code === 200) {
           this.isNoData = res.data.result.length === 0
           if (this.isNoData) {
+            this.lineTab = ''
             this.mpackets = [
               { analysis: {}, name: 'network.total', class: 'total', show: true, invertTab: true, positioning: 0, data: [], unitType: '' },
               { analysis: {}, name: 'network.inbound', class: 'inbound', show: true, invertTab: true, positioning: 1, data: [], unitType: '' },
@@ -383,12 +384,14 @@ export default {
       this.myChart.setOption(this.chartOption)
     },
     activeChange (item, index) {
+      if (this.isNoData) return
       this.lineTab = item.class
       this.legendSelectChange(item, index, 'active')
       this.showMarkLine = !item.invertTab
       this.init(this.lineMetric, this.showMarkLine, 'active')
     },
     mouseenter (item) {
+      if (this.isNoData) return
       this.mousemoveCursor = item.class
       this.handleActiveBar(item.class)
     },
diff --git a/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue b/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
index 88a0ee80..dfa33b43 100644
--- a/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
+++ b/src/views/charts2/charts/linkMonitor/LinkTrafficLine.vue
@@ -181,6 +181,7 @@ export default {
           this.showError = false
           this.isNoData = res.data.result.length === 0
           if (this.isNoData) {
+            this.lineTab = ''
             this.mpackets = [
               { analysis: {}, name: 'network.total', class: 'total', show: true, invertTab: true, positioning: 0, data: [], unitType: '' },
               { analysis: {}, name: 'linkMonitor.ingress', class: 'ingress', show: true, invertTab: true, positioning: 1, data: [], unitType: '' },
@@ -353,12 +354,14 @@ export default {
       this.myChart.setOption(this.chartOption)
     },
     activeChange (item, index) {
+      if (this.isNoData) return
       this.lineTab = item.class
       this.legendSelectChange(item, index, 'active')
       this.showMarkLine = !item.invertTab
       this.init(this.lineMetric, this.showMarkLine, 'active')
     },
     mouseenter (item) {
+      if (this.isNoData) return
       this.mousemoveCursor = item.class
       this.handleActiveBar(item.class)
     },
diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
index 8aec495f..3e5fac8d 100644
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewLine.vue
@@ -197,6 +197,7 @@ export default {
           this.showError = false
 
           if (this.isNoData) {
+            this.lineTab = ''
             this.mpackets = [
               { analysis: {}, name: 'network.total', class: 'total', show: true, invertTab: true, positioning: 0, data: [], unitType: '' },
               { analysis: {}, name: 'network.inbound', class: 'inbound', show: true, invertTab: true, positioning: 1, data: [], unitType: '' },
@@ -519,12 +520,14 @@ export default {
       })
     },
     activeChange (item, index) {
+      if (this.isNoData) return
       this.lineTab = item.class
       this.legendSelectChange(item, index, 'active')
       this.showMarkLine = !item.invertTab
       this.init(this.metric, this.showMarkLine, 'active')
     },
     mouseenter (item) {
+      if (this.isNoData) return
       this.mousemoveCursor = item.class
       this.handleActiveBar(item.class)
     },