月球大数据地理空间分析展示平台-【前端】-月球2期前端
WX
2023-09-14 be3618780ef924115aa63bf40ac56b515025eab7
src/assets/js/Map/menuData.js
@@ -1,201 +1,245 @@
const menuData = {
    topMenu: [
  topMenu: [
    {
      id: "a1",
      name: "漫游",
      imgUrl: "图层 8 拷贝 2.png",
      level: 1,
      children: [
        {
            id: 'a1',
            name: "漫游",
            class: 'twoMenu_imge21',
            children: [
                {
                    id: 'a2',
                    name: "点漫游",
                    class: 'twoMenu_imge21',
                },
                {
                    id: 'a3',
                    name: "线路漫游",
                    class: 'twoMenu_imge21',
                }
            ],
          id: "a2",
          name: "点漫游",
          imgUrl: "椭圆 6.png",
          level: 2,
        },
        {
            id: 'b1',
            name: "测量",
            class: 'twoMenu_imge21',
            children: [
                {
                    id: 'b2',
                    name: "表面距离",
                    class: 'twoMenu_imge21',
                },
                {
                    id: 'b3',
                    name: "平面面积",
                    class: 'twoMenu_imge21',
                }, {
                    id: 'b4',
                    name: "高程测量",
                    class: 'twoMenu_imge21',
                },
                {
                    id: 'b5',
                    name: "垂直高度",
                    class: 'twoMenu_imge21',
                }
            ],
          id: "a3",
          name: "线路漫游",
          imgUrl: "椭圆 7 拷贝 2.png",
          level: 2,
        },
        {
            id: 'c1',
            name: "标绘",
            class: 'twoMenu_imge21',
            children: [{
                id: 'c2',
                name: "点",
                class: 'twoMenu_imge21',
            },
            {
                id: 'c3',
                name: "文字",
                class: 'twoMenu_imge21',
            }, {
                id: 'c4',
                name: "线",
                class: 'twoMenu_imge21',
            },
            {
                id: 'c5',
                name: "矩形",
                class: 'twoMenu_imge21',
            }, {
                id: 'c6',
                name: "多边形",
                class: 'twoMenu_imge21',
            }],
        },
        {
            id: 'd1',
            name: "分析",
            class: 'twoMenu_imge21',
            children: [{
                id: 'd2',
                name: "等高线分析",
                class: 'twoMenu_imge21',
            },
            {
                id: 'd3',
                name: "坡度分析",
                class: 'twoMenu_imge21',
            }, {
                id: 'd4',
                name: "土方量计算",
                class: 'twoMenu_imge21',
            },
            {
                id: 'd5',
                name: "影像对比",
                class: 'twoMenu_imge21',
            }, {
                id: 'd6',
                name: "阴影分析",
                class: 'twoMenu_imge21',
            }],
        },
        {
            id: 'e1',
            class: 'twoMenu_imge21',
            name: "截图",
        },
        {
            id: 'f1',
            name: "查询",
            class: 'twoMenu_imge21',
            children: [],
        },
        {
            id: 'g1',
            class: 'twoMenu_imge21',
            name: "定位",
        },
        {
            id: 'k1',
            class: 'twoMenu_imge21',
            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;
    {
      id: "b1",
      name: "量测",
      imgUrl: "图层 5 拷贝 6.png",
      level: 1,
      children: [
        {
          id: "b2",
          name: "表面距离",
          imgUrl: "图层 31.png",
          level: 2,
        },
        {
          id: "b3",
          name: "平面面积",
          imgUrl: "矩形 13 拷贝.png",
          level: 2,
        },
        {
          id: "b4",
          name: "高程测量",
          imgUrl: "高程测量.png",
          level: 2,
        },
        {
          id: "b5",
          name: "垂直高度",
          imgUrl: "图层 31 拷贝.png",
          level: 2,
        },
      ],
    },
    {
      id: "c1",
      name: "标绘",
      imgUrl: "矩形 8 拷贝 11.png",
      level: 1,
      children: [
        {
          id: "c2",
          name: "点",
          imgUrl: "椭圆 5 拷贝 3.png",
          level: 2,
        },
        {
          id: "c3",
          name: "文字",
          imgUrl: "文字标注.png",
          level: 2,
        },
        {
          id: "c4",
          name: "线",
          imgUrl: "椭圆 3 拷贝 16.png",
          level: 2,
        },
        {
          id: "c5",
          name: "矩形",
          imgUrl: "椭圆 3 拷贝 20.png",
          level: 2,
        },
        {
          id: "c6",
          name: "多边形",
          imgUrl: "椭圆 3 拷贝 23.png",
          level: 2,
        },
      ],
    },
    {
      id: "d1",
      name: "分析",
      imgUrl: "矢量智能对象 拷贝 3.png",
      level: 1,
      children: [
        {
          id: "d2",
          name: "等高线分析",
          imgUrl: "椭圆 8 拷贝 8.png",
          level: 2,
        },
        {
          id: "d3",
          name: "坡度分析",
          imgUrl: "圆角矩形 12 拷贝 5.png",
          level: 2,
        },
        {
          id: "d4",
          name: "土方量计算",
          imgUrl: "图层 14 拷贝 3.png",
          level: 2,
        },
        {
          id: "d5",
          name: "影像对比",
          imgUrl: "圆角矩形 12 拷贝 6.png",
          level: 2,
        },
        {
          id: "d6",
          name: "阴影分析",
          imgUrl: "图层 8.png",
          level: 2,
        },
      ],
    },
    {
      id: "e1",
      imgUrl: "形状 5.png",
      name: "快照",
      level: 1,
    },
    {
      id: "f1",
      name: "空间查询",
      imgUrl: "形状 3.png",
      level: 1,
      children: [
        {
          id: "f2",
          name: "点查询",
          imgUrl: "椭圆 5 拷贝 3.png",
          level: 2,
        }, {
          id: "f3",
          name: "线查询",
          imgUrl: "椭圆 3 拷贝 16.png",
          level: 2,
        }, {
          id: "f4",
          name: "面查询",
          imgUrl: "椭圆 3 拷贝 20.png",
          level: 2,
        }
      ]
    },
    //清除方法
    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;
        }
    {
      id: "g1",
      imgUrl: "图层 7 拷贝 5.png",
      name: "坐标定位",
      level: 1,
    },
    //垂直高度
    verticalHeight() {
    {
      id: "k1",
      imgUrl: "清除.png",
      level: 1,
      name: "清除",
    },
    //高程测量
    heightMeasure() {
  ],
  leftMenu: [
    {
      id: "l1",
      name: "图层管理",
      imgUrl: "图层1 (1).png",
      checkImgUrl: "图层1 (1) 拷贝.png",
    },
    //平面面积
    planeDistance() {
    {
      id: "l2",
      name: "标绘查询",
      imgUrl: "形状 4.png",
      checkImgUrl: "形状 4 拷贝.png",
    },
    //表面距离
    surfaceDistance() {
    {
      id: "l3",
      name: "专题图制作",
      imgUrl: "形状 2.png",
      checkImgUrl: "形状 2 拷贝.png",
    },
    //点漫游
    pointRoam() {
    // {
    //   id: "l4",
    //   name: "工具箱",
    //   imgUrl: "形状 1.png",
    //   checkImgUrl: "形状 1 拷贝.png",
    // },
    {
      id: "l5",
      name: "底图切换",
      imgUrl: "形状 8.png",
      checkImgUrl: "形状 8 拷贝.png",
    },
    //线漫游
    lineRoam() {
    }
}
export default menuData;
    {
      id: "l6",
      name: "全屏",
      imgUrl: "形状 3.png",
      checkImgUrl: "形状 3 拷贝.png",
    },
  ],
  thematicMenu: [
    {
      id: "t1",
      name: "图层树",
      level: 1,
      imgUrl: "tucengkongzhi_03.png",
      checkImgUrl: "tucengkongzhi_05.png",
    },
    {
      id: "t2",
      name: "绘制",
      imgUrl: "椭圆 3 拷贝 21.png",
      level: 1,
      checkImgUrl: "椭圆 3 拷贝 22.png",
    },
    // {
    //   id: "t3",
    //   imgUrl: "清除.png",
    //   level: 1,
    //   name: "清除",
    //   checkImgUrl: "清除 拷贝 2.png",
    // },
    {
      id: "t4",
      imgUrl: "形状 9.png",
      name: "出图列表",
      level: 1,
      checkImgUrl: "形状 9 拷贝.png",
    },
  ],
};
export default menuData;