<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'; //跳转新的一页打开预览