存储数据

src/components/Query/clickQuery/MultiLevelQuery.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-tabs class="multi_level_query_table" v-model="activeName" @tab-click="handleClick">
+    <!-- <el-tabs class="multi_level_query_table" v-model="activeName" @tab-click="handleClick">
         <el-tab-pane label="用户管理" name="first">
             <el-collapse v-model="activeNames" @change="handleChange">
                 <el-collapse-item title="一致性 Consistency" name="1">
@@ -24,6 +24,21 @@
         <el-tab-pane label="配置管理" name="second">配置管理</el-tab-pane>
         <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
         <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>
+    </el-tabs> -->
+
+    <el-tabs class="multi_level_query_table" v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane :label="item.name" :name="item.name" v-for="(item, index) in store.state.query_pick_pane" :key="index">
+
+            <el-collapse v-for="(value, index_item) in item.value" :key="index_item" v-model="activeNames"
+                @change="handleChange">
+                <el-collapse-item :title="'地块' + (index_item + 1)" name="1">
+                    <div v-for="(value_field, index_field) in value" :key="index_field" v-if="value_field.filed != 'geom'">
+                        {{ value_field.filedZH }} :{{ value_field.data }}</div>
+
+                </el-collapse-item>
+            </el-collapse>
+
+        </el-tab-pane>
     </el-tabs>
 </template>
 
@@ -89,9 +104,24 @@ export default {
                     "id": 'dd699f839bc04969ae2dc2e1964d0ad1',
                 }
                 GetTableData(obj).then(res => {
-                    console.log('res: ', res);
+                    // store.state.query_pick_pane.push({
+                    //     name: res.data.dataname,
+                    //     value: res.data.data[0]
+                    // });
+
+                    res.data.child.forEach(element => {
+                        if (element.data.length > 1) {
+                            store.state.query_pick_pane.push({
+                                name: element.dataname,
+                                value: element.data
+                            });
+                        }
+                    });
                 })
 
+                console.log(store.state.query_pick_pane, "that.pane");
+
+
                 that.handler_multi_level_query.destroy();
                 that.handler_multi_level_query = null;
             }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
@@ -134,6 +164,11 @@ export default {
 ::v-deep .el-tabs__active-bar {
     background-color: #30fdff;
 }
+
+::v-deep .el-collapse-item__header {
+    color: #64daff !important;
+    font-weight: 600;
+}
 </style>
 
 

src/components/Query/clickQuery/clickQuery.vue

@@ -44,7 +44,7 @@
     </div>
 
     <CockpitVector></CockpitVector>
-    <!-- <MultiLevelQuery ref="MultiLevelQuery" /> -->
+    <MultiLevelQuery ref="MultiLevelQuery" />
   </div>
 </template>
 
@@ -701,6 +701,7 @@ export default {
         case 3: {
           this.removeMapLayerQuery(); //清除
           clearTranslate();
+          pick_cockpit_vector.clear_data();//矢量拾取清除
           break;
         }
         case 4: {//驾驶舱矢量数据点选查询

src/components/Query/clickQuery/pick_cockpit_vector.js

@@ -54,4 +54,10 @@ export const init_handler = () => {
     }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
 
 
+}
+
+
+export const clear_data = () => {
+    store.state.vectorData = [];
+
 }

src/store/store.js

@@ -42,6 +42,8 @@ var store2 = {
         cockpit_date: null,
         viewer_flag: true,
         xzqh_flag: true,
+        query_pick_pane: [],
+
         cockpit_wpjg: {
             title: {},
             echart: {}