巡逻路线播放更改

shuishen

2023-03-09 bedc1d235e6ec600699332cffcb7395178c55d03

巡逻路线播放更改

 src/views/activity/components/videoControlBox.vue

@@ -130,8 +130,6 @@
import { getRegionList, getDevices } from '@/api/video/index.js'

export default {
    props: ['linePosition'],

    data () {
        return {
            valChoosed: '',
@@ -189,10 +187,10 @@
         * @description: 轨迹点击弹窗中，查看视频
         * @return {*}
         */
        watchVideo () {
        watchVideo (linePosition, polygonPosition) {
            const that = this

            const line = this.$turf.lineString(this.linePosition.split(';').filter(item => item != '').map(item => item.split(',').map(i => Number(i))))
            const line = this.$turf.lineString(linePosition.split(';').filter(item => item != '').map(item => item.split(',').map(i => Number(i))))
            // const lineLength = this.$turf.length(line) * 1000
            const chunkLine = this.$turf.lineChunk(line, 0.1)
            let arr = chunkLine.features.reduce((pre, cur) =>
@@ -203,7 +201,7 @@
            const time = arr.filter(item => arr.indexOf(item) == arr.lastIndexOf(item)).length * 16
            const newPostion = arr.filter((item, index) => index == arr.lastIndexOf(item)).join(';')

            this.getRegionList(this.polygonPosition)
            this.getRegionList(polygonPosition)
            this.videoShow = true

            if (tc) {

 src/views/activity/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-03-09 12:09:40
 * @LastEditTime: 2023-03-09 15:22:53
 * @FilePath: \srs-police-affairs\src\views\activity\index.vue
 * @Description: 安保活
 *
@@ -83,7 +83,7 @@

        <map-search-box></map-search-box>

        <video-control-box ref="VIDEOCONTROLBOX" :linePosition="linePosition"></video-control-box>
        <video-control-box ref="VIDEOCONTROLBOX"></video-control-box>

        <div class="plan-control" v-show="dialogVisible && (isHavePolice || isHaveArrow || isHaveLine)">
            <div class="row-box" v-show="isHavePolice">
@@ -265,6 +265,8 @@
let cameraList = []
let carList = []
let drawLabelStatus = 'end'
let curLinePolygonPosition = ''
let curLinePosition = ''

export default {
    inject: ['userInfo'],
@@ -425,7 +427,6 @@
            choosePoliceColor: '#1CA085',
            chooseLineData: {},
            lineWidth: 100,
            linePosition: '',
            isChoosePoliceElementDisabled: false,
            isShowActivityEditBox: false,
            editPlotVisible: false,
@@ -1056,7 +1057,7 @@
        },

        lookStartVideo () {
            this.$refs.VIDEOCONTROLBOX.watchVideo()
            this.$refs.VIDEOCONTROLBOX.watchVideo(curLinePolygonPosition)
        },

        loading () {
@@ -1497,7 +1498,9 @@
            this.lineWidth = e.overlay.attrParams.width != -1 ? e.overlay.attrParams.width : 100
            this.chooseColor = e.overlay.attrParams.color != '' ? e.overlay.attrParams.color : '#1CA085'
            this.policeIconId = e.overlay.attrParams.id
            this.linePosition = e.overlay.attrParams.linePositionStr

            curLinePosition = e.overlay.attrParams.linePositionStr
            curLinePolygonPosition = e.overlay.attrParams.polygonPositionStr

            lineObjdata = e.overlay.attrParams.lineObj