一:安装依赖
1:在package.json 中加入四个依赖包
(1): "json2csv": "^3.11.0",
(2):"file-saver": "^1.3.8",
(3):"xlsx": "^0.13.5",
(4):"script-loader": "^0.7.2",
(5):执行 npm install
二:引入js 文件;文件即文件存放位置如图;
三:配置webpack;添加 vendor: `${__dirname}/src/utils/vendor`,
四:开始测试:
测试
import CsvExport from 'utils/CsvExport';
const download = () => {
// columns 表格行列
const fields=[];//字段key
const fieldNames=[];//表头
for(let i=0,len=columns.length;i<len;i++){
fields.push(columns[i].dataIndex)
fieldNames.push(columns[i].title)
}
CsvExport(fields, fieldNames, '车辆列表', dataFormatter, callback, this.state.list)
//CsvExport(字段key, 表头, '导出exceil名字', 数据格式化函数, 打印回调函数,打印数据)
}
demo代码在 yms-smart-park 项目里面 xw_printRelease分支上;
gitlab 地址 [email protected]:fullstack/yms-smart-park.git
测试路由地址 /smart-park/chargeManage/driver