From 4648af7f90ac4b51f07838c17f8b83c2a72e2309 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Tue, 26 Jul 2022 11:20:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BD=91=E7=BB=9C=E6=A6=82=E5=86=B5=20a?=
 =?UTF-8?q?pp=20=E6=9B=B4=E5=A4=9A=E5=8A=9F=E8=83=BD=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../charts2/charts/NetworkOverviewApps.vue    | 32 ++++++++-----------
 1 file changed, 14 insertions(+), 18 deletions(-)

diff --git a/src/views/charts2/charts/NetworkOverviewApps.vue b/src/views/charts2/charts/NetworkOverviewApps.vue
index e30144d2..737ab131 100644
--- a/src/views/charts2/charts/NetworkOverviewApps.vue
+++ b/src/views/charts2/charts/NetworkOverviewApps.vue
@@ -6,9 +6,8 @@
         <el-select
             size="mini"
             v-model="metricFilter"
-            class="option__select select-top"
             placeholder=""
-            popper-class="option-popper select-top"
+            popper-class="app-metric"
             :popper-append-to-body="false"
         >
           <el-option v-for="item in metricOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
@@ -22,22 +21,10 @@
             <span><i class="cn-icon cn-icon-social-network"></i></span>
             <span>{{app.name}}</span>
           </div>
-          <el-row class="block-col-2">
-            <el-col>
-              <el-dropdown
-                trigger="click"
-                placement="bottom-end"
-                popper-class="app-dropdown"
-              >
-                <span><i class="cn-icon cn-icon-more-dark"></i></span>
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <el-dropdown-item><span><i class="cn-icon cn-icon-delete"></i>{{$t('overall.delete')}}</span></el-dropdown-item>
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
-            </el-col>
-          </el-row>
+          <div class="app-card-title-more">
+            <span><i class="cn-icon cn-icon-more-dark" @click="moreChange(app.name)"></i></span>
+            <span class="app-card-title-more-delete" v-show="app.moreName"><i class="cn-icon cn-icon-delete"></i>{{$t('overall.delete')}}</span>
+          </div>
         </div>
         <div class="app-card__bodys">
           <div class="app-card__body">
@@ -670,6 +657,15 @@ export default {
         })
       }
     },
+    moreChange (name) {
+      this.appData.forEach((t) => {
+        if (t.name === name) {
+          t.moreName = !t.moreName
+        } else {
+          t.moreName = false
+        }
+      })
+    },
     resize () {
       this.myChartArray.forEach(t => {
         t.resize()