From e5f105b1acb3c63df8aac97ce1c67ad070c0de2d Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期四, 15 四月 2021 11:03:21 +0800
Subject: [PATCH] 废气图标
---
src/components/panel/topicSearch/GasWasteSearch.vue | 46 ++++++++++++++++++++++++++++++++++++++--------
1 files changed, 38 insertions(+), 8 deletions(-)
diff --git a/src/components/panel/topicSearch/GasWasteSearch.vue b/src/components/panel/topicSearch/GasWasteSearch.vue
index 443be7f..039db27 100644
--- a/src/components/panel/topicSearch/GasWasteSearch.vue
+++ b/src/components/panel/topicSearch/GasWasteSearch.vue
@@ -65,7 +65,7 @@
</div>
<el-scrollbar style="height:264px">
<div class="environmental-risk-list" v-for="(item,index) in list" :key="index" @click="handleLocation(item)"><!-- -->
- <i class="state"></i>
+ <img src="../../../../public/assets/images/map/exhaust/fq_green2.png" alt="" class="state"/>
<div>
<h3>###鐐煎寲閮�</h3>
<p>鎵�灞為儴闂細<span>鐐煎寲閮�</span></p>
@@ -99,6 +99,7 @@
<script>
import mapApi from '@/api/mapApi'
import publicBounced from '@/components/BaseNav/PublicBounced/PublicBounced'// import WfsHelper from '@components/helpers/WfsHelper'
+import ImagGreen from '../../../../public/assets/images/map/exhaust/fq_green2.png'
export default {
name: 'GasWasteSearch',
data () {
@@ -156,16 +157,32 @@
pipelineType: this.form.pipelineType,
dataType: this.form.dataType
}
- console.log(param)
- const res = await mapApi.getWasteGas()
- console.log(res)
+ // console.log(param)
+ const res = await mapApi.getWasteGas(param)
+ // console.log(res)
this.list = res.Result.DataInfo
},
// 寮圭獥灞曠ず
async handleLocation (val) {
console.log(val)
const pos = [val.Latitude, val.Longitude]
- window.map.flyTo(pos, 11)
+ window.map.flyTo(pos, 13)
+ const positionX = val.Latitude
+ const positionY = val.Longitude
+
+ // 瀹氫箟绫诲瀷 鐢ㄦ潵鍖哄垎鏁版嵁鐨勪笉鍚� 1.鎺ュ彛鎺ュ彛鏁版嵁鏉ヨ繘琛屾暟鎹殑鍒ゆ柇 2.鏍规嵁鏁版嵁绫诲瀷鐨勪笉鍚岋紝杩涜涓嶅悓绫诲瀷鐨勫浘鐗囨樉绀�
+ const ContrLevel = val.ContrLevel
+ var iconUrl = this.differentTypes(ContrLevel)
+
+ const marker = this.L.marker([positionX, positionY], {
+ // totransferData: this.searchDataDisplay[i],
+ icon: this.L.icon({
+ iconUrl: iconUrl,
+ iconSize: [30, 30],
+ iconAnchor: [15, 15]
+ })
+ })
+ this.layer.addLayer(marker)
const t1 = setTimeout(async () => {
const dataValue = {
StoragePlaceId: val.StoragePlaceId
@@ -189,10 +206,7 @@
endTime: ' 2020-04-07 15:13:20'
}
const ManualData = await mapApi.getWasteGasManualData(GasManualData)
- console.log(ManualData)
const Mondata = await mapApi.getWasteGasMonData(GasOnlinedata)
- // console.log(Mondata)
- // const result = await mapApi.getWasteGasDetails(dataValue)
// 缁戝畾寮规瀹炰緥
this.instance && this.instance.closePopup()
const PublicBounced = window.Vue.extend(publicBounced)
@@ -204,6 +218,22 @@
// this.setPanTo(pos, 250)
}, 1000)
console.log(t1)
+ },
+ // 涓嶅悓绫诲瀷鍥剧墖鍔犺浇
+ differentTypes (ContrLevel) {
+ var effectOfChange
+ /*
+ if (ContrLevel === 1) {
+ effectOfChange = ImgBlue
+ } else if (ContrLevel === 2) {
+ */
+ effectOfChange = ImagGreen
+ // } else if (ContrLevel === 3) {
+ // effectOfChange = ImagBright
+ // } else {
+ // effectOfChange = ImgGray
+ // }
+ return effectOfChange
}
}
}
--
Gitblit v1.8.0