表格导出插件xlsx

摇头的金丝猴

已于 2023-01-28 09:12:03 修改

阅读量169

点赞数

分类专栏： element 常用文章标签： javascript 前端 json

于 2023-01-13 10:25:00 首次发布

本文链接：https://blog.csdn.net/m0_61382303/article/details/128670162

版权

element 常用专栏收录该内容

5 篇文章 0 订阅

订阅专栏

该代码段展示了一个JavaScript函数，用于将接收到的JSON数据转换并导出为Excel文件。它创建工作表，处理数据表头，并利用XLSX库生成Excel文件。此外，函数支持自定义文件名、表头和工作表名称。

摘要由CSDN通过智能技术生成

 "xlsx": "^0.18.5"

import * as XLSX from "xlsx";
console.log(XLSX);
/*
    * @description:
    * @param {Object} json 服务端发过来的数据
    * @param {String} name 导出Excel文件名字
   
    * @param {String} titleArr 导出Excel表头
   
    * @param {String} sheetName 导出sheetName名字
    * @return:
    */
export function exportExcel(json, name, titleArr, sheetName) {
  /* convert state to workbook */
  var data = new Array();
  var keyArray = new Array();
  const getLength = function (obj) {
    var count = 0;
    for (var i in obj) {
      if (Object.prototype.hasOwnProperty.call(obj, i)) {
        count++;
      }
    }
    return count;
  };
  for (const key1 in json) {
    if (Object.prototype.hasOwnProperty.call(json, key1)) {
      const element = json[key1];
      var rowDataArray = new Array();
      for (const key2 in element) {
        if (Object.prototype.hasOwnProperty.call(element, key2)) {
          const element2 = element[key2];
          rowDataArray.push(element2);
          if (keyArray.length < getLength(element)) {
            keyArray.push(key2);
          }
        }
      }
      data.push(rowDataArray);
    }
  }
  // keyArray为英文字段表头
  data.splice(0, 0, keyArray, titleArr);
  console.log("data", data);
  const ws = XLSX.utils.aoa_to_sheet(data);

  const wb = XLSX.utils.book_new();
  // 此处隐藏英文字段表头
  var wsrows = [{ hidden: true }];
  ws["!rows"] = wsrows; // ws - worksheet
  XLSX.utils.book_append_sheet(wb, ws, sheetName);
  /* generate file and send to client */
  XLSX.writeFile(wb, name + ".xlsx");
}

const getExel = () => {
  let name = store.state.computedInfo.simulationName;
  let params = JSON.parse(JSON.stringify(data.simulationResData));
  let titleSensor; //表头中文名
  if (!tableSensorItemChange.value) {
    params = params.map((item) => {
      delete item.sensorName;
      return item;
    });
    titleSensor = ["观测实体", "观测载荷", "开始时间", "结束时间"]; //表头中文名
  } else {
    titleSensor = [
      "观测实体",
      "被观测实体",
      "观测载荷",
      "开始时间",
      "结束时间",
    ]; //表头中文名
  }
  exportExcel(params, name, titleSensor, "sheetName");
};