|
@@ -99,7 +99,7 @@
|
|
<dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;"/>
|
|
<dv-decoration-3 style="width:150px;height:15px;margin-right: 1rem;"/>
|
|
</div>
|
|
</div>
|
|
<div class="i-list-con h-25">
|
|
<div class="i-list-con h-25">
|
|
- <div class="d-l-con" v-for="(item,index) in keyAreaList" @click="">
|
|
|
|
|
|
+ <div class="d-l-con" v-for="(item,index) in keyAreaList" :class="{on:listCurrentIndex3 == index}" @click="getRegionalFlag(item.id)">
|
|
<div class="d-l-l-text">
|
|
<div class="d-l-l-text">
|
|
<i class="i-small"></i>
|
|
<i class="i-small"></i>
|
|
<h4>{{ item.areaName }}</h4>
|
|
<h4>{{ item.areaName }}</h4>
|
|
@@ -132,7 +132,8 @@
|
|
import {
|
|
import {
|
|
selectDeviceType,
|
|
selectDeviceType,
|
|
selectCameraByDeptId,
|
|
selectCameraByDeptId,
|
|
- selectKeyAreaList
|
|
|
|
|
|
+ selectKeyAreaList,
|
|
|
|
+ getRegionalFlag
|
|
} from '@/api/monitor'
|
|
} from '@/api/monitor'
|
|
|
|
|
|
import supermap from '@/components/supermap' //超图
|
|
import supermap from '@/components/supermap' //超图
|
|
@@ -183,6 +184,7 @@ export default {
|
|
iconCurrentIndex1: '-1',
|
|
iconCurrentIndex1: '-1',
|
|
listCurrentIndex1: '-1',
|
|
listCurrentIndex1: '-1',
|
|
listCurrentIndex2: '-1',
|
|
listCurrentIndex2: '-1',
|
|
|
|
+ listCurrentIndex3: '-1',
|
|
/** ----------------------------------摄像头预览开始------------------------------------- */
|
|
/** ----------------------------------摄像头预览开始------------------------------------- */
|
|
//大华
|
|
//大华
|
|
activePanel: 'key1',
|
|
activePanel: 'key1',
|
|
@@ -216,6 +218,38 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ selectKeyAreaList() {
|
|
|
|
+ this.keyAreaList=[]
|
|
|
|
+ //获取重点区域列表
|
|
|
|
+ let that = this
|
|
|
|
+ selectKeyAreaList().then(res => {
|
|
|
|
+ that.keyAreaList = res.data
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ getRegionalFlag(id){
|
|
|
|
+ //获取重点区域
|
|
|
|
+ this.listCurrentIndex3=id
|
|
|
|
+ let that = this
|
|
|
|
+ getRegionalFlag(id).then(res => {
|
|
|
|
+ that.graphicsList=[]
|
|
|
|
+ //地图标记
|
|
|
|
+ if (res.data != null && res.data.length > 0) {
|
|
|
|
+ for (let i = 0; i < res.data.length; i++) {
|
|
|
|
+ let latlng = {
|
|
|
|
+ lat: res.data[i].lat,
|
|
|
|
+ lng: res.data[i].lng
|
|
|
|
+ }
|
|
|
|
+ that.graphicsList.push(latlng)
|
|
|
|
+ }
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ that.$refs.supermap.clearG()
|
|
|
|
+ that.$refs.supermap.setGraphicsList(this.graphicsList, 'red')
|
|
|
|
+ }, 1000)
|
|
|
|
+ } else {
|
|
|
|
+ that.$refs.supermap.clearG()
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
/** ----------------------------------底部按钮公用组件开始------------------------------------- */
|
|
/** ----------------------------------底部按钮公用组件开始------------------------------------- */
|
|
showDialog(click) {
|
|
showDialog(click) {
|
|
if (click == 'eventLocation') {
|
|
if (click == 'eventLocation') {
|
|
@@ -374,13 +408,6 @@ export default {
|
|
}]
|
|
}]
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- selectKeyAreaList() {
|
|
|
|
- //获取重点区域
|
|
|
|
- let that = this
|
|
|
|
- selectKeyAreaList().then(res => {
|
|
|
|
- that.keyAreaList = res
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
selectDeviceType(index) {
|
|
selectDeviceType(index) {
|
|
this.iconCurrentIndex1 = index
|
|
this.iconCurrentIndex1 = index
|
|
//获取左侧动态感知设备
|
|
//获取左侧动态感知设备
|