From 89e777ce1284c4844f0062ac405cfc3f45f18e36 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Mon, 26 Feb 2024 17:10:29 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=B7=A5=E5=85=B7=E7=AE=B1):=20=E6=A8=A1?=
 =?UTF-8?q?=E6=9D=BF=E7=AE=A1=E7=90=86=E5=AF=BC=E5=85=A5=E6=A8=A1=E6=9D=BF?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97-=E9=80=89=E6=8B=A9=E5=88=86=E7=B1=BB-?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=88=86=E7=B1=BB=E9=80=89=E9=A1=B9=E5=9B=BA?=
 =?UTF-8?q?=E5=AE=9A=E5=9C=A8=E4=B8=8B=E6=8B=89=E5=88=97=E8=A1=A8=E5=BA=95?=
 =?UTF-8?q?=E9=83=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../template/component/DeTemplateImport.vue   | 70 +++++++++++++++----
 1 file changed, 56 insertions(+), 14 deletions(-)

diff --git a/core/core-frontend/src/views/template/component/DeTemplateImport.vue b/core/core-frontend/src/views/template/component/DeTemplateImport.vue
index 85c0cd0a8f..37dcaaaee5 100644
--- a/core/core-frontend/src/views/template/component/DeTemplateImport.vue
+++ b/core/core-frontend/src/views/template/component/DeTemplateImport.vue
@@ -30,7 +30,11 @@
           multiple
           placeholder="可多选"
           style="width: 100%"
-          :popper-class="templateCategories.length ? '' : 'custom-category-empty'"
+          :popper-class="
+            templateCategories.length
+              ? 'custom-category-padding'
+              : 'custom-category-empty custom-category-padding'
+          "
         >
           <el-option
             v-for="option in templateCategories"
@@ -41,15 +45,13 @@
           <div class="custom-dropdown__empty">
             <span>暂无可选分类</span>
           </div>
-          <div class="custom-option-line"></div>
-          <div>
-            <el-button
-              @click="doAddCategory"
-              icon="Plus"
-              text
-              style="width: 100%; justify-content: flex-start"
-              >添加分类</el-button
-            >
+          <div class="custom-option-line">
+            <div @click="doAddCategory" class="flex-align-center">
+              <el-icon>
+                <Plus></Plus>
+              </el-icon>
+              添加分类
+            </div>
           </div>
         </el-select>
       </el-form-item>
@@ -314,10 +316,42 @@ if (props.templateId) {
 }
 
 .custom-option-line {
-  width: calc(100% -8px);
-  margin: 4px;
-  height: 1px;
-  background-color: rgba(31, 35, 41, 0.15);
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  height: 42px;
+  display: flex;
+  align-items: center;
+  background: #fff;
+
+  &::before {
+    content: '';
+    position: absolute;
+    height: 1px;
+    width: calc(100% - 22px);
+    left: 11px;
+    top: 0;
+    background-color: #1f232926;
+  }
+
+  .flex-align-center {
+    width: 100%;
+    height: 32px;
+    color: var(--el-input-icon-color);
+    cursor: pointer;
+    padding-left: 11px;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 22px;
+
+    &:hover {
+      background-color: var(--ed-fill-color-light);
+    }
+    .ed-icon {
+      font-size: 16px;
+      margin: 0 8px 0 0;
+    }
+  }
 }
 
 .custom-category-empty {
@@ -334,10 +368,18 @@ if (props.templateId) {
   }
 }
 
+.custom-category-padding {
+  .ed-select-dropdown__list {
+    padding-bottom: 42px;
+  }
+}
+
 .custom-dropdown__empty {
   display: none;
   margin-left: 12px;
   font-size: 14px;
+  height: 32px;
+  line-height: 32px;
   color: rgba(143, 149, 158, 1);
 }
 </style>