zoukankan      html  css  js  c++  java
  • 后台管理系统导出报表

     //导出报表
        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里面引入

    心想事成
  • 相关阅读:
    批量删除.svn文件夹、.svn文件
    Windows 7下Git SSH 创建Key的步骤
    Git:本地项目与远程仓库的git/clone
    git解决二进制文件冲突
    git设置mergetool可视化工具
    redhat7.2配置yum源
    project2016安装与破解
    strace 使用案例
    运维老鸟教你安装centos6.5如何选择安装包
    CSS限制
  • 原文地址:https://www.cnblogs.com/xiao1314/p/14781164.html
Copyright © 2011-2022 走看看