<!--
|
* @Author: shuishen 1109946754@qq.com
|
* @Date: 2024-01-17 16:04:08
|
* @LastEditors: shuishen 1109946754@qq.com
|
* @LastEditTime: 2024-12-20 14:42:37
|
* @FilePath: \srs-police-affairs\src\components\policeInforDialog\index.vue
|
* @Description:
|
*
|
* Copyright (c) 2024 by shuishen, All Rights Reserved.
|
-->
|
<template>
|
<el-dialog title="警情信息" :visible.sync="policeSituationVisible" :modal-append-to-body="false"
|
:before-close="policeSituationBeforeClose" :modal="true" :close-on-click-modal="false"
|
class="policeSituation-details-box">
|
<div class="btn-change">
|
<div :class="{ on: policeInformationType == '接警信息' }" @click="alarmOrActAsPolice('接警信息')">接警信息</div>
|
<div :class="{ on: policeInformationType == '出警信息' }" @click="alarmOrActAsPolice('出警信息')">出警信息</div>
|
</div>
|
|
<div v-show="policeInformationType == '接警信息'" class="box">
|
<div class="item">
|
<div>接警单位编号:</div>
|
<div>{{ policeSituationDetailObj.JJDWBH }}</div>
|
</div>
|
<div class="item">
|
<div>接警单位名称:</div>
|
<div>{{ policeSituationDetailObj.JJDWMC }}</div>
|
</div>
|
<div class="item">
|
<div>接警单编号:</div>
|
<div>{{ policeSituationDetailObj.JJDBH }}</div>
|
</div>
|
<div class="item">
|
<div>接警员编号:</div>
|
<div>{{ policeSituationDetailObj.JJYBH }}</div>
|
</div>
|
<div class="item">
|
<div>接警员姓名:</div>
|
<div>{{ policeSituationDetailObj.JJYXM }}</div>
|
</div>
|
<div class="item">
|
<div>报警时间:</div>
|
<div>{{ policeSituationDetailObj.BJSJ }}</div>
|
</div>
|
<div class="item">
|
<div>报警电话:</div>
|
<div>{{ policeSituationDetailObj.LXDH }}</div>
|
</div>
|
<div class="item">
|
<div>报警人姓名:</div>
|
<div>{{ policeSituationDetailObj.BJRXM }}</div>
|
</div>
|
<div class="item">
|
<div>报警类别:</div>
|
<div>{{ policeSituationDetailObj.BJLB }}</div>
|
</div>
|
|
<div class="item">
|
<div>报警类型:</div>
|
<div>{{ policeSituationDetailObj.jqlxName }}</div>
|
</div>
|
|
<div class="dialog-content">
|
<div>事发地址:</div>
|
<div>{{ policeSituationDetailObj.SFDZ }}</div>
|
</div>
|
|
<div class="dialog-content">
|
<div>报警内容:</div>
|
<div>{{ policeSituationDetailObj.BJNR }}</div>
|
</div>
|
|
<div class="dialog-content">
|
<div>备注:</div>
|
<div>{{ policeSituationDetailObj.MEMO }}</div>
|
</div>
|
</div>
|
|
<div v-show="policeInformationType == '出警信息' && JSON.stringify(CJdata) != '{}'" class="box">
|
<div class="item">
|
<div>处警单位编号:</div>
|
<div>{{ CJdata.CJDWBH }}</div>
|
</div>
|
<div class="item">
|
<div>处警单位名称:</div>
|
<div>{{ CJdata.CJDWMC }}</div>
|
</div>
|
<div class="item">
|
<div>处警单编号:</div>
|
<div>{{ CJdata.CJDBH }}</div>
|
</div>
|
<div class="item">
|
<div>处警员编号:</div>
|
<div>{{ CJdata.CJYBH }}</div>
|
</div>
|
<div class="item">
|
<div>处警员姓名:</div>
|
<div>{{ CJdata.CJYXM }}</div>
|
</div>
|
<div class="item">
|
<div>接警时间:</div>
|
<div>{{ CJdata.JJSJ }}</div>
|
</div>
|
<div class="item">
|
<div>到达现场时间:</div>
|
<div>{{ CJdata.DDXCSJ }}</div>
|
</div>
|
<div class="item">
|
<div>首次反馈时间:</div>
|
<div>{{ CJdata.SCFKSJ }}</div>
|
</div>
|
<div class="item">
|
<div>处理完毕时间:</div>
|
<div>{{ CJdata.CLWBSJ }}</div>
|
</div>
|
<div class="item">
|
<div>出动人员:</div>
|
<div>{{ CJdata.CDRY }}</div>
|
</div>
|
<div class="item">
|
<div>出动车辆:</div>
|
<div>{{ CJdata.CDCL }}</div>
|
</div>
|
|
<div class="item">
|
<div>处警类型:</div>
|
<div>{{ CJdata.CJLX }}</div>
|
</div>
|
|
<div class="dialog-content">
|
<div>备注:</div>
|
<div>{{ CJdata.MEMO }}</div>
|
</div>
|
</div>
|
|
<div v-show="policeInformationType == '出警信息' && JSON.stringify(CJdata) == '{}'" class="box no-data">暂无警情</div>
|
</el-dialog>
|
</template>
|
|
<script>
|
import { getActAsPoliceList } from "@/api/home/index.js"
|
|
export default {
|
name: 'policeInforDialog',
|
|
data () {
|
return {
|
policeInformationType: '接警信息',
|
policeSituationDetailObj: {},
|
policeSituationVisible: false,
|
|
CJdata: {},
|
}
|
},
|
|
computed: {
|
},
|
|
methods: {
|
// 打开弹窗初始化数据
|
initOpen (e) {
|
this.policeSituationDetailObj = e
|
this.policeInformationType = '接警信息'
|
this.policeSituationVisible = true
|
},
|
|
// 接出警切换
|
alarmOrActAsPolice (type) {
|
this.policeInformationType = type
|
|
if (type == '出警信息') {
|
this.CJdata = {}
|
|
getActAsPoliceList(this.policeSituationDetailObj.JJDBH, this.userInfo.dept_id).then(res => {
|
if (res.data.data.records.length > 0) {
|
this.CJdata = res.data.data.records[0]
|
}
|
})
|
}
|
},
|
},
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
:deep(.el-image__error) {
|
height: 120px;
|
}
|
|
.flex {
|
display: flex;
|
}
|
|
.f-d-c {
|
flex-direction: column;
|
}
|
|
.flex-1 {
|
height: 0;
|
flex: 1;
|
}
|
</style>
|
