需求将表格中的数据导出为excel文件
工具 excel插件
在你的工具文件夹下新建index.js页面
在这里插入代码片
export function exportExcelFile(array, sheetName, fileName) {
console.log(array, sheetName, fileName, 'array下载得数据数组,sheetName数据结构(不知道什么意思希望有大神指出来),fileName下载的文件名称')
const jsonWorkSheet = xlsx.utils.json_to_sheet(array)
console.log('jsonWorkSheet', jsonWorkSheet)
const workBook = {
SheetNames: [sheetName],
Sheets: {
[sheetName]: jsonWorkSheet
}
}
console.log('workBook', workBook)
return xlsx.writeFile(workBook, fileName)
}
然后在需要使用的vue页面导入
在这里插入代码片
<el-button @click="download()">下载</el-button>
download() {
// exportExcelFile
//this.multipleSelection这个是选中的表格都在这个数组中因为要求是只下载选中的
const sheetName = '表1'
const fileName = '告警信息.xlsx'
const tabList = []//这一块是因为下载下来是字段加上字段内容不符合要求所以将字段 改为汉文
for (let index = 0; index < this.multipleSelection.length; index++) {
const element = this.multipleSelection[index]
const obj = {
'姓名': element.userName,
'身份证号': element.cardNo,
'性别': element.gender,
'身高': element.height,
'体重': element.weight,
'体温': element.temperature,
'告警时间': element.createTime,
'告警类型': '体检数据异常',
'告警信息': element.isHandled == 1 ? '已处理' : '未处理',
'体检结果': element.isAbnormal == 1 ? '异常' : '正常',
'告警内容': element.resultDescription,
'序号id': element.id,
'血压(舒张压)': element.diastolicPressure,
'血压(收缩压)': element.systolicPressure,
'公司名称': element.deptName,
'用户主键ID': element.userId
// element.warningType
}
tabList.push(obj)
}
console.log(this.multipleSelection)
exportExcelFile(tabList, sheetName, fileName)
},
最后导入虽然也写出来来但是没有搞懂
希望有大神讲解一下共同进步