From 706986e18753a6fa257e35d91973312c1b7fade6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=BE=89?= <a@a.com>
Date: Tue, 3 Dec 2024 14:36:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E4=BB=B6=E9=80=89=E6=8B=A9=E5=99=A8?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/web/src/components/fileSelector/fileItem.vue b/web/src/components/fileSelector/fileItem.vue
index 0609a6f..4aa156e 100644
--- a/web/src/components/fileSelector/fileItem.vue
+++ b/web/src/components/fileSelector/fileItem.vue
@@ -3,14 +3,14 @@
     <div 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 }">
-      <el-icon :size="24" color="white" @click.stop="delFileHandle">
+      <el-icon :size="24" color="white" @click.stop="delFileHandle" style="cursor: pointer;">
         <CircleClose style="mix-blend-mode: difference;" />
       </el-icon>
     </div>
   </div>
 </template>
 <script setup lang="ts">
-import { defineComponent, nextTick } from 'vue';
+import { defineComponent } from 'vue';
 import { ref, defineProps, PropType, watch, onMounted, h } from 'vue';
 const props = defineProps({
   fileData: { type: Object as PropType<any>, required: true },
diff --git a/web/src/components/fileSelector/index.vue b/web/src/components/fileSelector/index.vue
index 31bf6c5..4b1c69a 100644
--- a/web/src/components/fileSelector/index.vue
+++ b/web/src/components/fileSelector/index.vue
@@ -112,8 +112,8 @@
         <el-empty v-if="!listData.length" description="无内容，请上传"
           style="width: 100%; height: calc(50vh); margin-top: 24px; padding: 4px;" />
         <div ref="listContainerRef" class="listContainer" v-else>
-          <div v-for="item, index in listData" :style="{ width: (props.itemSize || 100) + 'px' }" :key="index"
-            @click="onItemClick($event)" :data-id="item[props.valueKey]">
+          <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();" />
           </div>
         </div>
@@ -341,7 +341,6 @@ onMounted(() => {
 .listContainer>* {
   aspect-ratio: 1 / 1;
   box-shadow: 0 0 4px rgba(0, 0, 0, .2);
-  cursor: pointer;
   border-radius: 8px;
   overflow: hidden;
 }