From 3093c3e3a877369e8924fc6cc02d4de800fc4a76 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Fri, 28 Oct 2022 15:30:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20network=20app=20=E6=9B=B4=E5=A4=9A?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E4=BA=8B=E4=BB=B6=E5=88=87=E6=8D=A2=E4=B8=BA?=
 =?UTF-8?q?=E9=BC=A0=E6=A0=87=E6=82=AC=E6=B5=AE=E8=A7=A6=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
index 89c2f89d..7cc6f68a 100644
--- a/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
+++ b/src/views/charts2/charts/networkOverview/NetworkOverviewApps.vue
@@ -20,14 +20,14 @@
     </div>
 
     <div class="app-cards">
-      <div class="app-card" v-for="(app, index) in appData" :key="index">
+      <div class="app-card" @mouseenter="mouseenter(app)" @mouseleave="mouseleave(app)" v-for="(app, index) in appData" :key="index">
         <div class="app-card-title">
           <div class="app-card-title-name">
             <i class="cn-icon" :class="app.type === 'provider' ? 'cn-icon-entity' : 'cn-icon-app2'"></i>
             <span @click="drillDownData(app.type, app.name)">{{app.name}}</span>
           </div>
-          <div class="app-card-title-more" v-ele-click-outside="clickOutSide">
-            <span><i class="cn-icon cn-icon-more-dark" @click="moreChange(app)"></i></span>
+          <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>
           </div>
         </div>
@@ -694,16 +694,30 @@ export default {
         })
       }
     },
-    moreChange (app) {
+    // moreChange (app) {
+    //   this.appData.forEach(t => {
+    //     if (t.name === app.name && t.type === app.type) {
+    //       t.moreOptions = !t.moreOptions
+    //     }
+    //   })
+    // },
+    resize () {
+      this.myChart.forEach(t => {
+        t.resize()
+      })
+    },
+    mouseenter (app) {
       this.appData.forEach(t => {
         if (t.name === app.name && t.type === app.type) {
           t.moreOptions = !t.moreOptions
         }
       })
     },
-    resize () {
-      this.myChart.forEach(t => {
-        t.resize()
+    mouseleave (app) {
+      this.appData.forEach(t => {
+        if (t.name === app.name && t.type === app.type) {
+          t.moreOptions = false
+        }
       })
     }
   },