Skip to content

蒋波涛 / super_globe_vue

Go to a project
Toggle navigation
Toggle navigation pinning
fa498086 by unknown
Options

'20191205'

1 parent b6afb12c
Expand all
Inline Side-by-side
Showing 7 changed files with 130 additions and 12 deletions
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
9 "lint": "vue-cli-service lint" 9 "lint": "vue-cli-service lint"
10 }, 10 },
11 "dependencies": { 11 "dependencies": {
12 "ant-design-vue": "^1.4.8",
13 "core-js": "^3.4.3", 12 "core-js": "^3.4.3",
13 "element-ui": "^2.13.0",
14 "vue": "^2.6.10", 14 "vue": "^2.6.10",
15 "vue-router": "^3.1.3" 15 "vue-router": "^3.1.3"
16 }, 16 },
......
...@@ -101,5 +101,16 @@ export default { ...@@ -101,5 +101,16 @@ export default {
101 </script> 101 </script>
102 102
103 <style> 103 <style>
104 104 .sm-compass {
105 pointer-events: auto;
106 position: absolute;
107 right: 10px;
108 top: 70px;
109 width: 128px;
110 height: 128px;
111 overflow: hidden;
112 }
113 .sm-zoom {
114 top: 190px;
115 }
105 </style> 116 </style>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 * @Author: jiangbotao 2 * @Author: jiangbotao
3 * @Date: 2019-12-03 22:52:56 3 * @Date: 2019-12-03 22:52:56
4 * @LastEditors: jiangbotao 4 * @LastEditors: jiangbotao
5 * @LastEditTime: 2019-12-04 23:31:19 5 * @LastEditTime: 2019-12-05 13:16:55
6 * @FilePath: \superglobevue\src\components\viewer.vue 6 * @FilePath: \superglobevue\src\components\viewer.vue
7 --> 7 -->
8 <template> 8 <template>
...@@ -168,9 +168,9 @@ export default { ...@@ -168,9 +168,9 @@ export default {
168 168
169 <style> 169 <style>
170 .compass { 170 .compass {
171 top: 10px; 171 top: 60px;
172 } 172 }
173 .navigation-controls { 173 .navigation-controls {
174 top: 120px; 174 top: 180px;
175 } 175 }
176 </style> 176 </style>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 * 2、添加了超图发布的矢量瓦片服务 4 * 2、添加了超图发布的矢量瓦片服务
5 * @Date: 2019-12-02 09:05:50 5 * @Date: 2019-12-02 09:05:50
6 * @LastEditors: jiangbotao 6 * @LastEditors: jiangbotao
7 * @LastEditTime: 2019-12-04 22:37:19 7 * @LastEditTime: 2019-12-05 13:14:46
8 * @FilePath: \WebGL_Webpack_Vue\components\viewer.vue 8 * @FilePath: \WebGL_Webpack_Vue\components\viewer.vue
9 --> 9 -->
10 <template> 10 <template>
...@@ -90,5 +90,16 @@ export default { ...@@ -90,5 +90,16 @@ export default {
90 </script> 90 </script>
91 91
92 <style> 92 <style>
93 93 .sm-compass {
94 pointer-events: auto;
95 position: absolute;
96 right: 10px;
97 top: 70px;
98 width: 128px;
99 height: 128px;
100 overflow: hidden;
101 }
102 .sm-zoom {
103 top: 190px;
104 }
94 </style> 105 </style>
...\ No newline at end of file ...\ No newline at end of file
......
1 /*
2 * @Author: jiangbotao
3 * @Date: 2019-12-03 22:31:08
4 * @LastEditors: jiangbotao
5 * @LastEditTime: 2019-12-05 11:16:09
6 * @FilePath: \superglobevue\src\main.js
7 */
1 import Vue from 'vue' 8 import Vue from 'vue'
9 import ElementUI from 'element-ui'
10 import 'element-ui/lib/theme-chalk/index.css'
2 import App from './App.vue' 11 import App from './App.vue'
3 import router from './router' 12 import router from './router'
4 13
5 Vue.config.productionTip = false 14 Vue.config.productionTip = false
15 Vue.use(ElementUI)
6 16
7 new Vue({ 17 new Vue({
8 router, 18 router,
......
...@@ -2,22 +2,108 @@ ...@@ -2,22 +2,108 @@
2 * @Author: jiangbotao 2 * @Author: jiangbotao
3 * @Date: 2019-12-03 22:31:08 3 * @Date: 2019-12-03 22:31:08
4 * @LastEditors: jiangbotao 4 * @LastEditors: jiangbotao
5 * @LastEditTime: 2019-12-05 10:46:13 5 * @LastEditTime: 2019-12-05 13:17:59
6 * @FilePath: \superglobevue\src\views\Home.vue 6 * @FilePath: \superglobevue\src\views\Home.vue
7 --> 7 -->
8 <template> 8 <template>
9 <div id="map"> 9 <el-container style="height: 100%; border: 1px solid #eee">
10 <viewer></viewer> 10 <el-container>
11 </div> 11 <el-header style="text-align: left; font-size: 28px">
12 <i class="el-icon-map-location"></i>三维
13 </el-header>
14 <el-main>
15 <el-aside width="66px" style="background-color: white">
16 <el-menu default-active="1-4-1" class="el-menu-vertical-demo" :collapse="isCollapse">
17 <el-submenu index="1">
18 <template slot="title">
19 <i class="el-icon-location"></i>
20 <span slot="title">地图操作</span>
21 </template>
22 <el-menu-item-group>
23 <span slot="title">分组一</span>
24 <el-menu-item index="1-1">选项1</el-menu-item>
25 <el-menu-item index="1-2">选项2</el-menu-item>
26 </el-menu-item-group>
27 <el-menu-item-group title="分组2">
28 <el-menu-item index="1-3">选项3</el-menu-item>
29 </el-menu-item-group>
30 <el-submenu index="1-4">
31 <span slot="title">选项4</span>
32 <el-menu-item index="1-4-1">选项1</el-menu-item>
33 </el-submenu>
34 </el-submenu>
35 <el-menu-item index="2">
36 <i class="el-icon-menu"></i>
37 <span slot="title">空间查询</span>
38 </el-menu-item>
39 <el-submenu index="3">
40 <template slot="title">
41 <i class="el-icon-location"></i>
42 <span slot="title">地图操作</span>
43 </template>
44 <el-menu-item-group>
45 <span slot="title">分组一</span>
46 <el-menu-item index="3-1">淹没分析</el-menu-item>
47 <el-menu-item index="3-2">选项2</el-menu-item>
48 </el-menu-item-group>
49 <el-menu-item-group title="分组2">
50 <el-menu-item index="3-3">选项3</el-menu-item>
51 </el-menu-item-group>
52 <el-submenu index="3-4">
53 <span slot="title">选项4</span>
54 <el-menu-item index="3-4-1">选项1</el-menu-item>
55 </el-submenu>
56 </el-submenu>
57 </el-menu>
58 </el-aside>
59 <div id="map">
60 <viewer></viewer>
61 </div>
62 </el-main>
63 </el-container>
64 </el-container>
12 </template> 65 </template>
13 66
14 <script> 67 <script>
15 import viewer from "@/components/viewer_tdt.vue"; 68 import viewer from "@/components/viewer_s3m_single.vue";
16 69
17 export default { 70 export default {
18 name: "home", 71 name: "home",
72 data() {
73 return {
74 isCollapse: true
75 };
76 },
19 components: { 77 components: {
20 viewer 78 viewer
21 } 79 }
22 }; 80 };
23 </script> 81 </script>
82
83 <style scoped>
84 .el-header {
85 padding: 12px 20px;
86 -webkit-box-sizing: border-box;
87 box-sizing: border-box;
88 -ms-flex-negative: 0;
89 flex-shrink: 0;
90 position: absolute;
91 z-index: 99;
92 background-color: white;
93 width: 100%;
94 margin-top: -1px;
95 border-bottom: red;
96 border-bottom-style: solid;
97 border-bottom-width: 2px;
98 }
99 .el-aside {
100 width: 200px;
101 position: absolute;
102 height: 100%;
103 z-index: 98;
104 margin-top: 39px;
105 margin-left: -20px;
106 background-color: white;
107 /* background-color: rgb(238, 241, 246); */
108 }
109 </style>
......