| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-03-02 10:06:06 |
| | | * @LastEditTime: 2023-03-03 15:48:24 |
| | | * @FilePath: \srs-police-affairs\src\views\activity\index.vue |
| | | * @Description: 安保活动 |
| | | * |
| | |
| | | |
| | | <template> |
| | | <div class="activity-page container"> |
| | | <div v-show="boxShow" class="container-content"> |
| | | <div class="title">安保活动</div> |
| | | <div class="search-box"> |
| | | <!-- <div> |
| | | <div class="category">活动类型:</div> |
| | | <div class="category-value"> |
| | | <el-select |
| | | size="small" |
| | | v-model="activityType" |
| | | placeholder="请选择" |
| | | @change="activityTypeChange" |
| | | > |
| | | <el-option |
| | | v-for="item in activityOptions" |
| | | :key="item.dictKey" |
| | | :label="item.dictValue" |
| | | :value="item.dictKey" |
| | | class="activity-option" |
| | | ></el-option> |
| | | </el-select> |
| | | </div> |
| | | </div>--> |
| | | |
| | | <div v-show="boxShow" class="container-content"> |
| | | <div class="title">安保活动</div> |
| | | <div class="search-box"> |
| | | <div> |
| | | <div class="category">选择时间:</div> |
| | | <div class="category-value"> |
| | | <!-- <el-date-picker |
| | | size="small" |
| | | v-model="selectTime" |
| | | type="date" |
| | | placeholder="选择日期" |
| | | style="width:268px" |
| | | ></el-date-picker>--> |
| | | <el-date-picker v-model="selectTime" type="daterange" align="right" unlink-panels |
| | | format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至" |
| | | start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" |
| | |
| | | getCarList () { |
| | | getCarList().then(res => { |
| | | res.data.data.forEach(item => { |
| | | this.policecarOption.push({ value: `${item.id}`, label: `${item.serialNumber}` , carType: `${item.carType}` }) |
| | | this.policecarOption.push({ value: `${item.id}`, label: `${item.serialNumber}`, carType: `${item.carType}` }) |
| | | }) |
| | | }) |
| | | }, |
| | |
| | | if (iconName == 'activity') { |
| | | positionObj = { lng: `${positionArr[0]}`, lat: `${positionArr[1]}`, alt: 0, url: '/img/icon/activity.png' } |
| | | } else if (iconName == 'policeman') { |
| | | positionObj = { lng: `${positionArr[0]}`, lat: `${positionArr[1]}`, alt: 0.05, url: '/img/icon/man3.png', data:data} |
| | | positionObj = { lng: `${positionArr[0]}`, lat: `${positionArr[1]}`, alt: 0.05, url: '/img/icon/man3.png', data: data } |
| | | } else if (iconName == 'policecar') { |
| | | positionObj = { lng: `${positionArr[0]}`, lat: `${positionArr[1]}`, alt: 0.05, url: '/img/icon/car3.png', data:data} |
| | | positionObj = { lng: `${positionArr[0]}`, lat: `${positionArr[1]}`, alt: 0.05, url: '/img/icon/car3.png', data: data } |
| | | } |
| | | return positionObj |
| | | }, |
| | |
| | | flvAddress = 'nodata' |
| | | } |
| | | |
| | | this.playVideoList(`flvPlayer${args}`, `${flvAddress}`, `videoElement${args}`,`${args}`) |
| | | this.playVideoList(`flvPlayer${args}`, `${flvAddress}`, `videoElement${args}`, `${args}`) |
| | | }) |
| | | |
| | | } else { |
| | |
| | | } |
| | | }, |
| | | |
| | | playVideoList (flvItemPlayer, flvUrl, videoEleName,index) { |
| | | playVideoList (flvItemPlayer, flvUrl, videoEleName, index) { |
| | | console.log('flvUrl', flvUrl) |
| | | if (this.flvListPlayer[flvItemPlayer] != null) { |
| | | this.flvListPlayer[flvItemPlayer].pause() |
| | |
| | | flvAddress = 'nodata' |
| | | } |
| | | |
| | | this.playVideoList(`flvPlayer${ind}`, `${flvAddress}`, `videoElement${ind}`,`${ind}`) |
| | | this.playVideoList(`flvPlayer${ind}`, `${flvAddress}`, `videoElement${ind}`, `${ind}`) |
| | | }) |
| | | } else { |
| | | this.isHaveMonitor[`video${ind}`] = false |
| | |
| | | pointMouseOver (e) { |
| | | this.$store.commit('SET_ACTIVITYPOLICEPOPUP', true) |
| | | let hoverData = {} |
| | | if('carId' in e.overlay.attrParams.data){ |
| | | hoverData = this.policecarOption.filter(item=>item.value == e.overlay.attrParams.data.carId)[0] |
| | | hoverData.policeData={'name': 'none'} |
| | | if ('carId' in e.overlay.attrParams.data) { |
| | | hoverData = this.policecarOption.filter(item => item.value == e.overlay.attrParams.data.carId)[0] |
| | | hoverData.policeData = { 'name': 'none' } |
| | | hoverData.policeStationName = 'none' |
| | | }else{ |
| | | let policeArr = this.filterTree (this.policeTreeData) |
| | | hoverData.policeData = policeArr.filter(item=>item.id == e.overlay.attrParams.data.policemanId)[0] |
| | | hoverData.policeStationName = policeArr.filter(item=>item.id == policeArr.filter(item=>item.id == e.overlay.attrParams.data.policemanId)[0].parentId)[0].name |
| | | } else { |
| | | let policeArr = this.filterTree(this.policeTreeData) |
| | | hoverData.policeData = policeArr.filter(item => item.id == e.overlay.attrParams.data.policemanId)[0] |
| | | hoverData.policeStationName = policeArr.filter(item => item.id == policeArr.filter(item => item.id == e.overlay.attrParams.data.policemanId)[0].parentId)[0].name |
| | | hoverData.carType = 'none' |
| | | hoverData.label = 'none' |
| | | } |
| | |
| | | this.$refs.policeTree.filter(val) |
| | | }, |
| | | |
| | | policeChooseVisible(val) { |
| | | if(val){ |
| | | policeChooseVisible (val) { |
| | | if (val) { |
| | | this.$store.commit('SET_ACTIVITYPOLICEPOPUP', false) |
| | | } |
| | | }, |
| | | |
| | | policeChooseCarVisible(val){ |
| | | if(val){ |
| | | policeChooseCarVisible (val) { |
| | | if (val) { |
| | | this.$store.commit('SET_ACTIVITYPOLICEPOPUP', false) |
| | | } |
| | | } |