1.下载接口返回流如下:
2.可以写公共方法处理
excelDownload(obj, name = Date.now(), suffix = 'xlsx') {//Date.now()获取当前日期
const url = window.URL.createObjectURL(
//Blob是二进制大对象
new Blob([obj], { type: 'application/vnd.ms-excel' })
)
const aDOM = document.createElement('a')
aDOM.style.display = 'none'//设置dom元素不显示,隐藏
aDOM.href = url
const fileName = name + '.' + suffix
aDOM.setAttribute('download', fileName)
//setAttribute(name, value)增加一个指定名称和值的新属性,或者把一个现有属性设定为指定的值
document.body.appendChild(aDOM)//向body节点中添加dom节点
aDOM.click()//在adom上模拟一次鼠标点击
document.body.removeChild(aDOM)//移除节点
},
3.具体使用场景
3-1 需要带日期
formattedDate:日期 data为接口返回的流
downLoadImportUserAttendError() {
const data = await importUserAttendError({startTime: this.formattedDate})
this.excelDownload(data, '异常考勤' + this.formattedDate)
},
3-2 不需要带日期
downimportUserAttendErrorBetween() {
const data = await importUserAttendErrorBetween({startTime: this.formattedDate})
this.excelDownload(data, '本月异常考勤')
},