【无标题】

對不 ⑦

已于 2024-04-09 14:55:00 修改

阅读量303

点赞数 4

文章标签： javascript 前端开发语言

于 2024-04-09 14:52:12 首次发布

本文链接：https://blog.csdn.net/weixin_42046692/article/details/137552230

版权

这里写自定义目录标题

vue2实现 element ui tree树形结构

vue2实现 element ui tree树形结构

数据格式
[
{
“id”: 2,
“name”: “怀柔项目”,
“roofInfoList”: [
{
“id”: 8,
“projectId”: 2,
“name”: “F屋面”,
“roofSensorList”: [

            ],
            "roofCameras": [
                {
                    "id": 23,
                    "infoId": 8,
                    "cameraName": "Camera 01",
                    "cameraNumber": "fdbac6d352",
                    "cameraType": "枪机"
                },
                {
                    "id": 20,
                    "infoId": 8,
                    "cameraName": "Camera 02",
                    "cameraNumber": "4f254d012b18",
                    "cameraType": "枪机"
                }
            ]
        },
        {
            "id": 4,
            "projectId": 2,
            "name": "A屋面",
            "roofSensorList": [

            ],
            "roofCameras": [
                {
                    "id": 6,
                    "infoId": 4,
                    "cameraName": "aaaaa",
                    "cameraNumber": "aaaa",
                    "cameraType": "枪机"
                },
                {
                    "id": 4,
                    "infoId": 4,
                    "cameraName": "Camera 01",
                    "cameraNumber": "fde5ac6d352",
                    "cameraType": "枪机"
                }
            ]
        }
    ],
    "roofRawData": [

    ],
    "label": "怀柔项目",
    "children": [
        {
            "id": 8,
            "projectId": 2,
            "name": "屋面",
            "roofSensorList": [

            ],
            "roofCameras": [
                {
                    "id": 23,
                    "infoId": 8,
                    "cameraName": "Camera 01",
                    "cameraNumber": "fde53bac6d352",
                    "cameraType": "枪机"
                },
                {
                    "id": 20,
                    "infoId": 8,
                    "cameraName": "Camera 02",
                    "cameraNumber": "4f254b18",
                    "cameraType": "枪机"
                }
            ],
            "label": "F屋面",
            "children": [
                {
                    "id": 23,
                    "infoId": 8,
                    "cameraName": "Camera 01",
                    "cameraNumber": "fdd352",
                    "cameraType": "枪机",
                    "label": "Camera 01"
                },
                {
                    "id": 20,
                    "infoId": 8,
                    "cameraName": "Camera 02",
                    "cameraNumber": "4f25a2b18",
                    "cameraType": "枪机",
                    "label": "Camera 02"
                }
            ]
        },
        {
            "id": 4,
            "projectId": 2,
            "name": "屋面",
            "roofSensorList": [

            ],
            "roofCameras": [
                {
                    "id": 6,
                    "infoId": 4,
                    "cameraName": "aaaaa",
                    "cameraNumber": "aaaa",
                    "cameraType": "枪机"
                },
                {
                    "id": 4,
                    "infoId": 4,
                    "cameraName": "Camera 01",
                    "cameraNumber": "fde532",
                    "cameraType": "枪机"
                }
            ],
            "label": "屋面",
            "children": [
                {
                    "id": 6,
                    "infoId": 4,
                    "cameraName": "aaaaa",
                    "cameraNumber": "aaaa",
                    "cameraType": "枪机",
                    "label": "aaaaa"
                },
                {
                    "id": 4,
                    "infoId": 4,
                    "cameraName": "Camera 01",
                    "cameraNumber": "fde352",
                    "cameraType": "枪机",
                    "label": "Camera 01"
                }
            ]
        }
    ]
},
{
    "id": 3,
    "name": "4项目",
    "roofInfoList": [
        {
            "id": 7,
            "projectId": 3,
            "name": "屋面34",
            "roofSensorList": [

            ],
            "roofCameras": [
                {
                    "id": 18,
                    "infoId": 7,
                    "cameraName": "Camera 01",
                    "cameraNumber": "fde52",
                    "cameraType": "枪机"
                }
            ]
        },
        {
            "id": 6,
            "projectId": 3,
            "name": 74屋面",
            "roofSensorList": [

            ],
            "roofCameras": [
                {
                    "id": 1,
                    "infoId": 6,
                    "cameraName": "IPdome",
                    "cameraNumber": "4c90a92",
                    "cameraType": "枪机"
                }
            ]
        }
    ],
    "roofRawData": [

    ],
    "label": "项目3",
    "children": [
        {
            "id": 7,
            "projectId": 3,
            "name": "f屋面",
            "roofSensorList": [

            ],
            "roofCameras": [
                {
                    "id": 18,
                    "infoId": 7,
                    "cameraName": "Camera 01",
                    "cameraNumber": "fde52",
                    "cameraType": "枪机"
                }
            ],
            "label": "d屋面",
            "children": [
                {
                    "id": 18,
                    "infoId": 7,
                    "cameraName": "Camera 01",
                    "cameraNumber": "fd2",
                    "cameraType": "枪机",
                    "label": "Camera 01"
                }
            ]
        },
        {
            "id": 6,
            "projectId": 3,
            "name": "2屋面",
            "roofSensorList": [

            ],
            "roofCameras": [
                {
                    "id": 1,
                    "infoId": 6,
                    "cameraName": "IPdome",
                    "cameraNumber": "4c2dfcb77",
                    "cameraType": "枪机"
                }
            ],
            "label": "C屋面",
            "children": [
                {
                    "id": 1,
                    "infoId": 6,
                    "cameraName": "IPdome",
                    "cameraNumber": "4c2dfcb7be972",
                    "cameraType": "枪机",
                    "label": "IPdome"
                }
            ]
        }
    ]
}

]