From 84b5426932afe5c76a01261bc5653beee230f331 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=BE=89?= <a@a.com>
Date: Wed, 4 Dec 2024 16:01:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E4=BB=B6=E9=80=89=E6=8B=A9=E5=99=A8?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E5=8A=9F=E8=83=BD=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/fileSelector/fileItem.vue | 6 ++++--
 web/src/components/fileSelector/index.vue    | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/src/components/fileSelector/fileItem.vue b/web/src/components/fileSelector/fileItem.vue
index 66adb1d..73ef6f0 100644
--- a/web/src/components/fileSelector/fileItem.vue
+++ b/web/src/components/fileSelector/fileItem.vue
@@ -1,8 +1,8 @@
 <template>
   <div ref="itemRef" class="file-item" :title="data.name" @mouseenter="isShow = true" @mouseleave="isShow = false">
-    <div class="file-name" :class="{ show: isShow }">{{ data.name }}</div>
+    <div v-if="showTitle" class="file-name" :class="{ show: isShow }">{{ data.name }}</div>
     <component :is="FileTypes[data.file_type].tag" v-bind="FileTypes[data.file_type].attr" />
-    <div class="file-del" :class="{ show: isShow }">
+    <div v-if="props.showClose" class="file-del" :class="{ show: isShow }">
       <el-icon :size="24" color="white" @click.stop="delFileHandle" style="cursor: pointer;">
         <CircleClose style="mix-blend-mode: difference;" />
       </el-icon>
@@ -17,6 +17,8 @@ import { getBaseURL } from '/@/utils/baseUrl';
 const props = defineProps({
   fileData: { type: Object as PropType<any>, required: true },
   api: { type: Object as PropType<any>, required: true },
+  showTitle: { type: Boolean, default: true },
+  showClose: { type: Boolean, default: true },
 });
 const _OtherFileComponent = defineComponent({ template: '<el-icon><Files /></el-icon>' });
 const FileTypes = [
diff --git a/web/src/components/fileSelector/index.vue b/web/src/components/fileSelector/index.vue
index 1a0ac1a..578f166 100644
--- a/web/src/components/fileSelector/index.vue
+++ b/web/src/components/fileSelector/index.vue
@@ -117,7 +117,7 @@
         <div ref="listContainerRef" class="listContainer" v-else>
           <div v-for="item, index in listData" :key="index" @click="onItemClick($event)" :data-id="item[props.valueKey]"
             :style="{ width: (props.itemSize || 100) + 'px', cursor: props.selectable ? 'pointer' : 'normal' }">
-            <FileItem :fileData="item" :api="fileApi" @onDelFile="listRequest(); listRequestAll();" />
+            <FileItem :fileData="item" :api="fileApi" :showClose="tabsActived < 4" @onDelFile="listRequest(); listRequestAll();" />
           </div>
         </div>
         <div class="listPaginator">