From 55227977d3c3291c7f87f389717a36bf938fd8eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Fri, 22 Sep 2023 11:21:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=9E=E4=BD=93filter=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B=E6=9B=B4=E5=A4=9A=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=92=8C=E6=B7=BB=E5=8A=A0filter=E6=A0=87=E9=A2=98=E5=9B=BD?=
 =?UTF-8?q?=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/entityExplorer/entity-filter.scss      |  7 ++++++-
 src/views/entityExplorer/EntityExplorer.vue      | 16 ++++++++--------
 src/views/entityExplorer/EntityFilter.vue        |  5 +++--
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/assets/css/components/views/entityExplorer/entity-filter.scss b/src/assets/css/components/views/entityExplorer/entity-filter.scss
index 4814fa8e..11b71e9e 100644
--- a/src/assets/css/components/views/entityExplorer/entity-filter.scss
+++ b/src/assets/css/components/views/entityExplorer/entity-filter.scss
@@ -97,13 +97,18 @@
   border: 1px solid #E8E8E8;
 }
 
-.filter-show-more {
+.filter-show-more, .filter-no-show-more {
   cursor: pointer;
   height: 26px;
   line-height: 26px;
   margin-left: 20px;
   color: #046ECA;
   user-select: none; // 禁止文本选中
+  font-size: 12px;
+}
+.filter-no-show-more {
+  cursor: not-allowed;
+  color: rgba(16, 16, 16, 0.3);
 }
 
 .filter-hr {
diff --git a/src/views/entityExplorer/EntityExplorer.vue b/src/views/entityExplorer/EntityExplorer.vue
index e1939df9..aefd6b50 100644
--- a/src/views/entityExplorer/EntityExplorer.vue
+++ b/src/views/entityExplorer/EntityExplorer.vue
@@ -210,35 +210,35 @@ export default {
       newFilterData: [
         {
           icon: 'cn-icon cn-icon-registration-country',
-          title: 'Top Countries',
+          title: this.$t('entity.topCountries'),
           topColumn: 'ip.country',
           totalCount: 0,
           data: []
         },
         {
           icon: 'cn-icon cn-icon-city',
-          title: 'Top Cities',
+          title: this.$t('entity.topCities'),
           topColumn: 'ip.city',
           totalCount: 0,
           data: []
         },
         {
           icon: 'cn-icon cn-icon-as',
-          title: 'Top ASNs',
+          title: this.$t('entity.topASNs'),
           topColumn: 'ip.asn',
           totalCount: 0,
           data: []
         },
         {
           icon: 'cn-icon cn-icon-operator',
-          title: 'Top ISPs',
+          title: this.$t('entity.topISPs'),
           topColumn: 'ip.isp',
           totalCount: 0,
           data: []
         },
         {
           icon: 'cn-icon cn-icon-open-port',
-          title: 'Top Ports',
+          title: this.$t('entity.topPorts'),
           topColumn: 'ip.port',
           topColumn1: 'ip.protocol',
           totalCount: 0,
@@ -246,21 +246,21 @@ export default {
         },
         {
           icon: 'cn-icon cn-icon-FQDN',
-          title: 'Top FQDN Categories',
+          title: this.$t('entity.topFQDNCategories'),
           topColumn: 'domain.category',
           totalCount: 0,
           data: []
         },
         {
           icon: 'cn-icon cn-icon-category2',
-          title: 'Top App Categories',
+          title: this.$t('entity.topAppCategories'),
           topColumn: 'app.category',
           totalCount: 0,
           data: []
         },
         {
           icon: 'cn-icon cn-icon-tag1',
-          title: 'Top Tags',
+          title: this.$t('entity.topTags'),
           topColumn: 'tag',
           totalCount: 0,
           data: []
diff --git a/src/views/entityExplorer/EntityFilter.vue b/src/views/entityExplorer/EntityFilter.vue
index 9f99b140..0200c592 100644
--- a/src/views/entityExplorer/EntityFilter.vue
+++ b/src/views/entityExplorer/EntityFilter.vue
@@ -26,7 +26,7 @@
                 <div class="filter__body-item-left-label">
                   <el-tooltip :content="data.label" placement="top" effect="light" :disabled="disabledLabel">
                     <span @mouseenter="handleMouse(`filter${index}${i}`)" :id="`filter${index}${i}`">
-                      <span v-if="item.title==='Top Ports'">
+                      <span v-if="item.topColumn==='ip.port'">
                         {{ data.port }}/{{ data.l7Protocol }}
                       </span>
                       <span v-else>{{ data.label }}</span>
@@ -37,7 +37,8 @@
               <div class="filter__body-item-right">{{ data.value }}</div>
             </div>
           </div>
-          <div @click="showMoreFilter(item, index)" class="filter-show-more">
+          <div @click="showMoreFilter(item, index)"
+               :class="item.showNum === item.data.length ? 'filter-no-show-more' : 'filter-show-more'">
             {{ $t('entity.showMore') }}
           </div>
           <div class="filter-hr"></div>