From eb808b1471f569d58290ea945cf4a5c064871ceb 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, 8 Sep 2023 18:00:21 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dpopover=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=85=A8=E5=B1=80=E5=8C=96=E5=AF=B9=E5=85=B6=E4=BB=96?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E9=80=A0=E6=88=90=E7=9A=84=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E6=B1=A1=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../entityExplorer/entityList/detail-overview.scss   |  9 +++++++++
 .../entityExplorer/entityList/detailOverview/App.vue |  4 ++--
 .../entityList/detailOverview/Domain.vue             |  4 ++--
 .../entityExplorer/entityList/detailOverview/Ip.vue  | 12 ++----------
 4 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss b/src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss
index 95bb4b9b..8d9c77e5 100644
--- a/src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss
+++ b/src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss
@@ -321,3 +321,12 @@
   display: flex;
   align-items: center;
 }
+
+.entity-detail__popover.el-popper {
+  min-width: 90px !important;
+  width: auto !important;
+  max-width: 300px !important;
+  max-height: 180px !important;
+  overflow: scroll !important;
+  line-height: 24px !important;
+}
diff --git a/src/views/entityExplorer/entityList/detailOverview/App.vue b/src/views/entityExplorer/entityList/detailOverview/App.vue
index fe6c8428..f5cff40a 100644
--- a/src/views/entityExplorer/entityList/detailOverview/App.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/App.vue
@@ -98,7 +98,7 @@
           <div v-if="relationshipDataOne.length===0 && !loadingRelationshipOne">-</div>
 
           <div v-if="relationshipShowOne">
-            <el-popover placement="right-end" trigger="click" show-arrow="false" offset="20">
+            <el-popover popper-class="entity-detail__popover" placement="right-end" trigger="click" show-arrow="false" offset="20">
               <template #reference>
                 <div class="data-item show-more-related">...</div>
               </template>
@@ -122,7 +122,7 @@
           <div v-if="relationshipDataTwo.length===0 && !loadingRelationshipTwo">-</div>
 
           <div v-if="relationshipShowTwo">
-            <el-popover class="entity-expand-detail" placement="right-end" trigger="click" show-arrow="false" offset="20">
+            <el-popover popper-class="entity-detail__popover" class="entity-expand-detail" placement="right-end" trigger="click" show-arrow="false" offset="20">
               <template #reference>
                 <div class="data-item show-more-related">...</div>
               </template>
diff --git a/src/views/entityExplorer/entityList/detailOverview/Domain.vue b/src/views/entityExplorer/entityList/detailOverview/Domain.vue
index b8d04589..aebc30e7 100644
--- a/src/views/entityExplorer/entityList/detailOverview/Domain.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/Domain.vue
@@ -106,7 +106,7 @@
           <div v-if="relationshipDataOne.length===0 && !loadingRelationshipOne">-</div>
 
           <div v-if="relationshipShowOne">
-            <el-popover placement="right-end" trigger="click" show-arrow="false" offset="20">
+            <el-popover popper-class="entity-detail__popover" placement="right-end" trigger="click" show-arrow="false" offset="20">
               <template #reference>
                 <div class="data-item show-more-related">...</div>
               </template>
@@ -128,7 +128,7 @@
           <div v-if="relationshipDataTwo.length===0 && !loadingRelationshipTwo">-</div>
 
           <div v-if="relationshipShowTwo">
-            <el-popover class="entity-expand-detail" placement="right-end" trigger="click" show-arrow="false" offset="20">
+            <el-popover popper-class="entity-detail__popover" class="entity-expand-detail" placement="right-end" trigger="click" show-arrow="false" offset="20">
               <template #reference>
                 <div class="data-item show-more-related">...</div>
               </template>
diff --git a/src/views/entityExplorer/entityList/detailOverview/Ip.vue b/src/views/entityExplorer/entityList/detailOverview/Ip.vue
index 8396028d..6cabfc37 100644
--- a/src/views/entityExplorer/entityList/detailOverview/Ip.vue
+++ b/src/views/entityExplorer/entityList/detailOverview/Ip.vue
@@ -137,7 +137,7 @@
           <div v-if="relationshipDataOne.length===0 && !loadingRelationshipOne">-</div>
 
           <div v-if="relationshipShowOne">
-            <el-popover placement="right-end" trigger="click" show-arrow="false" offset="20">
+            <el-popover popper-class="entity-detail__popover" tabindex="1" class="test-popover" placement="right-end" trigger="click" show-arrow="false" offset="20">
               <template #reference>
                 <div class="data-item show-more-related">...</div>
               </template>
@@ -160,7 +160,7 @@
           <div v-if="relationshipDataTwo.length===0 && !loadingRelationshipTwo">-</div>
 
           <div v-if="relationshipShowTwo">
-            <el-popover class="entity-expand-detail" placement="right-end" trigger="click" show-arrow="false" offset="20">
+            <el-popover popper-class="entity-detail__popover" class="entity-expand-detail" placement="right-end" trigger="click" show-arrow="false" offset="20">
               <template #reference>
                 <div class="data-item show-more-related">...</div>
               </template>
@@ -577,12 +577,4 @@ export default {
     font-weight: 500;
   }
 }
-.el-popper {
-  min-width: 90px !important;
-  width: auto !important;
-  max-width: 300px !important;
-  max-height: 180px !important;
-  overflow: scroll !important;
-  line-height: 24px !important;
-}
 </style>