From 8eec17868d735d0649af6dcc82a95469df52239a Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 26 Aug 2024 13:22:16 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/icon-custom/src/Icon.vue    |  2 ++
 .../visualization/OuterParamsSet.vue           | 18 +++++++++++++-----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/core/core-frontend/src/components/icon-custom/src/Icon.vue b/core/core-frontend/src/components/icon-custom/src/Icon.vue
index 9558839098..2ea157b348 100644
--- a/core/core-frontend/src/components/icon-custom/src/Icon.vue
+++ b/core/core-frontend/src/components/icon-custom/src/Icon.vue
@@ -245,6 +245,7 @@ import filterHLeft from '@/assets/svg/filter-h-left.svg'
 import filterHRight from '@/assets/svg/filter-h-right.svg'
 import filterTop from '@/assets/svg/filter-top.svg'
 import filter from '@/assets/svg/filter.svg'
+import filterParams from '@/assets/svg/filter-params.svg'
 import flowMapDark from '@/assets/svg/flow-map-dark.svg'
 import flowMapOrigin from '@/assets/svg/flow-map-origin.svg'
 import flowMap from '@/assets/svg/flow-map.svg'
@@ -923,6 +924,7 @@ const iconMap = {
   'filter-h-left': filterHLeft,
   'filter-h-right': filterHRight,
   'filter-top': filterTop,
+  'filter-params': filterParams,
   filter: filter,
   'flow-map-dark': flowMapDark,
   'flow-map-origin': flowMapOrigin,
diff --git a/core/core-frontend/src/components/visualization/OuterParamsSet.vue b/core/core-frontend/src/components/visualization/OuterParamsSet.vue
index 0aa0b3e7be..0df61e03e5 100644
--- a/core/core-frontend/src/components/visualization/OuterParamsSet.vue
+++ b/core/core-frontend/src/components/visualization/OuterParamsSet.vue
@@ -73,7 +73,7 @@
               <el-row class="new-params-title"> 选择参数关联组件 </el-row>
               <el-row class="new-params-filter" v-if="state.outerParamsInfo?.filterInfo?.length">
                 <div style="display: flex" class="inner-content">
-                  <div style="width: 16px; margin-top: 2px">
+                  <div style="width: 16px; margin-top: 2px" class="expand-custom-outer">
                     <div class="expand-custom">
                       <el-icon @click="() => (state.filterExpand = !state.filterExpand)"
                         ><CaretBottom v-show="state.filterExpand" />
@@ -94,7 +94,11 @@
                   >
                     <div style="width: 16px"></div>
                     <div style="flex: 1; line-height: 32px">
-                      <Icon style="margin-top: 4px" class-name="view-type-icon" name="filter" />
+                      <Icon
+                        style="margin-top: 4px"
+                        class-name="view-type-icon"
+                        name="filter-params"
+                      />
                       <span>{{ findFilterName(baseFilter.id) }}</span>
                     </div>
                     <div style="flex: 1">
@@ -120,7 +124,7 @@
               </el-row>
               <el-row class="new-params-ds" v-if="state.outerParamsInfo?.datasetInfo?.length">
                 <div style="display: flex" class="inner-content">
-                  <div style="width: 16px; margin-top: 2px">
+                  <div style="width: 16px; margin-top: 2px" class="expand-custom-outer">
                     <div class="expand-custom">
                       <el-icon @click="() => (state.datasetExpand = !state.datasetExpand)"
                         ><CaretBottom v-show="state.datasetExpand" />
@@ -139,7 +143,7 @@
                     :key="index"
                   >
                     <div style="display: flex; width: 100%">
-                      <div style="width: 16px; margin-top: 7px">
+                      <div style="width: 16px; margin-top: 7px" class="expand-custom-outer">
                         <div class="expand-custom">
                           <el-icon
                             @click="
@@ -909,7 +913,7 @@ defineExpose({
 
 .custom-view-diver {
   width: 1px;
-  margin: 4px 4px;
+  margin: 4px 8px;
   height: 14px;
   background: rgba(31, 35, 41, 0.15);
 }
@@ -936,4 +940,8 @@ defineExpose({
     }
   }
 }
+
+.expand-custom-outer {
+  margin-right: 4px;
+}
 </style>