vue element ui upload 구성 요소 업로드 excel 파일 총결산 친환경 유효

<template>
  <el-row justify="space-between" type="flex">
    <el-col :span="12" class="filter-button">
      <!--    -->
      <el-upload
        class="upload-demo inline-block"
        action="string"
        :http-request="httpRequest"
        :show-file-list="false"
        :before-upload="beforeAvatarUpload"
      >
        <el-button>  </el-button>
      </el-upload>
      <el-button @click="exportExcel">  </el-button>
      <el-button @click="download">  </el-button>
    </el-col>
  </el-row>
</template>
<script>
export default {
  name: "importFile",
  methods: {
    httpRequest(params) {
      //                    file   filename                 
      let formdata = new FormData();
      formdata.append("File", params.file);
      formdata.append("FileName", params.file.name);
      //          formdata       .get('File')    append formdata 
      this.$api.machine
        //                          
        .importfacestatistics(formdata)
        .then(res => {
          if (res.data.Code == 0) {
            this.$message.success(`    ${res.data.Data}   ！`);
            this.getData();
            this.getData1();
          } else {
            this.$message.error(res.data.Msg);
          }
        })
        .catch(e => {
          this.$message.error(e)
        });
    },
    beforeAvatarUpload(file) {
      console.log(file);
      const isXls =
        file.type === "application/vnd.ms-excel"? true:file.type === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"? true: false;
      if (!isXls) {
        this.$message.error("        xls  xlsx  !");
      }
      return isXls;
    }
  }
  /*
     //    
     //                                       
    importfacestatistics(formdata){
        const baseUrl = window.config.API_HOST
        return axios.request({
            url: `${baseUrl}/api/machines/importfacestatistics`,
            method: 'post',
            data: formdata,
            headers: { 'Content-Type': 'multipart/form-data' }
        })
    }
  */
};