顶部菜单，左侧菜单，图图层管理界面

Surpriseplus

2023-06-05 7540886ea5a498085052104c054cf9f0853310c9

 src/assets/js/Map/menuData.js

@@ -3,199 +3,184 @@
        {
            id: 'a1',
            name: "漫游",
            class: 'twoMenu_imge21',
            imgUrl: '图层 8 拷贝 2.png',
            level: 1,
            children: [
                {
                    id: 'a2',
                    name: "点漫游",
                    class: 'twoMenu_imge21',
                    imgUrl: '椭圆 6.png',
                    level: 2,
                },
                {
                    id: 'a3',
                    name: "线路漫游",
                    class: 'twoMenu_imge21',
                    imgUrl: '椭圆 7 拷贝 2.png',
                    level: 2,
                }
            ],
        },
        {
            id: 'b1',
            name: "测量",
            class: 'twoMenu_imge21',
            name: "量测",
            imgUrl: '图层 5 拷贝 6.png',
            level: 1,
            children: [
                {
                    id: 'b2',
                    name: "表面距离",
                    class: 'twoMenu_imge21',
                    imgUrl: '图层 31.png',
                    level: 2,
                },
                {
                    id: 'b3',
                    name: "平面面积",
                    class: 'twoMenu_imge21',
                    imgUrl: '矩形 13 拷贝.png',
                    level: 2,
                }, {
                    id: 'b4',
                    name: "高程测量",
                    class: 'twoMenu_imge21',
                    imgUrl: '高程测量.png',
                    level: 2,
                },
                {
                    id: 'b5',
                    name: "垂直高度",
                    class: 'twoMenu_imge21',
                    imgUrl: '图层 31 拷贝.png',
                    level: 2,
                }
            ],
        },
        {
            id: 'c1',
            name: "标绘",
            class: 'twoMenu_imge21',
            imgUrl: '矩形 8 拷贝 11.png',
            level: 1,
            children: [{
                id: 'c2',
                name: "点",
                class: 'twoMenu_imge21',
                imgUrl: '椭圆 5 拷贝 3.png',
                level: 2,
            },
            {
                id: 'c3',
                name: "文字",
                class: 'twoMenu_imge21',
                imgUrl: '文字标注.png',
                level: 2,
            }, {
                id: 'c4',
                name: "线",
                class: 'twoMenu_imge21',
                imgUrl: '椭圆 3 拷贝 16.png',
                level: 2,
            },
            {
                id: 'c5',
                name: "矩形",
                class: 'twoMenu_imge21',
                imgUrl: '椭圆 3 拷贝 20.png',
                level: 2,
            }, {
                id: 'c6',
                name: "多边形",
                class: 'twoMenu_imge21',
                imgUrl: '椭圆 3 拷贝 23.png',
                level: 2,
            }],
        },
        {
            id: 'd1',
            name: "分析",
            class: 'twoMenu_imge21',
            imgUrl: '矢量智能对象 拷贝 3.png',
            level: 1,
            children: [{
                id: 'd2',
                name: "等高线分析",
                class: 'twoMenu_imge21',
                imgUrl: '椭圆 8 拷贝 8.png',
                level: 2,
            },
            {
                id: 'd3',
                name: "坡度分析",
                class: 'twoMenu_imge21',
                imgUrl: '圆角矩形 12 拷贝 5.png',
                level: 2,
            }, {
                id: 'd4',
                name: "土方量计算",
                class: 'twoMenu_imge21',
                imgUrl: '图层 14 拷贝 3.png',
                level: 2,
            },
            {
                id: 'd5',
                name: "影像对比",
                class: 'twoMenu_imge21',
                imgUrl: '圆角矩形 12 拷贝 6.png',

                level: 2,
            }, {
                id: 'd6',
                name: "阴影分析",
                class: 'twoMenu_imge21',
                imgUrl: '图层 8.png',
                level: 2,
            }],
        },
        {
            id: 'e1',
            class: 'twoMenu_imge21',
            name: "截图",
            imgUrl: '形状 5.png',
            name: "快照",
            level: 1,
        },
        {
            id: 'f1',
            name: "查询",
            class: 'twoMenu_imge21',
            name: "空间查询",
            imgUrl: '形状 3.png',
            level: 1,
            children: [],
        },
        {
            id: 'g1',
            class: 'twoMenu_imge21',
            name: "定位",
            imgUrl: '图层 7 拷贝 5.png',
            name: "坐标定位",
            level: 1,
        },
        {
            id: 'k1',
            class: 'twoMenu_imge21',
            imgUrl: '清除.png',
            level: 1,
            name: "清除",
        },
    ],
    toolMenu: null,
    toolFlag: null,
    colorAll: {

    },
    menuTools(res) {
        this.clearTools();
        this.toolFlag = res.id;
        switch (res.id) {
            case 'a2'://点漫游
                this.pointRoam();
                break;
            case 'a3'://线漫游
                this.lineRoam();
                break;
            case 'b2'://表面距离
                this.surfaceDistance();
                break;
            case 'b3'://平面面积
                this.planeDistance();
                break;
            case 'b4'://高程测量
                this.heightMeasure();
                break;
            case 'b5'://垂直高度
                this.verticalHeight();
                break;
    leftMenu: [
        {
            id: 'l1',
            name: '图层管理',
            imgUrl: '图层1 (1).png',
            checkImgUrl: '图层1 (1) 拷贝.png'
        },
        {
            id: 'l2',
            name: '标绘查询',
            imgUrl: '形状 4.png',
            checkImgUrl: '形状 4 拷贝.png'
        }, {
            id: 'l3',
            name: '专题图制作',
            imgUrl: '形状 2.png',
            checkImgUrl: '形状 2 拷贝.png'
        }, {
            id: 'l4',
            name: '工具箱',
            imgUrl: '形状 1.png',
            checkImgUrl: '形状 1 拷贝.png'
        }, {
            id: 'l5',
            name: '全屏',
            imgUrl: '形状 8.png',
            checkImgUrl: '形状 8 拷贝.png'
        }, {
            id: 'l6',
            name: '底图切换',
            imgUrl: '形状 3.png',
            checkImgUrl: '形状 3 拷贝.png'
        }
    },
    //清除方法
    clearTools() {
        if (this.toolFlag) {
            switch (this.toolFlag) {
                case 'a2':

                    break;
                case 'a3':

                    break;
                case 'b2':
                case 'b3':
                case 'b4':
                case 'b5':

                    break;
            }
            this.toolFlag = null;
            this.toolMenu = null;
        }
    },

    //垂直高度
    verticalHeight() {

    },
    //高程测量
    heightMeasure() {

    },
    //平面面积
    planeDistance() {

    },
    //表面距离
    surfaceDistance() {

    },
    //点漫游
    pointRoam() {

    },
    //线漫游
    lineRoam() {
    ]


    }
}
export default menuData;