elementui表格数据问题

Question

elementui表格数据问题
想要的结果

目前

数据有两组数据

第一个是左边的数据

第二个是右边的数据，后端返回的是一个map,需要跟左边的type对应，然后取出里面的type,和num,

后端

想问=请教一下怎么实现

Answer 1

官网有示例找着合并，不过看截图题注是react？
https://element.eleme.cn/#/zh-CN/component/table#he-bing-xing-huo-lie
根据截图，数据结构应该类似下面的leftData和rightData，生成并集，data为需要的数据源。

    let leftData = [{ type: '原因不明', num: 1 }, { type: '信号原因', num: 33 }, { type: '未知', num: 17 },];
    let rightData = {
        原因不明: [{ num: 1, type: 'V1.01.010' }],
        信号原因: [{ num: 15, type: 'V1.01.010' }, { num: 6, type: 'V1.01.009' }, { num: 12, type: '未知' }],
        未知: [{ num: 3, type: 'V1.01.010' }, { num: 14, type: 'V1.01.008.2' }],
    }
    let data = []
    leftData.forEach((ld, no) => {
        ld.no = no+1;//序号
        rightData[ld.type].forEach(rd => {
            rd.version = rd.type;//更改右边数据type属性为version属性
            rd.vtype = rd.num;//同理
            //左边和右边合并后加入数组
            data.push({
                ...rd,
                ...ld
            })
        })
    })
    console.log(data);//这个就是题注要的数据