vue中导出excel操作

 // 导出excel
    outExe() {
                this.$confirm('此操作将导出excel文件, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    this.excelData = this.dataList //你要导出的数据list。
                    this.export2Excel()
                }).catch(() => {
                
                });
            },
            export2Excel() {
                var that = this;
                require.ensure([], () => {
                    const { export_json_to_excel } = require('../excel/Export2Excel.js'); //这里必须使用绝对路径
                    const tHeader = ["车牌号",	"注册号",	"计费类型",	"车类型",	"入场时间",	"所属车位池",	"车库名称",]; // 导出的表头名
                    const filterVal = ['car_no','car_no','fee_type', 'car_type','entry_time','plate_pool','garage_name']; // 导出的表头字段名
                    const list = that.carlist;
                    const data = that.formatJson(filterVal, list);
                    // let time1,time2 = '';
                    // if(this.start !== '') {
                    //     time1 = that.moment(that.start).format('YYYY-MM-DD')
                    // }
                    // if(this.end !== '') {
                    //     time2 = that.moment(that.end).format('YYYY-MM-DD')
                    // }
                    console.log(export_json_to_excel);
                    export_json_to_excel(tHeader, data, `车辆管理在场车辆信息${that.totals.totalNum}条`);// 导出的表格名称,根据需要自己命名
                })
            },
            formatJson(filterVal, jsonData) {
                return jsonData.map(v => filterVal.map(j => v[j]))
            },
<el-button  icon="el-icon-upload" type="success" size="medium" @click="outExe()">导出EXCEL报表</el-button>

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值