优化

@@ -10,6 +10,8 @@
   html, body, #app {
     width: 100%;
     height: 100%; 
+    -webkit-user-select:none;
+    -moz-user-select:none;
   }
   * {
     margin: 0px;
@@ -20,4 +22,6 @@
   .cesium-viewer-toolbar, .cesium-viewer-animationContainer, .cesium-viewer-bottom, .cesium-viewer-fullscreenContainer {
       display: none !important;
   }
+
+
 </style>

@@ -7,7 +7,7 @@
             <div class="name">资源目录</div>
         </div>
         <div style="margin-top: 16px;" v-show='isAssert'>
-            <treeSearch @foldAssert='foldAssert'></treeSearch>
+            <treeSearch @foldAssert="foldAssert('isAssert')"></treeSearch>
         </div>
 
         <div class="assert-list" :class="[isZTFX?'a-selected':'a-no-selected']" @click="changeSelect('isZTFX')"
@@ -18,7 +18,7 @@
             <div class="name">专题分析</div>
         </div>
         <div style="margin-top: 16px;" v-show='isZTFX'>
-            <treeSearch @foldAssert='foldAssert'></treeSearch>
+            <treeSearch @foldAssert="foldAssert('isZTFX')"></treeSearch>
         </div>
 
         <div class="assert-list" :class="[isFASC?'a-selected':'a-no-selected']" @click="changeSelect('isFASC')"
@@ -29,7 +29,7 @@
             <div class="name">方案审查</div>
         </div>
         <div style="margin-top: 16px;" v-show='isFASC'>
-            <treeSearch @foldAssert='foldAssert'></treeSearch>
+            <treeSearch @foldAssert="foldAssert('isFASC')"></treeSearch>
         </div>
 
     </div>
@@ -62,9 +62,9 @@
                     else this[ele] = false;
                 })
             },
-            foldAssert() {
-                this.isAssert = false;
-            }
+            foldAssert(val) {
+                this[val] = false;
+            },
         }
     }
 </script>

@@ -16,7 +16,7 @@
             <span>总用地面积</span>
             <span>26.245</span>
         </div>
-        <div class="list-box">
+         <div class="list-box">
             <span>净用地面积</span>
             <span>26.07</span>
         </div>
@@ -32,7 +32,8 @@
         name: 'mapPop',
         components: {},
         data() {
-            return {}
+            return {
+            }
         },
         mounted() {},
         methods: {
@@ -50,14 +51,14 @@
         font-size: 16px;
     }
 
-    .list-box span:nth-of-type(1) {
+    .list-box span:nth-of-type(1){
         display: inline-block;
         width: 98px;
         margin-right: 20px;
         color: rgba(255, 255, 255, .7);
     }
 
-    .list-box span:nth-of-type(2) {
+     .list-box span:nth-of-type(2){
         margin-top: 14px;
         display: inline-block;
     }

+<template>
+    <div class="container">
+        <div class="flex-center">
+            <div style="margin-right: 14px;">
+                <el-input v-model="search" style="width: 342px; height: 40px;" placeholder="地名、地址、道路"
+                    suffix-icon="el-icon-search" @change='handleSearch()'></el-input>
+            </div>
+            <div class="func-ico" :class="[is2D?'selected':'']" @click="handleIs2D()">
+                <img src="../assets/一张图/icon_2d3d.png" alt="">
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'thematicAnalysis',
+        components: {},
+        data() {
+            return {
+                search: '',
+                is2D: false,
+                isCamera: false,
+                isLayer: false,
+                isClear: false
+            }
+        },
+        mounted() {},
+        methods: {
+            handleSearch(val) {
+                this.$emit('searchRoat', val);
+            },
+            handleIs2D() {
+                this.is2D = !this.is2D;
+                this.$emit('is2D', this.is2D);
+            },
+            handleIsCamera() {
+                this.isCamera = !this.isCamera;
+                this.$emit('isCamera', this.isCamera);
+            },
+            handleIsLayer() {
+                this.isLayer = !this.isLayer;
+                this.$emit('isLayer', this.isLayer);
+            },
+            handleIsClear() {
+                this.isClear = !this.isClear;
+                this.$emit('isClear', this.isClear);
+            },
+        }
+    }
+</script>
+
+<style scoped>
+    .container {}
+
+</style>
\ No newline at end of file

@@ -135,4 +135,8 @@
         border: 1px solid #000;
         background-color: #000;
     }
+
+    >>>.el-icon-search {
+        cursor: pointer;
+    }
 </style>
\ No newline at end of file

@@ -9,7 +9,7 @@
                 @isLayer='isLayer' 
                 @isClear='isClear' 
                 @searchRoat='searchRoat'></rightTopFunc>
-        </div>  
+        </div>
          <div class="rightFunc">
             <rightFunc @isReturn='isReturn' 
                 @enlarge='enlarge'
@@ -24,7 +24,7 @@
                 @topSee='topSee'
                 @roundSee='roundSee'
                 @horizon='horizon'
-                @allSee='allSee'></rightFunc>
+                @allSee='allSee'></rightFunc> 
         </div>
         <div class="bottomNav">
             <bottomNav></bottomNav>
@@ -36,17 +36,13 @@
             <mapPop></mapPop>
         </div>
          <div id="cesiumContainer" style="width:100%;height:100%;"></div>
-         <!-- <el-button @click="testfun" class="testbtn"></el-button> -->
-         <!-- <el-select @change="selectChanged" class="testbtn">
-             <el-option v-for="item in devTypes" :key="item" :label="item" :value="item"></el-option>
-         </el-select> -->
     </div>
 </template>
 <script>
 
     import tool from "../assets/js/map/tool";
 
-    import TopTitle from '../components/topTitle'; 
+    import TopTitle from '../components/topTitle';
     import rightTopFunc from '../components/rightTopFunc';
     import rightFunc from '../components/rightFunc';
     import bottomNav from '../components/bottomNav';