shuishen
2022-09-20 b011c4696df029f4a8c7a504afd046b8fe4c7cad
社区感知调整
3 files modified
91 ■■■■■ changed files
src/views/house/index.vue 35 ●●●●● patch | view | raw | blame | history
src/views/police/index.vue 54 ●●●● patch | view | raw | blame | history
src/views/video/index.vue 2 ●●● patch | view | raw | blame | history
src/views/house/index.vue
@@ -2,7 +2,7 @@
 * @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: 小区-栋-层-房屋
 * 
@@ -301,7 +301,38 @@
        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: [{
src/views/police/index.vue
@@ -85,6 +85,29 @@
                </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>
@@ -97,8 +120,9 @@
            currentPage: 1,
            pagesize: 13,
            arr: [],
            arr2: []
            arr2: [],
            dialogTitle: '',
            dialogVisible: false,
        }
    },
    created () {
@@ -130,7 +154,8 @@
                        lat: lat,
                        alt: 100,
                        url: '/img/icon/car.png'
                    }
                    },
                    incident: this.siteClick
                })
                let carNum = Math.random() * 5000000 + ''
@@ -167,7 +192,8 @@
                            lat: item.lat,
                            alt: 100,
                            url: item.url
                        }
                        },
                        incident: this.siteClick
                    })
                })
            } else {
@@ -186,7 +212,8 @@
                            lat: item.lat,
                            alt: 100,
                            url: item.url
                        }
                        },
                        incident: this.siteClick
                    })
                })
            }
@@ -198,7 +225,22 @@
                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 () {
src/views/video/index.vue
@@ -2,7 +2,7 @@
 * @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: 辖区管理
 *