修改数据

src/components/Query/clickQuery/MultiLevelQuery.vue

@@ -1,32 +1,12 @@
 <template>
-    <!-- <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">
-                    <div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
-                    <div>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div>
-                </el-collapse-item>
-                <el-collapse-item title="反馈 Feedback" name="2">
-                    <div>控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；</div>
-                    <div>页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。</div>
-                </el-collapse-item>
-                <el-collapse-item title="效率 Efficiency" name="3">
-                    <div>简化流程：设计简洁直观的操作流程；</div>
-                    <div>清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；</div>
-                    <div>帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。</div>
-                </el-collapse-item>
-                <el-collapse-item title="可控 Controllability" name="4">
-                    <div>用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；</div>
-                    <div>结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。</div>
-                </el-collapse-item>
-            </el-collapse>
+    <el-tabs class="multi_level_query_table" v-model="activeName" @tab-click="handleClick" v-if="store.state.query_pick_last_pane">
+        <el-tab-pane :label="store.state.query_pick_last_pane.name" name="second">
+            <span v-for="(item_last, index) in store.state.query_pick_last_pane.value" :key="index"
+                v-if="item_last.filed != 'geom'">
+                <p>{{ item_last.filedZH }} {{ item_last.data }}</p>
+            </span>
         </el-tab-pane>
-        <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"
@@ -62,10 +42,10 @@ export default {
     //方法集合
     methods: {
         handleChange(val) {
-            console.log(val);
+            // console.log(val);
         },
         handleClick(tab, event) {
-            console.log(tab, event);
+            // console.log(tab, event);
         },
         init_handler() {
 
@@ -104,10 +84,11 @@ export default {
                     "id": 'dd699f839bc04969ae2dc2e1964d0ad1',
                 }
                 GetTableData(obj).then(res => {
-                    // store.state.query_pick_pane.push({
-                    //     name: res.data.dataname,
-                    //     value: res.data.data[0]
-                    // });
+                    store.state.query_pick_last_pane = {
+                        name: res.data.dataname,
+                        value: res.data.data[0]
+                    };
+                    console.log('store.state.query_pick_last_pane: ', store.state.query_pick_last_pane);
 
                     res.data.child.forEach(element => {
                         if (element.data.length > 1) {
@@ -127,6 +108,11 @@ export default {
             }, Cesium.ScreenSpaceEventType.LEFT_CLICK);
 
 
+        },
+        clear_data() {
+            store.state.query_pick_last_pane = null;
+            store.state.query_pick_pane = [];
+
         }
     },
     beforeCreate() { }, //生命周期 - 创建之前

src/components/Query/clickQuery/clickQuery.vue

@@ -702,6 +702,8 @@ export default {
           this.removeMapLayerQuery(); //清除
           clearTranslate();
           pick_cockpit_vector.clear_data();//矢量拾取清除
+          this.$refs.MultiLevelQuery.clear_data();//多级查询
+
           break;
         }
         case 4: {//驾驶舱矢量数据点选查询

src/store/store.js

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