| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-02-24 14:33:12 |
| | | * @LastEditTime: 2023-02-28 15:07:24 |
| | | * @FilePath: \srs-police-affairs\src\views\activity\index.vue |
| | | * @Description: 安保活动 |
| | | * |
| | |
| | | v-model="activityType" |
| | | placeholder="请选择" |
| | | @change="activityTypeChange" |
| | | > |
| | | <el-option |
| | | v-for="item in activityOptions" |
| | | :key="item.dictKey" |
| | | :label="item.dictValue" |
| | | > |
| | | <el-option |
| | | v-for="item in activityOptions" |
| | | :key="item.dictKey" |
| | | :label="item.dictValue" |
| | | :value="item.dictKey" |
| | | class="activity-option" |
| | | ></el-option> |
| | |
| | | <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>--> |
| | | 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" |
| | |
| | | <ul> |
| | | <li> |
| | | <!-- <el-button |
| | | title="路线绘制" |
| | | @click="draw('billboard', 'policeman')" |
| | | icon="el-icon-my-route" |
| | | ></el-button>--> |
| | | title="路线绘制" |
| | | @click="draw('billboard', 'policeman')" |
| | | icon="el-icon-my-route" |
| | | ></el-button>--> |
| | | <button @click="draw('polyline', 'policecar')" title="巡逻路线"> |
| | | <img src="../../../public/img/icon/route1.png" style="height:100%" /> |
| | | </button> |
| | |
| | | } |
| | | }) |
| | | } |
| | | },{material: global.DC.Color.RED}) |
| | | }, { material: global.DC.Color.RED }) |
| | | }, |
| | | |
| | | // 删除所有地图绘制元素 |
| | |
| | | } |
| | | }) |
| | | } |
| | | },{material: global.DC.Color.RED}) |
| | | }, { material: global.DC.Color.RED }) |
| | | } else { |
| | | arrowPlot && arrowPlot.draw(type, overlay => { |
| | | if (overlay) { |
| | |
| | | this.addSecurityPlot(this.showingSecurityId, position, plotType) |
| | | }) |
| | | } |
| | | },{material: global.DC.Color.RED}) |
| | | }, { material: global.DC.Color.RED }) |
| | | } |
| | | }, |
| | | |
| | |
| | | drawArrowLayers.clear() |
| | | }, |
| | | |
| | | // 播放轨迹 |
| | | /** |
| | | * @description: 轨迹开始 |
| | | * @return {*} |
| | | */ |
| | | play () { |
| | | // polylineAreaLayer.show = true |
| | | |
| | | tc.play() |
| | | this.view('1', -20, 400) |
| | | }, |
| | |
| | | } |
| | | }, |
| | | |
| | | // 观看视频 |
| | | /** |
| | | * @description: 轨迹点击弹窗中,查看视频 |
| | | * @return {*} |
| | | */ |
| | | watchVideo () { |
| | | const line = this.$turf.lineString(this.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 newPostion = chunkLine.features.reduce((pre, cur) => |
| | | pre.concat(cur.geometry.coordinates) |
| | | , []) |
| | | newPostion = newPostion.filter((item, index) => index == newPostion.lastIndexOf(item)) |
| | | |
| | | this.getRegionList(this.polygonPosition) |
| | | this.videoShow = true |
| | | |
| | | if (tc) { |
| | | tc.clear() |
| | | } |
| | | |
| | | tc = new global.DC.TrackController(global.viewer) |
| | | track = new global.DC.Track(this.linePosition, 15) |
| | | |
| | | track = new global.DC.Track(newPostion, 100) |
| | | |
| | | track.setModel('/model/qiche.gltf', { |
| | | scale: 0.5 |
| | | }) |
| | | |
| | | tc.addTrack(track) |
| | | this.lineEditVisible = false |
| | | }, |