Skip to content

蒋波涛 / super_globe_vue

Go to a project
Toggle navigation
Toggle navigation pinning
6f1fc9b6 by unknown
Options

'20191214'

1 parent 1674b3d9
Inline Side-by-side
Showing 7 changed files with 65 additions and 47 deletions
......@@ -1774,9 +1774,9 @@
"dev": true
},
"serialize-javascript": {
"version": "2.1.0",
"resolved": "https://registry.npm.taobao.org/serialize-javascript/download/serialize-javascript-2.1.0.tgz?cache=0&sync_timestamp=1567600506467&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fserialize-javascript%2Fdownload%2Fserialize-javascript-2.1.0.tgz",
"integrity": "sha1-kxAnaBnv0OsSgli7NBlX9usvxXA=",
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz",
"integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==",
"dev": true
},
"slash": {
......@@ -4170,9 +4170,9 @@
}
},
"serialize-javascript": {
"version": "2.1.0",
"resolved": "https://registry.npm.taobao.org/serialize-javascript/download/serialize-javascript-2.1.0.tgz?cache=0&sync_timestamp=1567600506467&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fserialize-javascript%2Fdownload%2Fserialize-javascript-2.1.0.tgz",
"integrity": "sha1-kxAnaBnv0OsSgli7NBlX9usvxXA=",
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-2.1.2.tgz",
"integrity": "sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==",
"dev": true
},
"slash": {
......@@ -6326,6 +6326,11 @@
}
}
},
"font-awesome": {
"version": "4.7.0",
"resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
"integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM="
},
"for-in": {
"version": "1.0.2",
"resolved": "https://registry.npm.taobao.org/for-in/download/for-in-1.0.2.tgz",
......
......@@ -11,6 +11,7 @@
"dependencies": {
"ant-design-vue": "^1.4.10",
"core-js": "^3.4.3",
"font-awesome": "^4.7.0",
"vue": "^2.6.10",
"vue-router": "^3.1.3"
},
......
......@@ -2,7 +2,7 @@
* @Author: jiangbotao
* @Date: 2019-12-03 22:31:08
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-14 00:41:13
* @LastEditTime: 2019-12-14 12:23:24
* @FilePath: \superglobevue\public\index.html
-->
<!DOCTYPE html>
......
......@@ -2,13 +2,13 @@
* @Author: jiangbotao
* @Date: 2019-12-03 22:31:08
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-14 00:35:28
* @LastEditTime: 2019-12-14 12:28:02
* @FilePath: \superglobevue\src\App.vue
-->
<template>
<a-layout id="components-layout-demo-top-side-2">
<a-layout-header class="header">
<a-icon type="compass" />&nbsp;&nbsp;温州项目VUE 3DMap示例(v10.0)
<a-layout-header class="header" style="background-color:#3578b1; padding: 0px 25px;">
<span class="fa fa-globe fa-lg"></span>&nbsp;&nbsp;温州项目VUE 3DMap示例(v10.0)
<a-menu
theme="dark"
mode="horizontal"
......@@ -19,36 +19,7 @@
</a-layout-header>
<a-layout>
<a-layout-sider width="200" style="background: #fff">
<a-menu
mode="inline"
:defaultSelectedKeys="['1']"
:defaultOpenKeys="['sub1']"
:style="{ height: '100%', borderRight: 0 }"
>
<a-sub-menu key="sub1">
<span slot="title"><a-icon type="user" />3D展示</span>
<a-menu-item key="1_1"><router-link :to="'/'">建筑物白模</router-link></a-menu-item>
<a-menu-item key="1_2"><router-link :to="'/tdt'">天地图</router-link></a-menu-item>
<a-menu-item key="1_3"><router-link :to="'/changeview'">固定视图</router-link></a-menu-item>
<a-menu-item key="1_4"><router-link :to="'/split'">多视图展示</router-link></a-menu-item>
</a-sub-menu>
<a-sub-menu key="sub2">
<span slot="title"><a-icon type="laptop" />倾斜摄影</span>
<a-menu-item key="2_1"><router-link :to="'/ms3m'">多模型图层</router-link></a-menu-item>
<a-menu-item key="2_2"><router-link :to="'/s3m'">倾斜摄影数据</router-link></a-menu-item>
<a-menu-item key="2_3"><router-link :to="'/s3m_single_box'">单体化查询1</router-link></a-menu-item>
<a-menu-item key="2_4"><router-link :to="'/s3m_single'">单体化查询2</router-link></a-menu-item>
<a-menu-item key="2_5"><router-link :to="'/hyp'">大场景图层淹没</router-link></a-menu-item>
</a-sub-menu>
<a-sub-menu key="sub3">
<span slot="title"><a-icon type="notification" />空间分析与查询</span>
<a-menu-item key="9"><router-link :to="'/fire'">火灾分析</router-link></a-menu-item>
<a-menu-item key="10"><router-link :to="'/underground'">地面开挖</router-link></a-menu-item>
<a-menu-item key="11"><router-link :to="'/ymo'">地形淹没分析</router-link></a-menu-item>
<a-menu-item key="12"><router-link :to="'/spatial1'">空间点查询</router-link></a-menu-item>
<a-menu-item key="13"><router-link :to="'/spatial2'">空间面查询</router-link></a-menu-item>
</a-sub-menu>
</a-menu>
<MyMenu></MyMenu>
</a-layout-sider>
<a-layout style="padding: 10px 10px 10px 10px">
<a-layout-content :style="{ background: '#fff', padding: '12px', margin: 0, minHeight: '500px' }">
......@@ -59,12 +30,11 @@
</a-layout>
</a-layout>
</a-layout>
<!-- <div id="app">
<router-view/>
</div> -->
</template>
<script>
import MyMenu from './components/menu/MyMenu';
export default {
name: 'App',
data() {
......@@ -72,17 +42,20 @@ export default {
collapsed: false,
};
},
components:{
MyMenu
}
}
</script>
<style lang="scss">
.ant-layout-header {
height: 64px;
padding: 0 50px;
padding: 0 25px;
line-height: 64px;
background: #0b5296;
color: white;
font-size: 30px;
font-size: 26px;
border-bottom: 2px solid #bb5905;
}
.ant-layout {
......
<!--
* @Author: jiangbotao
* @Date: 2019-12-14 12:19:33
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-14 12:25:10
* @FilePath: \superglobevue\src\components\menu\MyMenu.vue
-->
<template>
<a-menu
mode="inline"
:defaultSelectedKeys="['1']"
:defaultOpenKeys="['sub1']"
:style="{ height: '100%', borderRight: 0 }">
<a-sub-menu key="sub1">
<span slot="title"><a-icon type="user" />3D展示</span>
<a-menu-item key="1_1"><router-link :to="'/'">建筑物白模</router-link></a-menu-item>
<a-menu-item key="1_2"><router-link :to="'/tdt'">天地图</router-link></a-menu-item>
<a-menu-item key="1_3"><router-link :to="'/changeview'">固定视图</router-link></a-menu-item>
<a-menu-item key="1_4"><router-link :to="'/split'">多视图展示</router-link></a-menu-item>
</a-sub-menu>
<a-sub-menu key="sub2">
<span slot="title"><a-icon type="laptop" />倾斜摄影</span>
<a-menu-item key="2_1"><router-link :to="'/ms3m'">多模型图层</router-link></a-menu-item>
<a-menu-item key="2_2"><router-link :to="'/s3m'">倾斜摄影数据</router-link></a-menu-item>
<a-menu-item key="2_3"><router-link :to="'/s3m_single_box'">单体化查询1</router-link></a-menu-item>
<a-menu-item key="2_4"><router-link :to="'/s3m_single'">单体化查询2</router-link></a-menu-item>
<a-menu-item key="2_5"><router-link :to="'/hyp'">大场景图层淹没</router-link></a-menu-item>
</a-sub-menu>
<a-sub-menu key="sub3">
<span slot="title"><a-icon type="notification" />空间分析与查询</span>
<a-menu-item key="9"><router-link :to="'/fire'">火灾分析</router-link></a-menu-item>
<a-menu-item key="10"><router-link :to="'/underground'">地面开挖</router-link></a-menu-item>
<a-menu-item key="11"><router-link :to="'/ymo'">地形淹没分析</router-link></a-menu-item>
<a-menu-item key="12"><router-link :to="'/spatial1'">空间点查询</router-link></a-menu-item>
<a-menu-item key="13"><router-link :to="'/spatial2'">空间面查询</router-link></a-menu-item>
</a-sub-menu>
</a-menu>
</template>
\ No newline at end of file
......@@ -3,7 +3,7 @@
* @Author: jiangbotao
* @Date: 2019-12-03 22:52:56
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-14 00:42:39
* @LastEditTime: 2019-12-14 12:17:11
* @FilePath: \superglobevue\src\components\viewer.vue
-->
<template>
......
......@@ -2,7 +2,7 @@
* @Author: jiangbotao
* @Date: 2019-12-03 22:31:08
* @LastEditors: jiangbotao
* @LastEditTime: 2019-12-13 19:57:31
* @LastEditTime: 2019-12-14 12:28:56
* @FilePath: \superglobevue\src\main.js
*/
import Vue from 'vue'
......@@ -10,6 +10,7 @@ import Antd from 'ant-design-vue'
import App from './App'
import router from './router'
import 'ant-design-vue/dist/antd.css'
import 'font-awesome/css/font-awesome.css'
Vue.config.productionTip = false
Vue.use(Antd)
......