React Dva根据后台返回的的数据前端下载Exl表格

代码:

//点击导出按钮

const handleClickExport=async()=>{

if(data.length==0){

message.error("请选择将要导出的门店")

}else{

const res = await axios.post(storeExport, {//storeExport 为后台的数据接口

appKey:'appkey',

data: {

ids: data,

properties:["name","address","serveTime","orderTotal","appointmentOrderCount"],

titles:[ "门店名","地址","服务时间","订单总数","预约订单数" ],

query:{

name:nameSearch,

address:''

}

},

version: '1.0'

//这是后台要求的请求体格式,按照接口的要求

}, {

responseType: 'blob',

onDownloadProgress: e => {

}

});

download(res.data, '门店列表.xls');

}

download的方法:

//下载文件

export function download(file, fileName) {

  let userAgent = navigator.userAgent;

  const url = window.URL.createObjectURL(file);

  const a = document.createElement('a');

  a.href = url;

  a.download = fileName || 'download';

  a.target = '_blank';

  if (userAgent.indexOf("Firefox") > -1) {

    var evt = document.createEvent("MouseEvents");

    evt.initEvent("click", true, true);

    a.dispatchEvent(evt);

  }else{

    a.click();

  }

}

-------------------------------------------------------------------------------------------------------------------------------------------------------------------如遇到问题:+WX:WAZJ-0508,及时联系---------------------------------------------------------------------------------------------------------------------------------------------------

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Zeng__Y1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值