From 2fa356441bc561cf677363f60e2b8e4a9426d0c4 Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Thu, 2 Jan 2025 18:25:24 +0800
Subject: [PATCH] =?UTF-8?q?style(X-Pack):=20=E5=AE=9A=E6=97=B6=E6=8A=A5?=
 =?UTF-8?q?=E5=91=8A=E9=A1=B5=E9=9D=A2=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../core-frontend/src/views/share/share/ShareHandler.vue | 5 +++--
 core/core-frontend/src/views/share/share/ShareTicket.vue | 1 +
 .../src/views/share/share/ShareVisualHead.vue            | 9 +++++++--
 core/core-frontend/src/views/share/share/TicketEdit.vue  | 8 ++++++--
 4 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/core/core-frontend/src/views/share/share/ShareHandler.vue b/core/core-frontend/src/views/share/share/ShareHandler.vue
index a61ca70e16..0393ab06a3 100644
--- a/core/core-frontend/src/views/share/share/ShareHandler.vue
+++ b/core/core-frontend/src/views/share/share/ShareHandler.vue
@@ -73,7 +73,7 @@
                     </el-icon>
                   </el-tooltip>
                 </div>
-                <div class="input-suffix-btn done" v-if="linkCustom" @click="finishEditUuid">
+                <div class="input-suffix-btn done-finish" v-if="linkCustom" @click="finishEditUuid">
                   <el-tooltip
                     class="item"
                     effect="dark"
@@ -136,6 +136,7 @@
           </el-checkbox>
           <div class="auto-pwd-container" v-if="passwdEnable">
             <el-checkbox
+              v-show="false"
               :disabled="!shareEnable"
               v-model="state.detailInfo.autoPwd"
               @change="autoEnableSwitcher"
@@ -798,7 +799,7 @@ onMounted(() => {
     background-color: #bbbfc4;
     margin-right: 4px;
   }
-  .done {
+  .done-finish {
     color: #3370ff;
     &:hover {
       background-color: #3370ff1a !important;
diff --git a/core/core-frontend/src/views/share/share/ShareTicket.vue b/core/core-frontend/src/views/share/share/ShareTicket.vue
index c75dce4d19..23b4ac8b1f 100644
--- a/core/core-frontend/src/views/share/share/ShareTicket.vue
+++ b/core/core-frontend/src/views/share/share/ShareTicket.vue
@@ -423,6 +423,7 @@ onMounted(() => {
 
     :deep(.ed-table__header) {
       background-color: #f5f6f7;
+      border-bottom: 1px solid #d5d7d8;
       thead {
         tr {
           th {
diff --git a/core/core-frontend/src/views/share/share/ShareVisualHead.vue b/core/core-frontend/src/views/share/share/ShareVisualHead.vue
index e01fa24298..b6d4f2e4f1 100644
--- a/core/core-frontend/src/views/share/share/ShareVisualHead.vue
+++ b/core/core-frontend/src/views/share/share/ShareVisualHead.vue
@@ -75,7 +75,11 @@
                   </el-icon>
                 </el-tooltip>
               </div>
-              <div class="input-suffix-btn done" v-if="linkCustom" @click.stop="finishEditUuid">
+              <div
+                class="input-suffix-btn done-finish"
+                v-if="linkCustom"
+                @click.stop="finishEditUuid"
+              >
                 <el-tooltip class="item" effect="dark" :content="t('commons.save')" placement="top">
                   <el-icon style="cursor: pointer">
                     <Icon><icon_done_outlined class="svg-icon" /></Icon>
@@ -133,6 +137,7 @@
         </el-checkbox>
         <div class="auto-pwd-container" v-if="passwdEnable">
           <el-checkbox
+            v-show="false"
             :disabled="!shareEnable"
             v-model="state.detailInfo.autoPwd"
             @change="autoEnableSwitcher"
@@ -815,7 +820,7 @@ defineExpose({
     background-color: #bbbfc4;
     margin-right: 4px;
   }
-  .done {
+  .done-finish {
     color: #3370ff;
     &:hover {
       background-color: #3370ff1a !important;
diff --git a/core/core-frontend/src/views/share/share/TicketEdit.vue b/core/core-frontend/src/views/share/share/TicketEdit.vue
index 157697f390..4f77eb0b9d 100644
--- a/core/core-frontend/src/views/share/share/TicketEdit.vue
+++ b/core/core-frontend/src/views/share/share/TicketEdit.vue
@@ -273,7 +273,7 @@ defineExpose({
         />
       </el-form-item>
 
-      <el-form-item prop="args" :label="t('dataset.param')">
+      <el-form-item prop="args" :label="t('dataset.param')" class="last-form-item">
         <template v-slot:label>
           <div class="ticket-form-info-tips">
             <span class="custom-form-item__label">{{ t('dataset.param') }}</span>
@@ -360,7 +360,10 @@ defineExpose({
 </style>
 <style scoped lang="less">
 .ticket-param-drawer {
-  .ed-form-item {
+  .last-form-item {
+    margin-bottom: 8px;
+  }
+  .ed-form-item:not(.last-form-item) {
     margin-bottom: 16px;
   }
   .is-error {
@@ -376,6 +379,7 @@ defineExpose({
     line-height: 32px;
     column-gap: 8px;
     .arg-del-btn {
+      color: #646a73;
       padding: 4px;
       width: 24px;
       height: 24px;