JingTieXueTang.Web/src/views/examQuestionManagement/examQuestionBatchImport.vue

<template>
  <div class="app-container">
    <a-spin :spinning="loading">
      <div class="common-card">
        <a-upload
          name="file"
          accept=".pdf"
          :headers="headers"
          @change="handleChange"
        >
          <a-button> <a-icon type="upload" /> Click to Upload </a-button>
        </a-upload>
      </div>
    </a-spin>
    <div class="company-info">
      <span>
        copyright © 浮游科技有限公司出品
      </span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'examQuestionBatchImport',
  props: {},
  components: {},
  data() {
    return {
      loading: false, // 是否显示加载动画
      headers: {
        authorization: 'authorization-text',
      },
    };
  },
  created() {
    this.initDataFun(); //初始化数据
  },
  mounted() {},
  beforeDestroy() {},
  watch: {},
  computed: {},
  methods: {
    //初始化数据
    initDataFun() {},
    handleChange(info) {
      if (info.file.status !== 'uploading') {
        console.log(info.file, info.fileList);
      }
      if (info.file.status === 'done') {
        this.$message.success(`${info.file.name} file uploaded successfully`);
      } else if (info.file.status === 'error') {
        this.$message.error(`${info.file.name} file upload failed.`);
      }
    },
    uploadFileFun(e, v, m) {
      console.log(e, v, m);
    },
  },
};
</script>

<style lang="less"></style>

<style lang="less" scoped>
@import '~@/styles/common/variable.less';
</style>