点击按钮下载excel和pdf文件

<Button
  type="primary"
  className="export-btn"
  loading={loadingBtn}
  onClick={enterLoading}
>
  导出订单
</Button>


const enterLoading = async () => {
    setLoadingBtn(true);
    const searchData = searchForm.getFieldsValue();
    // console.log('searchData',searchData);
    const params = {
      order_id: '',
      distributor_order_id: '',
      order_status: 0,
      order_source: '',
      consumer: '',
      created_at: '',
      check_in: '',
      keyword: '',
    };
    params.order_id = searchData.orderId;
    params.distributor_order_id = searchData.distributorOrderId;
    params.order_status = searchData.orderStatus;
    params.order_source = searchData.orderSource;
    params.consumer = searchData.consumer;
    params.keyword = searchData.keyword;
    if (searchData.createdAt) {
      const createdTime = searchData.createdAt
        .map((item: moment.Moment) => moment(item).format('YYYY-MM-DD'))
        .join(',');
      params.created_at = createdTime;
    }
    if (searchData.checkTime) {
      const checkTime2 = searchData.checkTime
        .map((item: moment.Moment) => moment(item).format('YYYY-MM-DD'))
        .join(',');
      params.check_in = checkTime2;
    }
    try {
      const { data } = await handleExport(params);
      const orderUrl = data.url;
      const a = document.createElement('a');
      a.href = `https://${orderUrl}`;
      document.body.appendChild(a);
      a.click();
      setTimeout(() => {
        setLoadingBtn(false);
      }, 2000);
    } catch (err) {}
  };

最主要的就是

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

a.href = `https://${orderUrl}`;

document.body.appendChild(a);

 a.click();

try {
      const { data } = await handleExport(params);
      const orderUrl = data.url;
      const a = document.createElement('a');
      a.href = `https://${orderUrl}`;
      document.body.appendChild(a);
      a.click();
      //按钮loading状态
      setTimeout(() => {
        setLoadingBtn(false);
      }, 2000);
    } catch (err) {}

点击下载pdf

a.target = '_blank'; //跳转新的一页打开预览

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值