对 el-table 数据处理：：：以列为维度的，循环行数据对应插入数据

需求：
1、必须有5列等级的数据，分为 1-5
2、表头是动态给出的数据（包含列的 数据）

3、我们进行 table 循环 都是通过 行去循环，而不是列：：：
所以，我们需要把 3行的数据，加入到 以列为维度的 5行数据内

解决方案：
1、返回的 3行数据内，和 列为维度的 5行数据 （自己定义的），需要有对应的key 值

export const colorList = [
    {code:1,colorName:'红',value:'#E94A4A',key:'redAlarmLevel'},
    {code:2,colorName:'橙',value:'#F9823D',key:'orangeAlarmLevel'},
    {code:3,colorName:'蓝',value:'#2D96FF',key:'blueAlarmLevel'},
    {code:4,colorName:'绿',value:'#67c23a',key:'greenAlarmLevel'},
    {code:5,colorName:'黄',value:'#FAC858',key:'yellowAlarmNum'},
]

2、循环 接口返回的 3行数据，并对 colorList 进行map 新增出 3条数据内对应的 key 值数据

data.forEach((ite,index)=>{
  ite.props = `key-${index}` // 动态表头
  colorList.map(item=>{
    item[`key-${index}`] = ite[item.key]
  })
})

注意：
1、foreach 已经是循环1次，map 也是循环，双循环已经能循环所有数据
2、index ===1 的时候， 内有 5次循环来赋值对应 data对象 ite，数据中的 key（因为相对应的 key 已经定义在了 colorList 中）
3、返回3列数据下， 对5行数据对应的 key 进行赋值

最终数据：