点击配置

src/components/Query/clickQuery/clickQuery.vue

@@ -6,19 +6,9 @@
     </div>
     <!-- <div class="sm-function-module-content-btn"> -->
     <div class="btnList">
-      <span
-        v-for="(item, index) in actionOptions"
-        :key="index"
-        class="icon-span"
-        :title="item.lable"
-        :class="item.isSelect ? 'selected-icon' : ''"
-        @click="changleQueryItem(item)"
-      >
-        <i
-          class="iconfont iconSize"
-          :class="item.iconName"
-          style="margin-top: 0px"
-        ></i>
+      <span v-for="(item, index) in actionOptions" :key="index" class="icon-span" :title="item.lable"
+        :class="item.isSelect ? 'selected-icon' : ''" @click="changleQueryItem(item)">
+        <i class="iconfont iconSize" :class="item.iconName" style="margin-top: 0px"></i>
       </span>
       <!-- <el-button type="primary" size="small" @click.stop="mapLayerQuery"
         >点击</el-button
@@ -29,44 +19,21 @@
     </div>
     <div class="sm-function-module-content-tabs">
       <el-tabs @tab-click="handleTabClick" v-model="activeLayerId">
-        <el-tab-pane
-          :label="item.label"
-          :name="item.id"
-          v-for="(item, index) in layerList"
-          :key="index"
-        ></el-tab-pane>
+        <el-tab-pane :label="item.label" :name="item.id" v-for="(item, index) in layerList" :key="index"></el-tab-pane>
       </el-tabs>
     </div>
     <div class="sm-function-module-content-table">
-      <el-collapse
-        :value="activeNames"
-        @change="handleCollapseChange"
-        v-if="
-          activeLayerId &&
-          queryResults[activeLayerId] &&
-          queryResults[activeLayerId].length > 0
-        "
-      >
-        <el-collapse-item
-          :title="'查询结果' + (index + 1)"
-          :name="'查询结果' + (index + 1)"
-          v-for="(item, index) in queryResults[activeLayerId]"
-          :key="index"
-        >
+      <el-collapse :value="activeNames" @change="handleCollapseChange" v-if="activeLayerId &&
+        queryResults[activeLayerId] &&
+        queryResults[activeLayerId].length > 0
+        ">
+        <el-collapse-item :title="'查询结果' + (index + 1)" :name="'查询结果' + (index + 1)"
+          v-for="(item, index) in queryResults[activeLayerId]" :key="index">
           <template slot="title">
             查询结果{{ index + 1
-            }}<i
-              title="定位"
-              class="header-icon el-icon-s-promotion flyBtn2"
-              @click.stop="flyTo(index)"
-            ></i>
+            }}<i title="定位" class="header-icon el-icon-s-promotion flyBtn2" @click.stop="flyTo(index)"></i>
           </template>
-          <el-table
-            :data="item"
-            :show-header="false"
-            border
-            style="width: 100%"
-          >
+          <el-table :data="item" :show-header="false" border style="width: 100%">
             <el-table-column prop="name" label="字段" width="100">
             </el-table-column>
             <el-table-column prop="value" label="值" width="208">
@@ -75,6 +42,8 @@
         </el-collapse-item>
       </el-collapse>
     </div>
+
+
   </div>
 </template>
 
@@ -112,6 +81,18 @@ export default {
       queryResultsGeomPart: {},
       viewer: null,
       dataSourceLayer: null,
+      obj: [[
+        {
+          "name": "BSM",
+          "value": "460203251000000700"
+        }, {
+          "name": "BSM",
+          "value": "460203251000000700"
+        }, {
+          "name": "BSM",
+          "value": "460203251000000700"
+        }
+      ]],
       actionOptions: [
         {
           index: 1,
@@ -125,6 +106,12 @@ export default {
           iconName: "el-icon-office-building",
           isSelect: false,
         },
+        {
+          index: 4,
+          lable: "矢量",
+          iconName: "el-icon-picture-outline-round",
+          isSelect: false,
+        },
         {
           index: 3,
           lable: "清除",
@@ -139,7 +126,7 @@ export default {
       return store.state.toolBar[9];
     },
   },
-  created() {},
+  created() { },
   watch: {
     activeLayerId(val) {
       if (val && val != "0") {
@@ -167,7 +154,7 @@ export default {
       }
     },
   },
-  mounted() {},
+  mounted() { },
   methods: {
     toggleVisibility() {
       this.removeMapLayerQuery();
@@ -269,6 +256,7 @@ export default {
     },
     handleTabClick(item, a) {
       this.activeLayerId = item.name;
+      console.log('this.: ', this.activeLayerId);
     },
     // 设置数据
     setData() {
@@ -401,7 +389,6 @@ export default {
               queryByIDParameters
             );
           }
-          console.log(e);
           if (e && e.totalCount > 0) {
             that.layerList.push(store.state.vectorlayerlist[i]);
             let queryData = [];
@@ -456,7 +443,7 @@ export default {
                     linSAr.fieldNames[index] = p.fieldaliasname;
                   }
                 });
-              }else{
+              } else {
                 var linSAr = JSON.parse(JSON.stringify(e.features[u]));
               }
               function condition(ci) {