jinlin
2024-01-10 cdf29a8f6fb9990f82ccc1d3f47bfba48cfaf4fc
web/packages/components/zt-uploader/src/zt-uploader.vue
@@ -1,5 +1,5 @@
<template>
  <div class="zt-upload">
  <div class="zt-upload"  :class="[{'lineHeight':lineHeight}]">
    <!-- 文件上传 -->
    <el-upload
      ref="upload"
@@ -59,7 +59,7 @@
    </el-upload>
    <br/>
    <div v-show="progressFlag">
      <el-progress :text-inside="true" :stroke-width="30" :percentage="progressPercent" :format="format"></el-progress>
      <el-progress :text-inside="true" :stroke-width="10" :percentage="progressPercent" :format="format"></el-progress>
    </div>
    <ul class="el-upload-list el-upload-list--text" v-if="!image && !crop && !onlyUploadFile">
@@ -206,6 +206,10 @@
        }
      },
      dataForm: Object,
      lineHeight:{
        type: Boolean,
        default: false
      },
      action: {
        type: String,
        default: '/sys/oss/uploadNew'
@@ -335,8 +339,8 @@
        cropData: {},
        isShowCrop: false,
        uploading: false,
        fileList: this.getUploadList(this.value),
        uploadList: this.getUploadList(this.value),
        fileList: this.getUploadList(this.value) || [],
        uploadList: this.getUploadList(this.value) || [],
        progressFlag: false
      }
    },
@@ -420,10 +424,8 @@
        if (val) {
          if (val.length > 0) {
            if (!this.multiple) { // 单选
              console.log(val, 'getUploadList val')
              return val
            } else {
              console.log([...val], 'getUploadList [...val]')
              return [...val]
            }
          } else {
@@ -549,7 +551,7 @@
      },
      async handleRemove(index) {
        let file = this.uploadList[index]
        if (file.status === 1) { // 证书文件,直接从列表删除,不保存数据库
        if (file.status === 2) { // 证书文件,直接从列表删除,不保存数据库
          this.handRemoveAndSetValue(index)
        } else {
          if (await this.$tip.confirm(this.$t('prompt.info', {'handle': this.$t('delete')}))) {
@@ -956,7 +958,9 @@
  .zt-upload {
    line-height: 1;
  }
  .zt-upload.lineHeight{
    line-height: 0;
  }
  .zt .upload-input .upload-btn {
    padding: 8px 12px;
  }