Source/plt-web/plt-web-ui/src/components/PLT-basic-component/upload-file.vue

@@ -2,7 +2,6 @@
  <el-dialog
    v-dialogDrag
    :close-on-click-modal="false"
    :destroy-on-close="true"
    :title="title"
    :visible.sync="visible"
    width="40%"
@@ -10,14 +9,20 @@
    class="avue-dialog"
    style="margin-top: -20vh !important;"
  >
    <Divider left="30px" text="导入提示"></Divider>
    <ul>
    <Divider left="30px" text="导入提示">
    </Divider>
    <ul v-if="tipList.length === 0" style="color: #f33939">
      <li>
        请点击浏览文件进行上传
      </li>
    </ul>

    <ul style="color: #f33939" v-if="tipList.length >=1 ">
      <li v-for="(item, index) in tipList" :key="index">{{ index + 1 }}: {{ item }} 。</li>
    </ul>
    <Divider left="30px" text="选择文件后会自动上传"></Divider>
    <el-upload
      :name="fileName"
      :action="fileUrl"
      :before-upload="beforeUpload"
      :data="fileData"
@@ -43,21 +48,34 @@
export default {
  name: "upload-file",
  props: {
    // 控制上传类型 格式为: ['xls', 'xlsx'],
    fileType: {
      type: Array,
      default: () => []
    },
    fileName: {
      type: String,
      default: () => "file"
    },
    // 对话框头部名称
    title: {
      type: String,
      default: '上传文件'
    },
    // 必传 上传的地址
    fileUrl: {
      type: String,
      default: ''
    },
    // 请求地址 携带参数
    fileData: {
      type: Array,
      default: () => []
      type: Object,
      default: () => {}
    },
    // 导入提示文字  tipList:["导入模板中标明红色字体的为必输项","部门列上下级关系必须按照反斜杠隔开(/)"]
    tipList:{
      type:Array,
      default:() => []
    }
  },
  data() {
@@ -106,13 +124,14 @@
      return true;
    },
    // 文件上传成功
    onSuccess(resbonse) {
      console.log(resbonse);
      if (resbonse.code === 200) {
    onSuccess(response) {
      if (response.code === 200) {
        this.$message.success("导入成功！");
        this.visible = false;
        this.$emit('updata',response);
      } else {
        this.$message.error(resbonse.msg);
        this.$emit('upfaildata',response);
        this.$message.error(response.msg);
      }
    },
    //文件上传失败
@@ -122,7 +141,6 @@
    },
    //文件状态改变
    uploadChange(file) {
      console.log( this.pageLoading);
      if (file.status === "success" || file.status === "error") {
        this.pageLoading.close();
      }