| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2022-09-20 17:57:24 |
| | | * @LastEditTime: 2022-09-20 18:05:18 |
| | | * @FilePath: \srs-police-affairs\src\views\house\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | return { |
| | | searchHouse: '', |
| | | navType: 0, |
| | | arr: [{ 'name': '物品遗失', 'time': '2022-1-2', 'type': '入室盗窃', '属性1': '值1', '属性2': '值2', '属性3': '值3', '属性4': '值4', '属性5': '值5' }, { 'name': '连环追尾', 'time': '2022-2-3', 'type': '交通事故', '属性1': '值1', '属性2': '值2', '属性3': '值3', '属性4': '值4', '属性5': '值5' }, { 'name': '打群架', 'time': '2022-3-4', 'type': '打架斗殴', '属性1': '值1', '属性2': '值2', '属性3': '值3', '属性4': '值4', '属性5': '值5' }], |
| | | arr: [ |
| | | { |
| | | name: '物品遗失', |
| | | time: '2022-1-2', |
| | | type: '入室盗窃', |
| | | attribute: '值1', |
| | | '属性2': '值2', |
| | | '属性3': '值3', |
| | | '属性4': '值4', |
| | | '属性5': '值5' |
| | | }, |
| | | { |
| | | name: '连环追尾', |
| | | time: '2022-2-3', |
| | | type: '交通事故', |
| | | attribute: '值1', |
| | | '属性2': '值2', |
| | | '属性3': '值3', |
| | | '属性4': '值4', |
| | | '属性5': '值5' |
| | | }, |
| | | { |
| | | name: '打群架', |
| | | time: '2022-3-4', |
| | | type: '打架斗殴', |
| | | '属性1': '值1', |
| | | '属性2': '值2', |
| | | '属性3': '值3', |
| | | '属性4': '值4', |
| | | '属性5': '值5' |
| | | } |
| | | ], |
| | | dialogVisible: false, |
| | | JWdetails: {}, |
| | | apartmentOptions: [{ |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <el-dialog |
| | | :title="dialogTitle" |
| | | :modal="true" |
| | | :visible.sync="dialogVisible" |
| | | :before-close="dialogBeforeClose" |
| | | :close-on-click-modal="true" |
| | | class="car-video-box" |
| | | > |
| | | <div |
| | | style="display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;" |
| | | > |
| | | <video |
| | | src="/video/sp.mp4" |
| | | autoplay |
| | | controls |
| | | width="100%" |
| | | height="100%" |
| | | ref="videoElement" |
| | | style="object-fit: fill" |
| | | ></video> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | currentPage: 1, |
| | | pagesize: 13, |
| | | arr: [], |
| | | arr2: [] |
| | | |
| | | arr2: [], |
| | | dialogTitle: '', |
| | | dialogVisible: false, |
| | | } |
| | | }, |
| | | created () { |
| | |
| | | lat: lat, |
| | | alt: 100, |
| | | url: '/img/icon/car.png' |
| | | } |
| | | }, |
| | | incident: this.siteClick |
| | | }) |
| | | |
| | | let carNum = Math.random() * 5000000 + '' |
| | |
| | | lat: item.lat, |
| | | alt: 100, |
| | | url: item.url |
| | | } |
| | | }, |
| | | incident: this.siteClick |
| | | }) |
| | | }) |
| | | } else { |
| | |
| | | lat: item.lat, |
| | | alt: 100, |
| | | url: item.url |
| | | } |
| | | }, |
| | | incident: this.siteClick |
| | | }) |
| | | }) |
| | | } |
| | |
| | | siteJd: row.lng, |
| | | siteWd: row.lat |
| | | }) |
| | | } |
| | | }, |
| | | |
| | | siteClick (e) { |
| | | this.dialogTitle = e.overlay.attrParams.name |
| | | this.dialogVisible = true |
| | | |
| | | if (this.$refs.videoElement && this.$refs.videoElement != null) { |
| | | this.$refs.videoElement.currentTime = 0 |
| | | this.$refs.videoElement.play() |
| | | } |
| | | }, |
| | | |
| | | dialogBeforeClose () { |
| | | this.$refs.videoElement.pause() |
| | | this.dialogVisible = false |
| | | }, |
| | | }, |
| | | |
| | | destroyed () { |
| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2022-09-20 17:46:02 |
| | | * @LastEditTime: 2022-09-20 18:01:35 |
| | | * @FilePath: \srs-police-affairs\src\views\video\index.vue |
| | | * @Description: 辖区管理 |
| | | * |