MyMenu.vue
3.57 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!--
* @Author: jiangbotao
* @Date: 2019-12-13 23:53:57
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-15 18:39:11
* @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_2"><router-link :to="'/rastertile'">栅格瓦片</router-link></a-menu-item>
<a-menu-item key="1_3"><router-link :to="'/mvt'">矢量瓦片</router-link></a-menu-item>
<a-menu-item key="1_4"><router-link :to="'/measure'">地图量测</router-link></a-menu-item>
<a-menu-item key="1_5"><router-link :to="'/mvt_wz'">本地矢量瓦片</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-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>