From 4a80ef5544ff210d9e0aaa4cb1eaf3dba8c39645 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期四, 13 五月 2021 11:14:14 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/develop' into develop

---
 src/components/panel/topicSearch/SolidWasteSearch.vue |   87 ++++++++++++++++++++++++++-----------------
 1 files changed, 53 insertions(+), 34 deletions(-)

diff --git a/src/components/panel/topicSearch/SolidWasteSearch.vue b/src/components/panel/topicSearch/SolidWasteSearch.vue
index 7b78c79..5814b50 100644
--- a/src/components/panel/topicSearch/SolidWasteSearch.vue
+++ b/src/components/panel/topicSearch/SolidWasteSearch.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="sewers-search" v-if="judgeVisible">
-    <div class="search-title">{{title}}</div>
+    <div class="panel-title">{{ title }}</div>
     <div class="search-panel ">
       <el-form ref="form" :model="form" label-width="90px" class="search-form">
         <el-form-item v-for="(item,index) in solidWasteTypeOptions" :key="index" :label="item.label+'锛�'" size="mini"
@@ -15,27 +15,25 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <!--  <div class="search-radio">
-          <el-radio v-model="radio" label="1">鍏ㄩ儴</el-radio>
-          <el-radio v-model="radio" label="2">姝e父</el-radio>
-          <el-radio v-model="radio" label="3">棰勮</el-radio>
-        </div> -->
-        <el-radio-group v-model="form.type" class="levelOfRisk">
-          <el-radio  v-for="(item,index) in levelOfRisk" :label="item.value" :key="index"><span class="levelOfRisk-type">{{item.name}}</span></el-radio>
+        <el-radio-group v-model="form.transferData" class="levelOfRisk">
+          <el-radio v-for="(item,index) in levelOfRisk" :label="item.value" :key="index">
+            <span class="levelOfRisk-type">{{ item.name }}</span>
+          </el-radio>
         </el-radio-group>
-
         <div class="rightButtonSearch">
-          <el-input  v-model="form.keyword" size="mini"  placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"></el-input>
-          <el-buttom class="el-icon-search" @click="handleSearch"></el-buttom>
+          <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:286.22px">
-      <div class="environmental-risk-list" v-for="(item,index) in searchDataDisplay" :key="index" ><!-- v-for="(item,index) in list" :key="index" -->
-        <i class="state"></i>
+      <div class="environmental-risk-list" v-for="(item,index) in searchDataDisplay" :key="index"
+           @click="setBounced(item)">
+        <!--        <i class="state"></i>-->
+        <img src="../../../../public/assets/images/map/solidwaste/gf_green2.png" alt="" class="state">
         <div>
           <h3>###鐐煎寲閮�</h3>
-          <p>鎵�灞為儴闂細<span>鐐煎寲閮�</span></p>
+          <p>鎵�灞為儴闂細<span>{{ item.Name }}</span></p>
           <p>椋庨櫓绾у埆锛�<span>涓夌骇</span></p>
         </div>
       </div>
@@ -46,18 +44,35 @@
 <script>
 
 import mapApi from '@/api/mapApi'
+import WasteSolidIndex from '@/components/BaseNav/WasteSolid/WasteSolidIndex'
 
 export default {
   name: 'SolidWasteSearch',
   props: ['title'],
   data () {
     return {
-      levelOfRisk: [
-        { name: '鍏ㄩ儴', value: '1' },
-        { name: '姝e父', value: '2' },
-        { name: '棰勮', value: '3' }
-      ],
       judgeVisible: true,
+      form: {
+        keyword: '鍥哄簾闈㈡澘鏁版嵁鏌ヨ',
+        // 鏁版嵁鐨勪紶閫�
+        transferData: 1
+      },
+      levelOfRisk: [
+        {
+          name: '鍏ㄩ儴',
+          value: 1
+        },
+        {
+          name: '姝e父',
+          value: 2
+        },
+        {
+          name: '棰勮',
+          value: 3
+        }
+      ],
+      // 鏁版嵁鎼滅储涔嬪悗锛屽瓨鍌ㄦ暟鎹殑
+      searchDataDisplay: [],
       solidWasteTypeOptions: [{
         value: '1',
         label: '鍖哄煙',
@@ -122,25 +137,14 @@
           label: '闀垮害(m)',
           key: 'length'
         }]
-      }],
-      radio: '1',
-      form: {
-        keyword: '鍥哄簾闈㈡澘鏁版嵁鏌ヨ',
-        // 鏁版嵁鐨勪紶閫�
-        transferData: ''
-      },
-      searchDataDisplay: []
+      }]
     }
   },
   methods: {
+    // select鐨刼ption鐨勬暟鎹�夋嫨
     handlePipelineType (val) {
-      // console.log(val)
       this.solidWasteTypeOptions.forEach(item => {
-        // console.log(item.value)
         if (val === item.value) {
-          // console.log('鏁版嵁閫夋嫨鐩稿悓')
-          // 鎺ユ敹鏁版嵁 鐢ㄤ簬涔嬪悗鎺ュ彛鏁版嵁鐨勮皟鐢�
-          // this.form.transferData = item.value
           this.handleSearch(item.value)
         }
       })
@@ -148,9 +152,24 @@
     // 鐐瑰嚮鎼滅储瀹炵幇鏁版嵁鐨勬悳绱㈠睍绀�
     async handleSearch (data) {
       // console.log(this.form.keyword)
-      const result = await mapApi.getSolidWasteSurveyDetail(data)
-      // console.log(result)
+      const result = await mapApi.getSolidWaste(data)
       this.searchDataDisplay = result.Result.DataInfo
+    },
+    // 鏁版嵁灞曠ず,鐐瑰嚮杩涜寮规鍙婄偣鐨勫睍绀�
+    setBounced (val) {
+      // console.log(val)
+      const pos = [val.Latitude, val.Longitude]
+      window.map.flyTo(pos, 15)
+      window.$layer.open({
+        content: {
+          content: WasteSolidIndex, // 缁勪欢
+          parent: this, // 鐖剁粍浠�
+          data: { // 浼犻�掔殑鍙傛暟
+            storagePlaceId: val.StoragePlaceId
+          }
+        },
+        title: val.Name
+      })
     }
   }
 }

--
Gitblit v1.8.0