diff --git a/src/views/stationOperation/components/MapMarker.vue b/src/views/stationOperation/components/MapMarker.vue index 4e840a2..0dee9cb 100644 --- a/src/views/stationOperation/components/MapMarker.vue +++ b/src/views/stationOperation/components/MapMarker.vue @@ -28,6 +28,10 @@ export default { type: Array, required: true }, + currList: { + type: Array, + required: true + }, markerType: { type: Number, default: 1 @@ -151,11 +155,12 @@ export default { // 初始化波纹 initRipples() { - this.list - .filter( - stationInfo => - stationInfo.stationType !== MarkerType.NuclearFacility && stationInfo.stationType !== MarkerType.NRL - ) + console.log("xuanran",this.currList); + this.currList + // .filter( + // stationInfo => + // stationInfo.stationType !== MarkerType.NuclearFacility && stationInfo.stationType !== MarkerType.NRL + // ) .forEach(stationInfo => { this.map.addOverlay(this.getRipple(stationInfo)) }) @@ -236,6 +241,14 @@ export default { } }, watch: { + // list: { + // // 数据变化时执行的逻辑代码 + // handler(newName, oldName) { + // console.log(newName); + // }, + // // 开启深度监听 + // deep: true + // } list() { this.map.getOverlays().clear() this.initMapPopup() @@ -244,6 +257,22 @@ export default { if (this.markerType == 2) { this.initCircles() } + }, + currList: { + handler(newVal, oldVal) { + console.log(newVal); + newVal.forEach(item => { + var layer = this.map.getOverlays().getArray().find(layer=> { + return layer.id === `ripple_${item.stationType}_${item.stationId}`; + }); + console.log("adfasdfadsf",layer); + if (layer) { + this.map.removeOverlay(layer); + } + }) + this.initRipples() + }, + deep:true } } } diff --git a/src/views/stationOperation/index.vue b/src/views/stationOperation/index.vue index 3484244..86f36e2 100644 --- a/src/views/stationOperation/index.vue +++ b/src/views/stationOperation/index.vue @@ -144,7 +144,7 @@ ref="mapRef" token="AAPK2b935e8bbf564ef581ca3c6fcaa5f2a71ZH84cPqqFvyz3KplFRHP8HyAwJJkh6cnpcQ-qkWh5aiyDQsGJbsXglGx0QM2cPm" > - + { setTimeout(() => { this.getDataProvisionEfficiency(this.markerList_clone) + // this.upDateStationList.forEach(item => { + // if (item.quality=="excellent") { + // item.quality="bad" + // } + // }) }, 0); }, 15000); this.$nextTick(() => { @@ -244,19 +250,28 @@ export default { // 查询台站数据提供率及有效率 async getDataProvisionEfficiency(arr) { - this.markerList=[] try { const res = await getAction('/stationOperation/getDataProvisionEfficiency') - console.log("getDataProvisionEfficiency", res); - arr.forEach(item => { - res.result.forEach(data => { - if (parseInt(data.id) == item.stationId) { - item.quality = data.quality + // console.log("getDataProvisionEfficiency", res); + res.result.forEach(item => { + arr.forEach(el => { + if (parseInt(item.id) == el.stationId) { + item.stationType = el.stationType + item.stationId = el.stationId } }) - this.markerList.push(item) }) - console.log("this.markerListthis.markerListthis.markerList",this.markerList); + // console.log(res.result); + this.upDateStationList = res.result + // arr.forEach(item => { + // res.result.forEach(data => { + // if (parseInt(data.id) == item.stationId) { + // item.quality = data.quality + // } + // }) + // this.markerList.push(item) + // }) + // console.log("this.markerListthis.markerListthis.markerList",this.markerList); } catch (error) { console.error(error) }