From 4ade65ee001413144b6796d723fc69becb4abb5b Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 2 Sep 2025 12:15:15 +0800
Subject: [PATCH] fix: style optimize

---
 .../items/upload/UploadInput.vue              | 32 +++++++++++++++++--
 ui/src/views/tool/ToolFormDrawer.vue          |  2 +-
 2 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/dynamics-form/items/upload/UploadInput.vue b/ui/src/components/dynamics-form/items/upload/UploadInput.vue
index 758be8d7d..f04af5ff5 100644
--- a/ui/src/components/dynamics-form/items/upload/UploadInput.vue
+++ b/ui/src/components/dynamics-form/items/upload/UploadInput.vue
@@ -8,10 +8,13 @@
     :on-change="(file: any, fileList: any) => uploadFile(file, fileList)"
     v-model:file-list="model_value"
     multiple
+    :show-file-list="false"
   >
     <el-button type="primary">{{ $t('chat.uploadFile.label') }}</el-button>
-    <template #file="{ file }">
-      <el-card style="--el-card-padding: 0" shadow="never" class="upload_content">
+  </el-upload>
+  <el-space wrap class="w-full media-file-width upload_content mt-16">
+    <template v-for="(file, index) in model_value" :key="index">
+      <el-card style="--el-card-padding: 0" shadow="never">
         <div
           class="flex-between"
           :class="[inputDisabled ? 'is-disabled' : '']"
@@ -33,7 +36,7 @@
         </div>
       </el-card>
     </template>
-  </el-upload>
+  </el-space>
 </template>
 <script setup lang="ts">
 import { computed, inject, ref, useAttrs } from 'vue'
@@ -122,5 +125,28 @@ const uploadFile = async (file: any, fileList: Array<any>) => {
       cursor: not-allowed;
     }
   }
+  &.media-file-width {
+    :deep(.el-space__item) {
+      width: calc(50% - 4px) !important;
+    }
+  }
+}
+@media only screen and (max-width: 768px) {
+  .upload_content {
+    &.media-file-width {
+      :deep(.el-space__item) {
+        min-width: 100% !important;
+      }
+    }
+  }
+}
+.debug-ai-chat {
+  .upload_content {
+    &.media-file-width {
+      :deep(.el-space__item) {
+        min-width: 100% !important;
+      }
+    }
+  }
 }
 </style>
diff --git a/ui/src/views/tool/ToolFormDrawer.vue b/ui/src/views/tool/ToolFormDrawer.vue
index 8ffb0286a..63b11c055 100644
--- a/ui/src/views/tool/ToolFormDrawer.vue
+++ b/ui/src/views/tool/ToolFormDrawer.vue
@@ -335,7 +335,7 @@ function submitCodemirrorEditor(val: string) {
 }
 
 function close() {
-  if (isEdit.value || !areAllValuesNonEmpty(form.value)) {
+  if (!areAllValuesNonEmpty(form.value)) {
     visible.value = false
   } else {
     MsgConfirm(t('common.tip'), t('views.tool.tip.saveMessage'), {