MyMenu.vue 5.21 KB
<!--
 * @Author: jiangbotao
 * @Date: 2019-12-13 23:53:57
 * @LastEditors  : jiangbotao
 * @LastEditTime : 2019-12-18 22:32:19
 * @FilePath: \supermapvue\src\components\menu\MyMenu.vue
 -->
<template>
    <a-menu theme="light" :defaultSelectedKeys="['1']" mode="inline">
        <a-menu-item key="1">
            <span class="fa fa-map fa-lg"/>
            <router-link :to="'/'"><span>默认信息</span></router-link>
        </a-menu-item>
        <a-sub-menu key="sub1">
            <span slot="title"><a-icon type="user" /><span>基本信息</span></span>
            <a-menu-item key="1_1"><router-link :to="'/'">地图信息</router-link></a-menu-item>
            <a-menu-item key="1_3"><router-link :to="'/rastertile'">栅格瓦片(iServer)</router-link></a-menu-item>
            <a-menu-item key="1_4"><router-link :to="'/mvt'">矢量瓦片(iServer)</router-link></a-menu-item>
            <a-menu-item key="1_5"><router-link :to="'/measure'">地图量测</router-link></a-menu-item>
            <a-menu-item key="1_6"><router-link :to="'/mvt_wz'">本地矢量瓦片</router-link></a-menu-item>
            <a-menu-item key="1_7"><router-link :to="'/mvt_wzdemo'">温州Demo</router-link></a-menu-item>
        </a-sub-menu>
        <a-sub-menu key="sub2">
            <span slot="title"><a-icon type="team" /><span>要素查询</span></span>
            <a-menu-item key="2_1"><router-link :to="'/feature_bounds'">Bounds查询</router-link></a-menu-item>
            <a-menu-item key="2_2"><router-link :to="'/feature_buffer'">缓冲区查询</router-link></a-menu-item>
            <a-menu-item key="2_3"><router-link :to="'/feature_draw'">手工空间查询</router-link></a-menu-item>
            <a-menu-item key="2_4"><router-link :to="'/feature_geo'">几何空间查询</router-link></a-menu-item>
            <a-menu-item key="2_5"><router-link :to="'/feature_sql'">SQL查询</router-link></a-menu-item>
        </a-sub-menu>
        <a-sub-menu key="sub3">
            <span slot="title"><a-icon type="compass" /><span>要素检索</span></span>
            <a-menu-item key="3_1"><router-link :to="'/query_bounds'">Bounds检索</router-link></a-menu-item>
            <a-menu-item key="3_2"><router-link :to="'/query_distance'">距离检索</router-link></a-menu-item>
            <a-menu-item key="3_3"><router-link :to="'/query_geo'">几何检索</router-link></a-menu-item>
            <a-menu-item key="3_4"><router-link :to="'/query_sql'">SQL检索</router-link></a-menu-item>
        </a-sub-menu>
        <a-sub-menu key="sub4">
            <span slot="title"><a-icon type="appstore" /><span>空间</span></span>
            <a-menu-item key="4_1"><router-link :to="'/spatial_buffer'">构造缓冲区</router-link></a-menu-item>
            <a-menu-item key="4_2"><router-link :to="'/spatial_heatmap'">热力图</router-link></a-menu-item>
        </a-sub-menu>
        <a-sub-menu key="sub5">
            <span slot="title"><a-icon type="setting" /><span>专题图</span></span>
            <a-menu-item key="5_1"><router-link :to="'/theme_dot'">点密度</router-link></a-menu-item>
            <a-menu-item key="5_2"><router-link :to="'/theme_gra'">分级图</router-link></a-menu-item>
            <a-menu-item key="5_3"><router-link :to="'/theme_range'">分段渲染</router-link></a-menu-item>
            <a-menu-item key="5_4"><router-link :to="'/theme_label'">注记图</router-link></a-menu-item>
        </a-sub-menu>
        <a-sub-menu key="sub6">
            <span slot="title"><a-icon type="radar-chart" /><span>数据源</span></span>
            <a-menu-item key="6_1"><router-link :to="'/lyr_ags'">ArcGIS矢量图层</router-link></a-menu-item>
            <a-menu-item key="6_2"><router-link :to="'/lyr_tdt'">天地图(矢量注记)</router-link></a-menu-item>
            <a-menu-item key="6_3"><router-link :to="'/lyr_tdt_img'">天地图(影像注记)</router-link></a-menu-item>
            <a-menu-item key="6_4"><router-link :to="'/lyr_mapbox'">Mapbox</router-link></a-menu-item>
            <a-menu-item key="6_5"><router-link :to="'/lyr_gaode'">高德地图</router-link></a-menu-item>
            <a-menu-item key="6_6"><router-link :to="'/lyr_3dmvt'">第三方矢量瓦片</router-link></a-menu-item>
            <a-menu-item key="6_7"><router-link :to="'/lyr_zj_basic'">浙江天地图(基本)</router-link></a-menu-item>
        </a-sub-menu>
        <a-sub-menu key="sub7">
            <span slot="title"><a-icon type="up-square" /><span>OpenLayers</span></span>
            <a-menu-item key="7_1"><router-link :to="'/map_ol'">OL点与改变视图</router-link></a-menu-item>
            <a-menu-item key="7_2"><router-link :to="'/map_ol2'">OL面绘制与修改</router-link></a-menu-item>
            <a-menu-item key="7_3"><router-link :to="'/map_ol3'">OL线绘制与修改</router-link></a-menu-item>
            <a-menu-item key="7_4"><router-link :to="'/map_ol_measure'">OL量测(未实现)</router-link></a-menu-item>
        </a-sub-menu>
    </a-menu>
</template>
<style scoped>
  .ant-layout-sider-trigger {
    position: fixed;
    bottom: 0;
    z-index: 1;
    height: 48px;
    color: #b73c3c;
    line-height: 48px;
    text-align: center;
    background: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
</style>