Parcourir la source

文件上传组件新增disabled属性&类型

RuoYi il y a 1 an
Parent
commit
cab5beaca7
1 fichiers modifiés avec 10 ajouts et 4 suppressions
  1. 10 4
      ruoyi-ui/src/components/FileUpload/index.vue

+ 10 - 4
ruoyi-ui/src/components/FileUpload/index.vue

@@ -13,6 +13,7 @@
13
       :headers="headers"
13
       :headers="headers"
14
       class="upload-file-uploader"
14
       class="upload-file-uploader"
15
       ref="fileUpload"
15
       ref="fileUpload"
16
+      v-if="!disabled"
16
     >
17
     >
17
       <!-- 上传按钮 -->
18
       <!-- 上传按钮 -->
18
       <el-button size="mini" type="primary">选取文件</el-button>
19
       <el-button size="mini" type="primary">选取文件</el-button>
@@ -32,7 +33,7 @@
32
           <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
33
           <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
33
         </el-link>
34
         </el-link>
34
         <div class="ele-upload-list__item-content-action">
35
         <div class="ele-upload-list__item-content-action">
35
-          <el-link :underline="false" @click="handleDelete(index)" type="danger">删除</el-link>
36
+          <el-link :underline="false" @click="handleDelete(index)" type="danger" v-if="!disabled">删除</el-link>
36
         </div>
37
         </div>
37
       </li>
38
       </li>
38
     </transition-group>
39
     </transition-group>
@@ -50,22 +51,27 @@ export default {
50
     // 数量限制
51
     // 数量限制
51
     limit: {
52
     limit: {
52
       type: Number,
53
       type: Number,
53
-      default: 5,
54
+      default: 5
54
     },
55
     },
55
     // 大小限制(MB)
56
     // 大小限制(MB)
56
     fileSize: {
57
     fileSize: {
57
       type: Number,
58
       type: Number,
58
-      default: 5,
59
+      default: 5
59
     },
60
     },
60
     // 文件类型, 例如['png', 'jpg', 'jpeg']
61
     // 文件类型, 例如['png', 'jpg', 'jpeg']
61
     fileType: {
62
     fileType: {
62
       type: Array,
63
       type: Array,
63
-      default: () => ["doc", "xls", "ppt", "txt", "pdf"],
64
+      default: () => ["doc", "docx", "xls", "xlsx", "ppt", "pptx", "txt", "pdf"]
64
     },
65
     },
65
     // 是否显示提示
66
     // 是否显示提示
66
     isShowTip: {
67
     isShowTip: {
67
       type: Boolean,
68
       type: Boolean,
68
       default: true
69
       default: true
70
+    },
71
+    // 禁用组件(仅查看文件)
72
+    disabled: {
73
+      type: Boolean,
74
+      default: false
69
     }
75
     }
70
   },
76
   },
71
   data() {
77
   data() {