From cdf5049354af790959ee41cc432833171c35ad61 Mon Sep 17 00:00:00 2001
From: niedongsheng <605973111@qq.com>
Date: Fri, 10 Apr 2026 09:44:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=87=E4=BB=B6=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/screen/src/component/FileUpload/FileUpload.vue   | 5 +++++
 packages/screen/src/component/FileUpload/PreviewBlock.vue | 7 ++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/screen/src/component/FileUpload/FileUpload.vue b/packages/screen/src/component/FileUpload/FileUpload.vue
index 709aeb1..cee0a7d 100644
--- a/packages/screen/src/component/FileUpload/FileUpload.vue
+++ b/packages/screen/src/component/FileUpload/FileUpload.vue
@@ -46,6 +46,11 @@ const props = defineProps({
     type: String,
     default: ''
   },
+  // 只读模式
+  readonly: {
+    type: Boolean,
+    default: false
+  },
   // 自定义fileType
   fileType: {
     type: Number,
diff --git a/packages/screen/src/component/FileUpload/PreviewBlock.vue b/packages/screen/src/component/FileUpload/PreviewBlock.vue
index a9ab090..b6aa8a1 100644
--- a/packages/screen/src/component/FileUpload/PreviewBlock.vue
+++ b/packages/screen/src/component/FileUpload/PreviewBlock.vue
@@ -34,7 +34,7 @@
           <span class="file-size">{{ formatFileSize(file.fileSize) }}</span>
         </div>
         
-        <div class="preview-actions">
+        <div class="preview-actions" v-if="!readonly">
           <el-button
             type="danger"
             :icon="Delete"
@@ -63,10 +63,15 @@ const props = defineProps({
   type: {
     type: String,
     default: 'image'
+  },
+  readonly: {
+    type: Boolean,
+    default: false
   }
 })
 
 const showFileList = computed(() => {
+  if(!props.fileList?.length) return []
   if(props.type == 'image') return props.fileList.filter(file => isImageFile(file))
   if(props.type == 'video') return props.fileList.filter(file => isVideoFile(file))
 })