基于Element-UI全量导出功能

1、获取全部数据

        // exportExcel(){
                  //获取全部数据得方法
                  this.getTabDatas()
        // },

2、过滤不需要得数据

         formatJson(filterVal, jsonData) {
             return jsonData.map(v => filterVal.map(j => {
                 if(j == 'company'){ 
                    return this.company(v.company) 
         }
                if(j == 'state'){      
                    return this.status(v.state) 
         }
                if(j == 'receName'){      
                    return this.getName(v.receName) 
         }
                if(j == 'recePhone'){      
                    return this.geTel(v.recePhone) 
        }  
                if(j == 'accountPhone'){      
                    return this.geTel(v.accountPhone) 
         }                      
              return v[j]
           }))
        },

          //上面状态展示文字
         status(title){
            if (title == 'shipment_unnotice') {
                return '未通知'
            } else if (title == 'shipment_sendself') {
                return '待自提'

            } else if (title == 'shipment_sending') {
                return '待派送'

            } else if (title == 'shipment_signed') {
                return '已完成'

            } else if (title == 'shipment_back') {
                return '已退回'

            } else if (title == 'message_reject') {
                return '拒收'

            } else if (title == 'shipment_bad') {
            return '待退回'

            }
        },

        //用在获取到全部数据之后
        setTimeout(()=>{
            require.ensure([], () => {
                const { export_json_to_excel}=require('../../../static/js/Export2Excel.js');
                const tHeader = ['运单号','快递公司', '取件码', '姓名','手机号','入库时间','出库时间','包裹状态'];
                 // 上面设置Excel的表格第一行的标题
                 const filterVal =['shipId','company','pickCode','receName','recePhone','arriveTime','signTime','state'];
                // 上面的index、nickName、name是tableData里对象的属性
                 const list = this.tableDatas; //把data里的tableData存到list
                 const data = this.formatJson(filterVal, list);
                export_json_to_excel(tHeader, data, '包裹数据'+ this.nowTime);
                            })
       },200)

你可能感兴趣的:(基于Element-UI全量导出功能)