根据数据生成Excel

130 阅读1分钟

1.安装xlsx

yarn add xlsx	

2.生成excel

<Button type="primary" onClick={this.handleExportAll}>Excel导出数据</Button>
handleExportAll = (e) => {
  const entozh = {
    account: "账号名称",
    isExist: "是否存在该账户",
    isRealname: "是否实名"
  }

  const nowdata = [
    { account: "1", isExist: '存在', isRealname: '否'  },
    { account: "2", isExist: '存在', isRealname: '是' },
    { account: "3", isExist: '存在', isRealname: '否' },
    { account: "4", isExist: '不存在', isRealname: '-' }

  ];

  const json = nowdata.map((item) => {
    return Object.keys(item).reduce((newData, key) => {
      const newKey = entozh[key] || key
      newData[newKey] = item[key]
      return newData
    }, {})
  });
  console.log('json', json);

  const sheet = XLSX.utils.json_to_sheet(json);

  this.openDownloadDialog(this.sheet2blob(sheet, undefined), `全部信息.xlsx`);

}
openDownloadDialog = (url, saveName) => {
  if (typeof url == 'object' && url instanceof Blob) {
    url = URL.createObjectURL(url); // 创建blob地址
  }
  var aLink = document.createElement('a');
  aLink.href = url;
  aLink.download = saveName || ''; // HTML5新增的属性,指定保存文件名,可以不要后缀,注意,file:///模式下不会生效
  var event;
  if (window.MouseEvent) event = new MouseEvent('click');
  else {
    event = document.createEvent('MouseEvents');
    event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
  }
  aLink.dispatchEvent(event);
}
sheet2blob = (sheet, sheetName) => {
  sheetName = sheetName || 'sheet1';
  var workbook = {
    SheetNames: [sheetName],
    Sheets: {}
  };
  workbook.Sheets[sheetName] = sheet; // 生成excel的配置项

  var wopts = {
    bookType: 'xlsx', // 要生成的文件类型
    bookSST: false, // 是否生成Shared String Table,官方解释是,如果开启生成速度会下降,但在低版本IOS设备上有更好的兼容性
    type: 'binary'
  };
  var wbout = XLSX.write(workbook, wopts);
  var blob = new Blob([s2ab(wbout)], {
    type: "application/octet-stream"
  }); // 字符串转ArrayBuffer
  function s2ab(s) {
    var buf = new ArrayBuffer(s.length);
    var view = new Uint8Array(buf);
    for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
    return buf;
  }

  return blob;
}