单个:
点击导出按钮后
直接通过后端提供的接口一行代码即可
location.href = URL + `/api/Preparation/exportPreparationData?id=${row.id}`
批量(这里的批量指的是一个Excel文件多个sheet页签,我们传参需要传相应的数组或其他数据结构给后端):
点击批量导出按钮后
this.param = xxx
axios
.post(
URL + '/api/workOrder/exportPackExcel',
this.param,
{
responseType: 'blob', // 设置返回类型
headers: {
Authorization: 'Bearer ' + sessionStorage.getItem('Access-Token')
}
},
{
headers: {
'content-type': 'multipart/from-data',
Authorization: 'Bearer ' + sessionStorage.getItem('Access-Token')
}
}
)
.then(res => {
try {
// 如果文件类型不确定的时候,可以不设置type
const blob = new Blob([res.data], { type: 'application/x-sh' })
var downloadElement = document.createElement('a')
var href = window.URL.createObjectURL(blob) // 创建下载的链接
downloadElement.href = href
const name = this.param.scDate + '-内部包装清单'
downloadElement.download = name + '.xls' // 下载后文件名
document.body.appendChild(downloadElement)
downloadElement.click() // 点击下载
document.body.removeChild(downloadElement) // 下载完成移除元素
window.URL.revokeObjectURL(href) // 释放掉blob对象
} catch (e) {
console.log('下载的文件出错', e)
}
})
.catch(err => {
console.log('请求出错', err.response.data.error)
})