RuoYi
2025-03-05 cab5beaca7c4750c3a559439abcc24f999b86631
文件上传组件新增disabled属性&类型
1 files modified
14 ■■■■ changed files
ruoyi-ui/src/components/FileUpload/index.vue 14 ●●●● patch | view | raw | blame | history
ruoyi-ui/src/components/FileUpload/index.vue
@@ -13,6 +13,7 @@
      :headers="headers"
      class="upload-file-uploader"
      ref="fileUpload"
      v-if="!disabled"
    >
      <!-- 上传按钮 -->
      <el-button size="mini" type="primary">选取文件</el-button>
@@ -32,7 +33,7 @@
          <span class="el-icon-document"> {{ getFileName(file.name) }} </span>
        </el-link>
        <div class="ele-upload-list__item-content-action">
          <el-link :underline="false" @click="handleDelete(index)" type="danger">删除</el-link>
          <el-link :underline="false" @click="handleDelete(index)" type="danger" v-if="!disabled">删除</el-link>
        </div>
      </li>
    </transition-group>
@@ -50,22 +51,27 @@
    // 数量限制
    limit: {
      type: Number,
      default: 5,
      default: 5
    },
    // 大小限制(MB)
    fileSize: {
      type: Number,
      default: 5,
      default: 5
    },
    // 文件类型, 例如['png', 'jpg', 'jpeg']
    fileType: {
      type: Array,
      default: () => ["doc", "xls", "ppt", "txt", "pdf"],
      default: () => ["doc", "docx", "xls", "xlsx", "ppt", "pptx", "txt", "pdf"]
    },
    // 是否显示提示
    isShowTip: {
      type: Boolean,
      default: true
    },
    // 禁用组件(仅查看文件)
    disabled: {
      type: Boolean,
      default: false
    }
  },
  data() {