添加tabs

src/components/Query/clickQuery/MultiLevelQuery.vue

@@ -32,7 +32,13 @@
             </el-collapse>
 
         </el-tab-pane>
-        <el-tab-pane label="自定义" name="自定义">自定义</el-tab-pane>
+        <el-tab-pane label="自定义" name="自定义">
+            <div style="margin-bottom: 20px;">
+                <el-button size="small" @click="addTab()">
+                    add tab
+                </el-button>
+            </div>
+        </el-tab-pane>
     </el-tabs>
 </template>
 
@@ -60,7 +66,8 @@ export default {
             pick_entity: null,
             pick_entity_geo: null,
             eclickname: '',
-            echartList: {}
+            echartList: {},
+            tabIndex: 2
         };
     },
     //监听属性 类似于data概念
@@ -86,7 +93,17 @@ export default {
             this.activeName = activeName;
             store.state.query_pick_pane = tabs.filter(tab => tab.name !== targetName);
         },
-
+        addTab() {
+            let newTabName = ++this.tabIndex + '';
+            store.state.query_pick_pane.push({
+            
+                name: newTabName,
+                value: [1,2,3,4],// element.data
+                close: 'closable'
+              
+            });
+            this.activeName = newTabName;
+        },
         compute(mj) {
             return mj ? (mj * 0.0015).toFixed(2) : 0;
         },
@@ -242,14 +259,14 @@ export default {
                 };
 
                 const wkt = wellknown.stringify(geojsonPoint);
-                // let id = store.state.vectorlayerlist[store.state.vectorlayerlist.length - 1].id
+                let id = store.state.vectorlayerlist[store.state.vectorlayerlist.length - 1].id
                 let obj = {
                     // "wkt": 'POINT (109.51207847188947 18.311530254307392)', //单面
-                    "wkt": 'POINT (109.50728022974468 18.318266593715794)', //多面
-                    // "wkt": wkt,
+                    // "wkt": 'POINT (109.50728022974468 18.318266593715794)', //多面
+                    "wkt": wkt,
 
-                    "id": 'dd699f839bc04969ae2dc2e1964d0ad1',
-                    // "id": id,
+                    // "id": 'dd699f839bc04969ae2dc2e1964d0ad1',
+                    "id": id,
 
                 }
                 GetTableData(obj).then(res => {