tabs接口接入

src/components/Query/clickQuery/MultiLevelQuery.vue

@@ -1,7 +1,9 @@
 <template>
     <el-tabs class="multi_level_query_table" v-model="activeName" @tab-click="handleClick" @tab-remove="removeTab">
 
-
+        <el-tab-pane :label="store.state.query_pick_last_pane.name" name="second">
+            {{ store.state.query_pick_last_pane }}
+        </el-tab-pane>
 
         <el-tab-pane :closable="item.close" :label="item.name" :name="item.name"
             v-for="(item, index) in store.state.query_pick_pane" :key="index">
@@ -247,13 +249,32 @@ export default {
                 }
                 let data = await GetTabsData(obj);
                 console.log('data: ', data);
-                data.data.forEach((res) => {
-                    store.state.query_pick_pane.push({
-                        name: res.name,
-                        // value: res.data.data[0],
-                        close: 'closable'
-                    });
-                })
+                // data.data.forEach((res) => {
+                //     store.state.query_pick_pane.push({
+                //         name: res.name,
+                //         // value: res.data.data[0],
+                //         close: 'closable'
+                //     });
+                // })
+
+                for (let index = 0; index < data.data.length; index++) {
+                    const element = data.data[index];
+
+                    if (index == 0) {
+                        store.state.query_pick_last_pane = {
+                            name: element.name,
+                            // value: res.data.data[0],
+                        };
+                    } else {
+                        store.state.query_pick_pane.push({
+                            name: element.name,
+                            // value: res.data.data[0],
+                            close: 'closable'
+                        });
+                    }
+
+
+                }
 
                 // this.highlightResults(longitude, latitude);