elementui表格数据问题

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

img

目前

img

数据有两组数据

img


第一个是左边的数据

img




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

img




后端

img




想问=请教一下怎么实现

官网有示例找着合并,不过看截图题注是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);//这个就是题注要的数据

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632