后台管理系统导出报表

 //导出报表
    exported(){
      let params = {
        merchantID: this.form.merchantID,
        storeName: this.form.storeName,
        goodsName: this.form.goodsName,
        storeNO: this.form.storeNO,
        goodsNO: this.form.goodsNO,

      };
      let tHeader = [];
      let filterVal = [];
      let name = '';
      tHeader = ['第三方平台', '库存', '锁定库存'];
      filterVal = ['merchantName', 'stockQty', 'lockedQty'];
      name = '门店商品查询报表';
      this.$http.post('/exportFind', params).then(res => {
                    let data = res.data;
                    this.$common.export_EXCEL(tHeader, filterVal, data, name)
                })

    },
/**
 * 导出表格数据
 * @param tHeader
 * @param filterVal
 * @param tableData
 * @param name
 */
function export_EXCEL(tHeader=[],filterVal=[],totalData=[],name='excel'){
  require.ensure([],()=>{
    const { export_json_to_excel } = require('@/vendor/Export2Excel.js');
    const data = formatJson(filterVal,totalData);//表格绑定数据转json
    const title = name

    export_json_to_excel(tHeader,data, title);
  })
}
function formatJson(filterVal,jsonData){
  return jsonData.map(v=>filterVal.map(j => v[j]))
}

先安装依赖:

 npm install -S file-saver

   npm install -S xlsx

   npm install -D script-loader

 

当然这边得引入两个文件Blob.js和Export2Excel.js,可以在github上面找到

 

有了文件后,得在Export2Excel.js里面引入

 

posted @ 2021-05-18 15:27  江上雪  阅读(300)  评论(0编辑  收藏  举报