vue 使用xlsx导出树形表格

实现树形表格的导出需要将树形结构转化为扁平化的数据格式，然后使用xlsx库进行导出。

以下是一个简单的示例代码：

1. 安装xlsx库

npm install xlsx --save

2. 创建一个树形结构数据

const treeData = [
  {
    label: '节点1',
    children: [
      {
        label: '节点1-1',
        children: [
          {
            label: '节点1-1-1'
          },
          {
            label: '节点1-1-2'
          }
        ]
      },
      {
        label: '节点1-2'
      }
    ]
  },
  {
    label: '节点2'
  }
];

3. 定义一个函数将树形结构转化为扁平化的数据格式

function flattenTreeData(data) {
  const result = [];
  function flatten(node, parent) {
    const item = {
      label: node.label,
      parent: parent ? parent.label : null
    };
    result.push(item);
    if (node.children && node.children.length) {
      node.children.forEach(child => {
        flatten(child, node);
      });
    }
  }
  data.forEach(item => {
    flatten(item, null);
  });
  return result;
}

4. 使用xlsx库导出数据

import XLSX from 'xlsx';

function exportTreeData(data) {
  const flatData = flattenTreeData(data);
  const headers = ['节点名', '父节点名'];
  const rows = flatData.map(item => [item.label, item.parent]);
  const wb = XLSX.utils.book_new();
  const ws = XLSX.utils.aoa_to_sheet([headers, ...rows]);
  XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
  XLSX.writeFile(wb, 'tree_data.xlsx');
}

5. 调用导出函数

exportTreeData(treeData);

这样就可以将树形表格导出为xlsx格式的文件了。