From 6845bb4ea421459ffd7f3cf22feeb13c5e255ce7 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Tue, 1 Nov 2022 14:13:03 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dnetwork=20apps=20?=
 =?UTF-8?q?=E7=A7=BB=E5=85=A5=E6=95=88=E6=9E=9C=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../networkOverview/NetworkOverviewApps.vue   | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
index f311a421..f72a8fed 100644
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
@@ -27,8 +27,8 @@
             <span @click="drillDownData(app.type, app.name)">{{app.name}}</span>
           </div>
           <div class="app-card-title-more">
-            <span><i class="cn-icon cn-icon-more-dark"></i></span>
-            <span class="app-card-title-more-delete" @click="del(app, index)" v-show="app.moreOptions"><i class="cn-icon cn-icon-delete"></i>{{$t('overall.delete')}}</span>
+            <span v-show="app.showMore"><i class="cn-icon cn-icon-more-dark" @mouseenter="mouseenterMore(app)"></i></span>
+            <span class="app-card-title-more-delete" @click="del(app, index)" v-show="app.moreOptions" @mouseleave="mouseleaveMore(app)"><i class="cn-icon cn-icon-delete"></i>{{$t('overall.delete')}}</span>
           </div>
         </div>
         <div class="app-card__bodys">
@@ -706,16 +706,31 @@ export default {
         t.resize()
       })
     },
+    mouseenterMore (app) {
+      this.appData.forEach(t => {
+        if (t.name === app.name && t.type === app.type) {
+          t.moreOptions = true
+        }
+      })
+    },
+    mouseleaveMore (app) {
+      this.appData.forEach(t => {
+        if (t.name === app.name && t.type === app.type) {
+          t.moreOptions = false
+        }
+      })
+    },
     mouseenter (app) {
       this.appData.forEach(t => {
         if (t.name === app.name && t.type === app.type) {
-          t.moreOptions = !t.moreOptions
+          t.showMore = true
         }
       })
     },
     mouseleave (app) {
       this.appData.forEach(t => {
         if (t.name === app.name && t.type === app.type) {
+          t.showMore = false
           t.moreOptions = false
         }
       })