vue-xlsx-table实现批量导入表格,将数据提取后传给后台保存

1、npm install vue-xlsx-table --save

2、在main.js中

import vueXlsxTable from 'vue-xlsx-table';
Vue.use(vueXlsxTable, {rABS: false});

3、在页面中

<vue-xlsx-table @on-select-file="selectExcel" style="margin-right: 50px;">批量导入</vue-xlsx-table>
selectExcel(convertedData) {    //批量导入
//可以打印一下看convertedData有哪些东西
        let data=convertedData.body;
        this.excelList=[];
        data.forEach((item)=> {
          let time=item.采样时间.split('/');
          let year='20'+time[2];
          let month=time[0].length<2?'0'+time[0]:time[0];
          let day=time[1].length<2?'0'+time[1]:time[1];
          let date=year+'-'+month+'-'+day;

          let dataitem={
            YPBH: item.样品编号,
            GND: item.样品汞浓度,
            ZXJD: item.经度,
            ZXWD: item.纬度,
            CYSD:item.采样深度,
            CYSJ: date,
            PH: item.pH计读数,
          };
          this.excelList.push(dataitem)
        });

        JCSJEXCEL(this.excelList,this.username).then(res => {   
          //这是我自己封装过的axios请求,按自己的发送请求就行了
          if(res.result==true) {
            this.$message({
              message: '导入成功!',
              type: 'success'
            });
            this.loadData(this.currentPage,this.pageSize,this.sourceVal);   
             //我这里是在保存成功后请求了一遍列表接口,用来刷新列表
          }

        });
      },
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页