Skip to content

刘远 / 3d_dc

Go to a project
Toggle navigation
Toggle navigation pinning
58a51f7d by 刘远
Options

优化

1 parent d31e475c
Inline Side-by-side
Showing 6 changed files with 78 additions and 17 deletions
...@@ -10,6 +10,8 @@ ...@@ -10,6 +10,8 @@
10 html, body, #app { 10 html, body, #app {
11 width: 100%; 11 width: 100%;
12 height: 100%; 12 height: 100%;
13 -webkit-user-select:none;
14 -moz-user-select:none;
13 } 15 }
14 * { 16 * {
15 margin: 0px; 17 margin: 0px;
...@@ -20,4 +22,6 @@ ...@@ -20,4 +22,6 @@
20 .cesium-viewer-toolbar, .cesium-viewer-animationContainer, .cesium-viewer-bottom, .cesium-viewer-fullscreenContainer { 22 .cesium-viewer-toolbar, .cesium-viewer-animationContainer, .cesium-viewer-bottom, .cesium-viewer-fullscreenContainer {
21 display: none !important; 23 display: none !important;
22 } 24 }
25
26
23 </style> 27 </style>
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
7 <div class="name">资源目录</div> 7 <div class="name">资源目录</div>
8 </div> 8 </div>
9 <div style="margin-top: 16px;" v-show='isAssert'> 9 <div style="margin-top: 16px;" v-show='isAssert'>
10 <treeSearch @foldAssert='foldAssert'></treeSearch> 10 <treeSearch @foldAssert="foldAssert('isAssert')"></treeSearch>
11 </div> 11 </div>
12 12
13 <div class="assert-list" :class="[isZTFX?'a-selected':'a-no-selected']" @click="changeSelect('isZTFX')" 13 <div class="assert-list" :class="[isZTFX?'a-selected':'a-no-selected']" @click="changeSelect('isZTFX')"
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 <div class="name">专题分析</div> 18 <div class="name">专题分析</div>
19 </div> 19 </div>
20 <div style="margin-top: 16px;" v-show='isZTFX'> 20 <div style="margin-top: 16px;" v-show='isZTFX'>
21 <treeSearch @foldAssert='foldAssert'></treeSearch> 21 <treeSearch @foldAssert="foldAssert('isZTFX')"></treeSearch>
22 </div> 22 </div>
23 23
24 <div class="assert-list" :class="[isFASC?'a-selected':'a-no-selected']" @click="changeSelect('isFASC')" 24 <div class="assert-list" :class="[isFASC?'a-selected':'a-no-selected']" @click="changeSelect('isFASC')"
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
29 <div class="name">方案审查</div> 29 <div class="name">方案审查</div>
30 </div> 30 </div>
31 <div style="margin-top: 16px;" v-show='isFASC'> 31 <div style="margin-top: 16px;" v-show='isFASC'>
32 <treeSearch @foldAssert='foldAssert'></treeSearch> 32 <treeSearch @foldAssert="foldAssert('isFASC')"></treeSearch>
33 </div> 33 </div>
34 34
35 </div> 35 </div>
...@@ -62,9 +62,9 @@ ...@@ -62,9 +62,9 @@
62 else this[ele] = false; 62 else this[ele] = false;
63 }) 63 })
64 }, 64 },
65 foldAssert() { 65 foldAssert(val) {
66 this.isAssert = false; 66 this[val] = false;
67 } 67 },
68 } 68 }
69 } 69 }
70 </script> 70 </script>
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
16 <span>总用地面积</span> 16 <span>总用地面积</span>
17 <span>26.245</span> 17 <span>26.245</span>
18 </div> 18 </div>
19 <div class="list-box"> 19 <div class="list-box">
20 <span>净用地面积</span> 20 <span>净用地面积</span>
21 <span>26.07</span> 21 <span>26.07</span>
22 </div> 22 </div>
...@@ -32,7 +32,8 @@ ...@@ -32,7 +32,8 @@
32 name: 'mapPop', 32 name: 'mapPop',
33 components: {}, 33 components: {},
34 data() { 34 data() {
35 return {} 35 return {
36 }
36 }, 37 },
37 mounted() {}, 38 mounted() {},
38 methods: { 39 methods: {
...@@ -50,14 +51,14 @@ ...@@ -50,14 +51,14 @@
50 font-size: 16px; 51 font-size: 16px;
51 } 52 }
52 53
53 .list-box span:nth-of-type(1) { 54 .list-box span:nth-of-type(1){
54 display: inline-block; 55 display: inline-block;
55 width: 98px; 56 width: 98px;
56 margin-right: 20px; 57 margin-right: 20px;
57 color: rgba(255, 255, 255, .7); 58 color: rgba(255, 255, 255, .7);
58 } 59 }
59 60
60 .list-box span:nth-of-type(2) { 61 .list-box span:nth-of-type(2){
61 margin-top: 14px; 62 margin-top: 14px;
62 display: inline-block; 63 display: inline-block;
63 } 64 }
......
1 <template>
2 <div class="container">
3 <div class="flex-center">
4 <div style="margin-right: 14px;">
5 <el-input v-model="search" style="width: 342px; height: 40px;" placeholder="地名、地址、道路"
6 suffix-icon="el-icon-search" @change='handleSearch()'></el-input>
7 </div>
8 <div class="func-ico" :class="[is2D?'selected':'']" @click="handleIs2D()">
9 <img src="../assets/一张图/icon_2d3d.png" alt="">
10 </div>
11 </div>
12 </div>
13 </template>
14
15 <script>
16 export default {
17 name: 'thematicAnalysis',
18 components: {},
19 data() {
20 return {
21 search: '',
22 is2D: false,
23 isCamera: false,
24 isLayer: false,
25 isClear: false
26 }
27 },
28 mounted() {},
29 methods: {
30 handleSearch(val) {
31 this.$emit('searchRoat', val);
32 },
33 handleIs2D() {
34 this.is2D = !this.is2D;
35 this.$emit('is2D', this.is2D);
36 },
37 handleIsCamera() {
38 this.isCamera = !this.isCamera;
39 this.$emit('isCamera', this.isCamera);
40 },
41 handleIsLayer() {
42 this.isLayer = !this.isLayer;
43 this.$emit('isLayer', this.isLayer);
44 },
45 handleIsClear() {
46 this.isClear = !this.isClear;
47 this.$emit('isClear', this.isClear);
48 },
49 }
50 }
51 </script>
52
53 <style scoped>
54 .container {}
55
56 </style>
...\ No newline at end of file ...\ No newline at end of file
...@@ -135,4 +135,8 @@ ...@@ -135,4 +135,8 @@
135 border: 1px solid #000; 135 border: 1px solid #000;
136 background-color: #000; 136 background-color: #000;
137 } 137 }
138
139 >>>.el-icon-search {
140 cursor: pointer;
141 }
138 </style> 142 </style>
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 @isLayer='isLayer' 9 @isLayer='isLayer'
10 @isClear='isClear' 10 @isClear='isClear'
11 @searchRoat='searchRoat'></rightTopFunc> 11 @searchRoat='searchRoat'></rightTopFunc>
12 </div> 12 </div>
13 <div class="rightFunc"> 13 <div class="rightFunc">
14 <rightFunc @isReturn='isReturn' 14 <rightFunc @isReturn='isReturn'
15 @enlarge='enlarge' 15 @enlarge='enlarge'
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
24 @topSee='topSee' 24 @topSee='topSee'
25 @roundSee='roundSee' 25 @roundSee='roundSee'
26 @horizon='horizon' 26 @horizon='horizon'
27 @allSee='allSee'></rightFunc> 27 @allSee='allSee'></rightFunc>
28 </div> 28 </div>
29 <div class="bottomNav"> 29 <div class="bottomNav">
30 <bottomNav></bottomNav> 30 <bottomNav></bottomNav>
...@@ -36,17 +36,13 @@ ...@@ -36,17 +36,13 @@
36 <mapPop></mapPop> 36 <mapPop></mapPop>
37 </div> 37 </div>
38 <div id="cesiumContainer" style="width:100%;height:100%;"></div> 38 <div id="cesiumContainer" style="width:100%;height:100%;"></div>
39 <!-- <el-button @click="testfun" class="testbtn"></el-button> -->
40 <!-- <el-select @change="selectChanged" class="testbtn">
41 <el-option v-for="item in devTypes" :key="item" :label="item" :value="item"></el-option>
42 </el-select> -->
43 </div> 39 </div>
44 </template> 40 </template>
45 <script> 41 <script>
46 42
47 import tool from "../assets/js/map/tool"; 43 import tool from "../assets/js/map/tool";
48 44
49 import TopTitle from '../components/topTitle'; 45 import TopTitle from '../components/topTitle';
50 import rightTopFunc from '../components/rightTopFunc'; 46 import rightTopFunc from '../components/rightTopFunc';
51 import rightFunc from '../components/rightFunc'; 47 import rightFunc from '../components/rightFunc';
52 import bottomNav from '../components/bottomNav'; 48 import bottomNav from '../components/bottomNav';
......