<template>
|
<el-row>
|
<div class="p-events-auto">
|
<OptionLocation :level="3" :width="170" v-model="locations"></OptionLocation>
|
<OptionSceneType :type="2" :width="120" v-model="sceneType"></OptionSceneType>
|
<OptionTime v-model="time"></OptionTime>
|
</div>
|
</el-row>
|
</template>
|
|
<script>
|
import { inject } from 'vue'
|
import taskApi from '@/api/fysp/taskApi.js'
|
import marks from '@/utils/map/marks.js'
|
import scene_1 from '@/assets/icon/scene_1.png'
|
/**
|
* 监管可视化
|
* 展现区域整体监管状态
|
*/
|
export default {
|
setup() {
|
const mapHeight = inject('mapHeight')
|
|
const height = 'height:' + mapHeight
|
return { height, mapHeight }
|
},
|
props: {},
|
data() {
|
return {
|
locations: {},
|
sceneType: {},
|
time: ''
|
}
|
},
|
computed: {
|
area() {
|
return {
|
provincecode: this.locations.pCode,
|
provincename: this.locations.pName,
|
citycode: this.locations.cCode,
|
cityname: this.locations.cName,
|
districtcode: this.locations.dCode,
|
districtname: this.locations.dName,
|
starttime: this.$fm.formatYMDH(this.time),
|
scensetypeid: this.sceneType.value
|
}
|
}
|
},
|
methods: {
|
// 查询
|
fetchSubtaskSummaryArea() {
|
return taskApi.fetchSubtaskSummaryArea(this.area).then((res) => {
|
let list = []
|
res.data.forEach((e) => {
|
list = list.concat(e.subTaskSummary)
|
})
|
this.newLabelMasks(list)
|
})
|
},
|
newLabelMasks(data) {
|
marks.createLabelMarks(scene_1, data)
|
}
|
},
|
mounted() {
|
this.fetchSubtaskSummaryArea()
|
}
|
}
|
</script>
|
|
<style scoped></style>
|
