层级问题

src/components/Query/clickQuery/CockpitVector.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="CockpitVectorBox">
     <el-autocomplete class="search" @input="change_witch" v-model="state" :fetch-suggestions="querySearchAsync"
       placeholder="请输入内容" @select="handleSelect" popper-class="select-option"
       :popper-append-to-body="false"></el-autocomplete>
@@ -284,6 +284,9 @@ export default {
 };
 </script>
 <style  scoped lang="scss">
+.CockpitVectorBox{
+  // color: #198ec0;
+}
 .search {
   position: absolute;
   top: 5rem;
@@ -313,6 +316,7 @@ export default {
   height: 35rem;
   overflow: auto;
   overflow-x: hidden;
+  // z-index: -1;
 }
 
 /deep/.el-input__inner:focus {

src/components/Query/clickQuery/clickQuery.vue

@@ -43,7 +43,7 @@
       </el-collapse>
     </div>
 
-    <CockpitVector v-show="store.state.query_vector_input"></CockpitVector>
+    <CockpitVector v-if="store.state.query_vector_input"></CockpitVector>
     <MultiLevelQuery ref="MultiLevelQuery" />
   </div>
 </template>
@@ -745,6 +745,7 @@ export default {
 .sm-function-module-content-tabs {
   height: 45px;
   padding: 1px 5px 0px 5px;
+  /* margin-top: 4rem; */
 }
 
 .sm-function-module-content-table {

src/components/Query/clickQuery/pick_cockpit_vector.js

@@ -32,7 +32,7 @@ export const init_handler = () => {
             let obj = {}
             let arr = [];
             if (pickObj.primitive instanceof Cesium.Primitive && pickObj.id.properties && pickObj.id.properties.type == '国有建设用地完成项目') {//点击primitive
-                primitive相关操作
+                // primitive相关操作
                 let propertyNames = pickObj.id.properties.propertyNames
                 propertyNames.forEach((res) => {
                     arr.push({