From e4740033763a1ef5441c1c02fb9f5fb43188e4ed 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, 30 Jun 2023 15:33:00 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=AE=9E=E4=BD=93?=
 =?UTF-8?q?=E5=85=B3=E7=B3=BBip=E5=88=97=E8=A1=A8=E7=9A=84=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=AE=BD=E5=BA=A6=E5=BC=82=E5=B8=B8=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/charts2/graphRightListBlock.scss         |  6 +++---
 .../entityExplorer/entityGraphDetail/IpList.vue    | 14 ++++++--------
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/assets/css/components/views/charts2/graphRightListBlock.scss b/src/assets/css/components/views/charts2/graphRightListBlock.scss
index 5bc94c68..c6955467 100644
--- a/src/assets/css/components/views/charts2/graphRightListBlock.scss
+++ b/src/assets/css/components/views/charts2/graphRightListBlock.scss
@@ -40,11 +40,10 @@ $font-size: 12px;
   margin-bottom: 24px;
 
   .graph-list-expand-btn {
-    width: 90px;
     height: 28px;
     line-height: 28px;
     background: #38ACD2;
-    border-radius: 4px;
+    border-radius: 3px;
     font-size: 12px;
     color: #FFFFFF;
     display: flex;
@@ -52,8 +51,9 @@ $font-size: 12px;
     justify-content: center;
     font-family: NotoSansHans-Medium;
     font-weight: 500;
-    padding: 10px 0;
+    padding: 14px 10px;
     cursor: pointer;
+    border: 1px solid rgba(46,136,166,0.85);
 
     i {
       font-size: 16px;
diff --git a/src/views/entityExplorer/entityGraphDetail/IpList.vue b/src/views/entityExplorer/entityGraphDetail/IpList.vue
index 71243a87..3f83e348 100644
--- a/src/views/entityExplorer/entityGraphDetail/IpList.vue
+++ b/src/views/entityExplorer/entityGraphDetail/IpList.vue
@@ -15,16 +15,10 @@
     </div>
 
     <div class="graph-list-expand-btn-block">
-      <div class="graph-list-expand-btn">
-        <i class="cn-icon cn-icon-expand-continue graph-expand-continue"></i>
+      <div class="graph-list-expand-btn" style="display: inline-flex;" @click="expandList">
+          <i class="cn-icon cn-icon-expand-continue graph-expand-continue"></i>
         {{ $t('entity.graph.continueToExpand') }}
       </div>
-<!--      <el-button type="primary" class="graph-list-expand-btn">-->
-<!--        <span>-->
-<!--          <i class="cn-icon cn-icon-expand-continue graph-expand-continue"></i>-->
-<!--          {{ $t('entity.graph.continueToExpand') }}-->
-<!--        </span>-->
-<!--      </el-button>-->
     </div>
 
     <div>
@@ -92,6 +86,10 @@ export default {
     onMouseenter (val) {
       // 鼠标移动过graph列表名称时，graph图的分支图形会变大一点
       this.$emit('mouseenter', val)
+    },
+    expandList () {
+      // 继续拓展ip列表，传递信息，调用接口
+      // this.$emit('expandList')
     }
   }
 }