vue中报表的导出

1.首先在终端中执行npm install xlsx

2.我们可以在一个公共的js文件中 import XLSX from 'xlsx'

3.

    /**      * 根据自定义数据导出excel      * @param headerName 数据表头名称 例:['年份', '全年(万元)', "更新时间"]      * @param fieldsKey 所需导出字段名称,需和表头一 一对应(字段名前面加*表示为日期时间字段,需要格式化) 例:['statisticsYear', 'worth', '*updateTime']      * @param dataSource 数据源(接口返回的列表数据) 例:[{"2021", "10000", "2021-06-28T11:40:12"},{"2020", "12000", "2020-06-28T11:40:12"}]      * @param fileName 导出文件名 例:年度产值      */

 exportExcelByField(headerName, fieldsKey, dataSource, fileName) {

        let tableData = [             headerName  //导出表头         ]; // 表格表头         let commonField = [];   // 普通字段         let specialField = [];  // 需要格式化的字段         fieldsKey.forEach(field => {             field.indexOf("*") === -1 ? commonField.push(field) : specialField.push(field.substr(1, field.length));         })
        dataSource.forEach(item => {             let rowData = []             commonField.forEach(field => {                 rowData.push(item[field]);             })
            specialField.forEach(field => {                 rowData.push(this.formatDate(item[field]))             })             tableData.push(rowData)         })         let ws = XLSX.utils.aoa_to_sheet(tableData)         let wb = XLSX.utils.book_new()         XLSX.utils.book_append_sheet(wb, ws, 'Sheet1') // 工作簿名称         XLSX.writeFile(wb, fileName + '.xlsx') // 保存的文件名     },
上一篇:获取当前文件夹下所有xlsx文件


下一篇:如何将PDF转成Excel格式?