Element UI表格：如何动态生成嵌套数据月份金额列？

<code class="javascript">tableData = [
  { month: 'January', amount: 1000 },
  { month: 'February', amount: 1200 },
  { month: 'March', amount: 1500 },
  // ... more months
];</code>

<code class="vue"><el-table :data="tableData">
  <el-table-column
    v-for="(item, index) in tableData"
    :key="index"
    :label="item.month"
  >
    <template slot-scope="scope">
      {{ scope.row.amount }}
    </template>
  </el-table-column>
</el-table></code>

<code class="javascript">originalData = {
  departments: [
    {
      customers: [
        {
          projects: [
            {
              conamount: [
                { month: 'January', amount: 100 },
                { month: 'February', amount: 120 },
                // ...
              ]
            }
          ]
        }
      ]
    }
  ]
};</code>

<code class="javascript">function preprocessData(originalData) {
  let tableData = [];
  const months = new Set(); // 使用Set去重

  // 遍历原始数据，提取月份和金额
  for (const dept of originalData.departments) {
    for (const cust of dept.customers) {
      for (const proj of cust.projects) {
        for (const item of proj.conamount) {
          months.add(item.month);
          //  此处需要根据你的实际数据结构调整，如何将数据映射到tableData
          tableData.push({month: item.month, amount: item.amount}); //简化示例，实际情况需要累加等操作
        }
      }
    }
  }

  // 将Set转换为数组
  const uniqueMonths = Array.from(months);
  return { tableData, uniqueMonths };
}

// 使用预处理函数
const {tableData, uniqueMonths} = preprocessData(originalData);</code>