From 9c370169d3b0c2e23816b52738b55e2dac3fb3aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=98=BF=E8=BE=89?= <a@a.com>
Date: Tue, 19 Nov 2024 18:52:48 +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=B7=BB=E5=8A=A0=E7=B1=BB=EF=BC=8C=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E7=A6=81=E7=94=A8=E9=80=89=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/fileSelector/index.vue | 25 +++++++++++++++--------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/web/src/components/fileSelector/index.vue b/web/src/components/fileSelector/index.vue
index 9131f4c..f447f20 100644
--- a/web/src/components/fileSelector/index.vue
+++ b/web/src/components/fileSelector/index.vue
@@ -1,8 +1,8 @@
 <template>
-  <div v-show="props.showInput" style="width: 100%;">
+  <div v-show="props.showInput" style="width: 100%;" :class="props.class" :style="props.style">
     <el-select v-if="props.inputType === 'selector'" v-model="data" suffix-icon="arrow-down" clearable
-      :multiple="props.multiple" placeholder="请选择文件" @click="selectVisiable = true" @clear="selectedInit"
-      @remove-tag="selectedInit">
+      :multiple="props.multiple" placeholder="请选择文件" @click="selectVisiable = true && !props.disabled"
+      :disabled="props.disabled" @clear="selectedInit" @remove-tag="selectedInit">
       <el-option v-for="item, index in listAllData" :key="index" :value="String(item[props.valueKey])"
         :label="item.name" />
     </el-select>
@@ -19,8 +19,9 @@
           <Plus />
         </el-icon>
       </div>
-      <div @click="selectVisiable = true" class="addControllorHover"></div>
-      <el-icon v-show="!!data" class="closeHover" :size="16" @click="dataClear">
+      <div @click="selectVisiable = true && !props.disabled" class="addControllorHover"
+        :style="{ cursor: props.disabled ? 'not-allowed' : 'pointer' }"></div>
+      <el-icon v-show="!!data && !props.disabled" class="closeHover" :size="16" @click="dataClear">
         <Close />
       </el-icon>
     </div>
@@ -35,8 +36,9 @@
           <Plus />
         </el-icon>
       </div>
-      <div @click="selectVisiable = true" class="addControllorHover"></div>
-      <el-icon v-show="!!data" class="closeHover" :size="16" @click="dataClear">
+      <div @click="selectVisiable = true && !props.disabled" class="addControllorHover"
+        :style="{ cursor: props.disabled ? 'not-allowed' : 'pointer' }"></div>
+      <el-icon v-show="!!data && !props.disabled" class="closeHover" :size="16" @click="dataClear">
         <Close />
       </el-icon>
     </div>
@@ -51,8 +53,9 @@
           <Plus />
         </el-icon>
       </div>
-      <div @click="selectVisiable = true" class="addControllorHover"></div>
-      <el-icon v-show="!!data" class="closeHover" :size="16" @click="dataClear">
+      <div @click="selectVisiable = true && !props.disabled" class="addControllorHover"
+        :style="{ cursor: props.disabled ? 'not-allowed' : 'pointer' }"></div>
+      <el-icon v-show="!!data && !props.disabled" class="closeHover" :size="16" @click="dataClear">
         <Close />
       </el-icon>
     </div>
@@ -123,6 +126,10 @@ const TypeLabel = ['图片', '视频', '音频', '文件']
 const AcceptList = ['image/*', 'video/*', 'audio/*', ''];
 const props = defineProps({
   modelValue: {},
+  class: { type: String, default: '' },
+  style: { type: Object, default: {} },
+  disabled: { type: Boolean, default: false },
+
   tabsType: { type: Object as PropType<'' | 'card' | 'border-card'>, default: '' },
   itemSize: { type: Number, default: 100 },