前端实现导出功能

1.前端实现导出原理:首先需要拿到需要导出的数据,然后执行导出方法

 downLoad() {
 //在这里拿到要导出的数据
      this.downloadLoading = true;
      let params = {
        ...JSON.parse(JSON.stringify(this.formInline)),
        pageSize: 99999999999,
        pageIndex: 0,
      };
      if (params.order_time && params.order_time.length > 0) {
        params.start_time = params.order_time[0];
        params.end_time = params.order_time[1];
      }
      delete params.order_time;
      situationList(params)
        .then((res) => {
          import("@/vendor/Export2Excel").then((excel) => {
            const tHeader = this.labelList.map((row) => row.label);
            const filterVal = this.labelList.map((row) => row.value);
            const data = this.formatJson(filterVal, res.data);
            excel.export_json_to_excel({
              header: tHeader,
              data,
              filename: "供应商采购数据",
              autoWidth: this.autoWidth,
              bookType: this.bookType,
            });
          });
        })
        .finally(() => {
          this.downloadLoading = false;
        });
    },```

```bash
 formatJson(filterVal, jsonData) {
      return jsonData.map((v) =>
        filterVal.map((j) => {
          if (j === "timestamp") {
            return parseTime(v[j]);
          } else {
            return v[j];
          }
        })
      );
    },

遇到比较不和谐的后端,什么都要前端来做,那也不用怕,后端可以做的前端一样可以做

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值