From 34a0220d8f02151846783ba22fbca06e376edbf5 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期一, 19 四月 2021 18:02:35 +0800
Subject: [PATCH] 完成附属设施功能。

---
 src/components/panel/topicSearch/SewersSearch.vue |   62 +++++++++++++++++++++----------
 1 files changed, 42 insertions(+), 20 deletions(-)

diff --git a/src/components/panel/topicSearch/SewersSearch.vue b/src/components/panel/topicSearch/SewersSearch.vue
index e44b703..706f5e2 100644
--- a/src/components/panel/topicSearch/SewersSearch.vue
+++ b/src/components/panel/topicSearch/SewersSearch.vue
@@ -17,30 +17,30 @@
               </el-select>
             </el-form-item>
             <el-form-item :label="form.pipelineType+'锛�'" size="mini">
-              <el-select style="width: 100%" v-model="form.dataType" value-key="code" :popper-class="'select-down'">
-                <!--  @change="handleDataType"-->
+              <el-select style="width: 100%" v-model="form.dataType" value-key="code" :popper-class="'select-down'" @change="handleDataType" >
                 <el-option
-                    v-for="item in subItems"
-                    :key="item.code"
-                    :label="item.name"
-                    :value="item">
-                </el-option>
+                      v-for="item in subItems"
+                      :key="item.code"
+                      :label="item.name"
+                      :value="item">
+              </el-option>
               </el-select>
             </el-form-item>
             <div class="rightButtonSearch">
-              <el-input v-model="form.keyword" size="mini" placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�">
-              </el-input>
+              <el-input v-model="form.keyword" size="mini" placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"></el-input>
               <el-button class="el-icon-search" @click="handleSearch"></el-button>
             </div>
           </el-form>
         </div>
         <el-scrollbar style="height:380.44px;">
-          <div class="environmental-risk-list" v-for="(item,index) in list" :key="index">
+          <div class="environmental-risk-list" v-for="(item,index) in list" :key="index" :class="activeNum==index?'hover':''">
             <img class="state" :src="getImgSrc()" style="background: none"/>
             <div>
-              <h3 @click="handleLocation(item)">{{ item.properties.pipename }}</h3>
+              <h3 @click="handleLocation(item,index)">{{ item.properties.pipename }}</h3>
               <p>鎵�灞炰紒涓氾細<span>{{ item.properties.orgcode }}</span>
-              <p>璁炬柦绫诲瀷锛�<span>{{ item.properties.teetype }}</span> <el-button class="rt" size="mini" style="margin-right: 0.04rem" @click="btnAffiliatedFacilities(item)" >闄勫睘璁炬柦</el-button></p>
+              <p>璁炬柦绫诲瀷锛�<span>{{ item.properties.teetype }}</span>
+              <!--  <el-button v-if="fuShuSheShiShow" class="rt" size="mini" style="margin-right: 0.04rem" @click="btnAffiliatedFacilities(item)" >闄勫睘璁炬柦</el-button> -->
+              </p>
             </div>
           </div>
         </el-scrollbar>
@@ -65,7 +65,7 @@
       </el-tab-pane>
     </el-tabs>
     <!-- 闄勫睘璁炬柦闈㈡澘 -->
-    <affiliated-facilities></affiliated-facilities>
+    <affiliated-facilities :facilitiesParameter="facilitiesParameter" :fuShuSheShiSubItems="fuShuSheShiSubItems" ></affiliated-facilities>
   </div>
 </template>
 
@@ -108,7 +108,11 @@
       // pageSize: 10,
       // current: 1,
       isWaybillHover: true,
-      isRouteHover: false
+      isRouteHover: false,
+      facilitiesParameter: null,
+      //  fuShuSheShiShow: false,
+
+      activeNum: -1
     }
   },
   props: ['title'],
@@ -120,8 +124,11 @@
     handleClick (tab, event) {
       console.log(tab, event)
     },
+    // 璁炬柦绫诲瀷绛涢��
     handlePipelineType (val) {
-      for (var i = 0; i < this.items.length; i++) {
+      this.list = []
+      // debugger
+      for (let i = 0; i < this.items.length; i++) {
         const item = this.items[i]
         if (val === item.name) {
           this.subItems = item.layers
@@ -129,7 +136,12 @@
         }
       }
     },
+    handleDataType () {
+      this.list = []
+    },
     async handleSearch () {
+      // console.log(this.form.dataType.sname, this.form.keyword)
+      this.list = []
       var wfsHelper = new WfsHelper()
       // todo 鐜板湪绠＄綉杩樻病鍖哄垎寮�绫诲瀷锛屽悗闈㈡敼
       wfsHelper.addTypeName(this.form.dataType.sname)
@@ -141,12 +153,22 @@
         this.list = res.features
       }
     },
-    handleLocation (val) {
-      window.layerFactory.flyByFeature(val, this.form.dataType.code)
+    handleLocation (val, index) {
+      this.activeNum = index
+
+      this.facilitiesParameter = val
       // layer && layer.openPopup()
-    },
-    btnAffiliatedFacilities (item) {
-      console.log(item)
+      // 鍒ゆ柇閫夋嫨鏄惁鏄绾匡紝濡傛灉鏄垯鏄剧ず銆婇檮灞炶鏂姐�嬪脊妗�
+      /* if (this.form.pipelineType === '绠＄嚎') {
+        for (let i = 0; i < this.items.length; i++) {
+          const item = this.items[i]
+          if (item.name === '闄勫睘璁炬柦') {
+            this.fuShuSheShiSubItems = item.layers
+            // console.log(this.fuShuSheShiSubItems)
+          }
+        }
+      } */
+      window.layerFactory.flyByFeature(val, this.form.dataType.code)
     }
   }
 }

--
Gitblit v1.8.0