From 062f5d4a5c511f360c2d73a66b24ce84d5cb2d68 Mon Sep 17 00:00:00 2001
From: chenzeping <ChenZeping02609@163.com>
Date: 星期三, 14 四月 2021 12:43:11 +0800
Subject: [PATCH] 弹框公共问题修改

---
 src/components/panel/topicSearch/SewersSearch.vue |   81 +++++++++++++++++-----------------------
 1 files changed, 34 insertions(+), 47 deletions(-)

diff --git a/src/components/panel/topicSearch/SewersSearch.vue b/src/components/panel/topicSearch/SewersSearch.vue
index b659cfa..f32abb2 100644
--- a/src/components/panel/topicSearch/SewersSearch.vue
+++ b/src/components/panel/topicSearch/SewersSearch.vue
@@ -9,21 +9,21 @@
               <el-select style="width: 100%" v-model="form.pipelineType" @change="handlePipelineType"
                          :popper-class="'select-down'">
                 <el-option
-                    v-for="item in pipelineTypeOptions"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
+                    v-for="item in items"
+                    :key="item.code"
+                    :label="item.name"
+                    :value="item.name">
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item :label="form.pipelineType+'锛�'" size="mini">
-              <el-select style="width: 100%" v-model="form.dataType" @change="handleDataType"
-                         :popper-class="'select-down'">
+              <el-select style="width: 100%" v-model="form.dataType" :popper-class="'select-down'">
+                <!--  @change="handleDataType"-->
                 <el-option
-                    v-for="item in dataTypeOptions"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
+                    v-for="item in subItems"
+                    :key="item.code"
+                    :label="item.name"
+                    :value="item.name">
                 </el-option>
               </el-select>
             </el-form-item>
@@ -71,12 +71,16 @@
 </template>
 
 <script>
-import { PipelineTypeOptions } from '@/conf/layers/LayerSewers'
+import { LayerPipeLines } from '@src/conf/layers/LayerPipeLines'
+import { LayerFsss } from '@src/conf/layers/LayerFsss'
+import { LayerHbss } from '@src/conf/layers/LayerHbss'
+import { LayerPk } from '@src/conf/layers/LayerPk'
+import { LayerArea } from '@src/conf/layers/LayerArea'
 
 import WfsHelper from '@components/helpers/WfsHelper'
 import AjaxUtils from '@utils/AjaxUtils'
 
-// 寮曞叆鍒嗘瀽缁勪欢鍐呭
+// 寮曞叆缁勪欢鍐呭
 import SewersAnalysis from '@components/panel/topicSearch/SewersSelect/SewersAnalysis'
 import SewersHistory from '@components/panel/topicSearch/SewersSelect/SewersHistory'
 
@@ -91,18 +95,13 @@
       activeName: 'first',
       gdVisible: true,
       list: [],
-      labelList: PipelineTypeOptions[0].labelList,
+      items: [LayerPipeLines, LayerFsss, LayerHbss, LayerPk, LayerArea],
+      subItems: LayerPipeLines.layers,
       total: 0,
-      pipelineTypeOptions: PipelineTypeOptions,
-      dataTypeOptions: PipelineTypeOptions[0].options,
       form: {
-        pipelineType: PipelineTypeOptions[0].label,
-        dataType: PipelineTypeOptions[0].options[0].label,
-        query: PipelineTypeOptions[0].options[0],
-        keyword: '鐮旂┒闄�01璺痀S000001'
-        // ,
-        // size: 10,
-        // current: 1
+        pipelineType: '绠＄綉',
+        dataType: '',
+        keyword: ''
       },
       // pageSize: 10,
       // current: 1,
@@ -116,34 +115,22 @@
       console.log(tab, event)
     },
     handlePipelineType (val) {
-      this.pipelineTypeOptions.forEach((itm) => {
-        if (val === itm.value) {
-          this.dataTypeOptions = itm.options
-          this.form.pipelineType = itm.label
-          this.form.labelList = itm.labelList
+      for (var i = 0; i < this.items.length; i++) {
+        const item = this.items[i]
+        if (val === item.name) {
+          this.subItems = item.layers
+          return
         }
-      })
-      this.form.dataType = this.dataTypeOptions[0].label
-      this.form.key = this.dataTypeOptions[0].key
-    },
-    handleDataType (val) {
-      this.dataTypeOptions.forEach((itm) => {
-        if (val === itm.value) {
-          this.form.query = itm
-        }
-      })
+      }
     },
     async handleSearch () {
-      const param = {
-        pipelineType: this.form.pipelineType,
-        dataType: this.form.dataType
-      }
-      console.log(param)
       var wfsHelper = new WfsHelper()
-      wfsHelper.addTypeName(this.form.query.layerName)
-      wfsHelper.addLike(this.form.query.key, this.form.keyword)
+      // todo 鐜板湪绠＄綉杩樻病鍖哄垎寮�绫诲瀷锛屽悗闈㈡敼
+      wfsHelper.addTypeName('绠＄綉')
+      wfsHelper.addLike('name', this.form.keyword)
       // const _this = this
       const res = await AjaxUtils.GetDataAsynByUrl(wfsHelper.getUrl(), {})
+      console.log(res)
       if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) {
         this.list = res.features
       }
@@ -151,9 +138,9 @@
     handleLocation (val) {
       console.log(val)
       const bound = this.L.geoJSON([val], {}).getBounds()
-      var layer = window.serviceLayerHelper.getByLayerId(val.id)
-      layer && layer.openPopup()
-      this.$store.state.map.map.flyToBounds(bound)
+      // var layer = window.layerFactory.flyByLayerId(val.id, bound)
+      window.map.flyToBounds(bound)
+      // layer && layer.openPopup()
     }
   }
 }

--
Gitblit v1.8.0