应急救援指挥对接

liujun0703-新项目开发
liujun 2024-08-08 18:09:38 +08:00
parent 4e93e4083f
commit a8d7c0dccf
5 changed files with 159 additions and 212 deletions

View File

@ -1,41 +1,56 @@
<template>
<div class="infomation_area">
<div class="infomation_title" @click="clickIntoDutyInfoDialog">{{ titleType }}</div>
<table v-if="!isReservePlan" class="infomation_table" cellspacing="0">
<table v-if="(!isReservePlan) && useType === 'dutyInfo'" class="infomation_table" cellspacing="0">
<thead class="infomation_table_thead">
<tr class="infomation_table_thead_tr">
<th class="infomation_table_th">岗位</th>
<th class="infomation_table_th">姓名</th>
<th class="infomation_table_th">{{ phoneType }}</th>
<th class="infomation_table_th">电话</th>
</tr>
</thead>
<tbody class="infomation_table_tbody">
<tr v-for="(item, index) in showInfomationType" :key="index" class="infomation_table_tbody_tr">
<td>{{ item.job }}</td>
<td>{{ item.name }}</td>
<td>{{ item.phone }}</td>
<td>{{ item.PEOPLE_NAME }}</td>
<td>{{ item.PEOPLE_PHONE }}</td>
</tr>
</tbody>
</table>
<table v-if="(!isReservePlan) && useType === 'addressBook'" class="infomation_table" cellspacing="0">
<thead class="infomation_table_thead">
<tr class="infomation_table_thead_tr">
<th class="infomation_table_th">姓名</th>
<th class="infomation_table_th">电话</th>
<th class="infomation_table_th">部门</th>
</tr>
</thead>
<tbody class="infomation_table_tbody">
<tr v-for="(item, index) in showInfomationType" :key="index" class="infomation_table_tbody_tr">
<td>{{ item.NAME }}</td>
<td>{{ item.MOVE_PHONE }}</td>
<td>{{ item.DEPARTMENT }}</td>
</tr>
</tbody>
</table>
<div v-if="isReservePlan" class="reserve_plan">
<div class="reserve_plan_title">应急预案名称: {{ infomations.reservePlan.应急预案名称 }}</div>
<div class="reserve_plan_title">应急预案名称: {{ info.reservePlan.PLANNAME }}</div>
<div class="scroll-box">
<ul class="reserve_plan_ul">
<li>预案编号: {{ infomations.reservePlan.预案编号 }}</li>
<li>适用领域: {{ infomations.reservePlan.适用领域 }}</li>
<li>预案编: {{ info.reservePlan.PLANCODE }}</li>
<li>事件类型: {{ info.reservePlan.EVENTTYPE }}</li>
</ul>
<ul class="reserve_plan_ul">
<li>预案类别: {{ infomations.reservePlan.预案类别 }}</li>
<li>预案级别: {{ infomations.reservePlan.预案级别 }}</li>
<li>预案类: {{ info.reservePlan.PLANTYPE_NAME }}</li>
<li>预案等级: {{ info.reservePlan.PLANGRADE }}</li>
</ul>
<ul class="reserve_plan_ul">
<li>编制单位: {{ infomations.reservePlan.编制单位 }}</li>
<li>编制人: {{ infomations.reservePlan.编制人 }}</li>
<li>重点场所: {{ info.reservePlan.KEYPLACES_ID }}</li>
<li>备注信息: {{ info.reservePlan.BZ }}</li>
</ul>
<ul class="reserve_plan_ul">
<li>发布日期: {{ formatTime }}</li>
<li>发布文号: {{ infomations.reservePlan.发布文号 }}</li>
<li>经度: {{ info.reservePlan.LON }}</li>
<li>纬度: {{ info.reservePlan.LAT }}</li>
</ul>
</div>
</div>
@ -60,10 +75,6 @@ export default {
required: false,
default: false
},
infomations: {
type: Object,
required: true
},
info: {
type: Object,
required: true
@ -102,12 +113,12 @@ export default {
},
showInfomationType: {
get: function() {
return this.useType === 'dutyInfo' ? this.infomations.dutyInfoData : this.infomations.addressBook
return this.useType === 'dutyInfo' ? this.info.dutyInfoData : this.info.addressBook
}
},
formatTime: {
get: function() {
return dayjs(this.infomations.reservePlan.发布日期).format('YYYY-MM-DD')
return dayjs(this.info.reservePlan.发布日期).format('YYYY-MM-DD')
}
}
},

View File

@ -8,13 +8,12 @@
<div class="body_flex_box">
<!-- 左侧面板 -->
<div class="left">
<base-table :infomations="infomations" :info="info" use-type="dutyInfo" />
<base-table :infomations="infomations" use-type="reservePlanInfo" is-reserve-plan />
<base-table :infomations="infomations" use-type="addressBook" />
<base-table :info="info" use-type="dutyInfo"/>
<base-table :info="info" use-type="reservePlanInfo" is-reserve-plan/>
<base-table :info="info" use-type="addressBook"/>
</div>
<!-- 右侧面板 -->
<div class="right">
<!-- <chat /> -->
<sysChat :chat-data="chatData" @orderMessage="handlerOrderMessage"/>
</div>
</div>
@ -35,7 +34,11 @@
</span>
</div>
<div class="control_pointer">
<span v-for="(item, index) in controlPoint" :key="index" style="cursor: pointer;" @click="toggleCheck(item, index)">
<span
v-for="(item, index) in controlPoint"
:key="index"
style="cursor: pointer;"
@click="toggleCheck(item, index)">
<img :src="!item.check ? item.imgUrl : item.check_img" alt="">
<p>{{ item.label }}</p>
</span>
@ -59,99 +62,12 @@ export default {
components: { baseTable, sysChat, DialogIndex },
data() {
return {
info: {},
infomations: {
dutyInfoData: [
{
job: '值班领导',
name: '张三',
phone: '12939029382'
},
{
job: '值班员',
name: '李四',
phone: '14939029382'
},
{
job: '值班司机',
name: '玩股份',
phone: '10939029382'
},
{
job: '值班领导',
name: '张三',
phone: '12939029382'
},
{
job: '值班员',
name: '李四',
phone: '14939029382'
},
{
job: '值班司机',
name: '玩股份',
phone: '10939029382'
},
{
job: '值班领导',
name: '张三',
phone: '12939029382'
},
{
job: '值班员',
name: '李四',
phone: '14939029382'
},
{
job: '值班司机',
name: '玩股份',
phone: '10939029382'
}
],
reservePlan: {
应急预案名称: '项目突发事件处理应急预案',
预案编号: '24590823424',
适用领域: '医疗行业',
预案类别: '自然灾害应急预案',
预案级别: '三级预案',
编制单位: '秦皇岛卓云科技',
编制人: '藏下午',
发布日期: '1722576942074',
发布文号: '234235423'
},
addressBook: [
{
job: '总经理',
name: '张三',
phone: '12939029382'
},
{
job: '总经理',
name: '李四',
phone: '14939029382'
},
{
job: '总经理',
name: '玩股份',
phone: '10939029382'
},
{
job: '总经理',
name: '张三',
phone: '12939029382'
},
{
job: '总经理',
name: '李四',
phone: '14939029382'
},
{
job: '总经理',
name: '玩股份',
phone: '10939029382'
}
]
info: {
dutyInfoData: [],
reservePlan: {},
addressBook: []
},
chatData: [],
infoDialog: {
visible: false,
id: ''
@ -159,19 +75,58 @@ export default {
activeIndex: 0,
rangeList: [20, 50, 100, 500, 1000, 5000],
mapIco: [
{ id: 'e1899a925eb7478653007a9e7d17d588', ico: require('../../../../assets/map/emergency_rescue/point/img1.png') },
{ id: 'ea3555185c6498b2d3d07023de723806', ico: require('../../../../assets/map/emergency_rescue/point/img2.png') },
{ id: '52ddb251b528987c58c4d84fe0d83952', ico: require('../../../../assets/map/emergency_rescue/point/img3.png') },
{ id: '7f3d41464cdf450422ffe385c3aa870e', ico: require('../../../../assets/map/emergency_rescue/point/img4.png') },
{ id: '2ef8327624adad89b2dbf6b2e03ac6ef', ico: require('../../../../assets/map/emergency_rescue/point/img5.png') },
{ id: 'e1899a925eb7478653007a9e7d17d588', ico: require('../../../../assets/map/emergency_rescue/point/img6.png') },
{ id: '122abe9858feaecae1c80d2d851fcd57', ico: require('../../../../assets/map/emergency_rescue/point/img7.png') },
{ id: '637b70684bddcfbee0421db1443a972a', ico: require('../../../../assets/map/emergency_rescue/point/img8.png') },
{ id: '950700c9cd80c5e1b22a6c6cdf63a61d', ico: require('../../../../assets/map/emergency_rescue/point/img9.png') },
{ id: '1edb69abc25785c02e2e475162d65b17', ico: require('../../../../assets/map/emergency_rescue/point/img10.png') },
{ id: 'd25f2cae07902e373b72e74757e7a6ea', ico: require('../../../../assets/map/emergency_rescue/point/img11.png') },
{ id: 'be31acea122c423a9dbb431cc66a1351', ico: require('../../../../assets/map/emergency_rescue/point/img12.png') },
{ id: '759d323be34eae4bd83289b36af9ea47', ico: require('../../../../assets/map/emergency_rescue/point/img13.png') }
{
id: 'e1899a925eb7478653007a9e7d17d588',
ico: require('../../../../assets/map/emergency_rescue/point/img1.png')
},
{
id: 'ea3555185c6498b2d3d07023de723806',
ico: require('../../../../assets/map/emergency_rescue/point/img2.png')
},
{
id: '52ddb251b528987c58c4d84fe0d83952',
ico: require('../../../../assets/map/emergency_rescue/point/img3.png')
},
{
id: '7f3d41464cdf450422ffe385c3aa870e',
ico: require('../../../../assets/map/emergency_rescue/point/img4.png')
},
{
id: '2ef8327624adad89b2dbf6b2e03ac6ef',
ico: require('../../../../assets/map/emergency_rescue/point/img5.png')
},
{
id: 'e1899a925eb7478653007a9e7d17d588',
ico: require('../../../../assets/map/emergency_rescue/point/img6.png')
},
{
id: '122abe9858feaecae1c80d2d851fcd57',
ico: require('../../../../assets/map/emergency_rescue/point/img7.png')
},
{
id: '637b70684bddcfbee0421db1443a972a',
ico: require('../../../../assets/map/emergency_rescue/point/img8.png')
},
{
id: '950700c9cd80c5e1b22a6c6cdf63a61d',
ico: require('../../../../assets/map/emergency_rescue/point/img9.png')
},
{
id: '1edb69abc25785c02e2e475162d65b17',
ico: require('../../../../assets/map/emergency_rescue/point/img10.png')
},
{
id: 'd25f2cae07902e373b72e74757e7a6ea',
ico: require('../../../../assets/map/emergency_rescue/point/img11.png')
},
{
id: 'be31acea122c423a9dbb431cc66a1351',
ico: require('../../../../assets/map/emergency_rescue/point/img12.png')
},
{
id: '759d323be34eae4bd83289b36af9ea47',
ico: require('../../../../assets/map/emergency_rescue/point/img13.png')
}
],
controlPoint: [
{
@ -317,56 +272,8 @@ export default {
//
currSubControlPoint: [],
subControlPointIndex: 0,
chatData: [
[
{
title: '刘大拿0',
content: '7月29日晚清华毕业生马翔宇发出消息称“感谢大家转发目前我仍然是安全的。”并披露了部分录音',
isRead: true,
answers: [
{
personnal: '王晋升',
content: '上班第一天,没有红包怎么开启工作模式?',
isReady: false
},
{
personnal: '六大少',
content: '新年快乐,龙年大吉',
isReady: true
},
{
personnal: '王紧生',
content: '和张云雷送辅助喝',
isReady: false
}
]
}
],
[
{
title: '李彬',
content: '7月29日晚清华毕业生马翔宇发出消息称“感谢大家转发目前我仍然是安全的。”并披露了部分录音',
isRead: true,
answers: [
{
personnal: '张晓武',
content: '上班第一天,没有红包怎么开启工作模式?',
isReady: false
},
{
personnal: '里核心',
content: '新年快乐,龙年大吉',
isReady: true
},
{
personnal: '干呼气',
content: '和张云雷送辅助喝',
isReady: true
}
]
}
]
]
webSocket: {},
REPORT_ID: '1'
}
},
mounted() {
@ -378,7 +285,9 @@ export default {
this.currSubControlPoint = this.subControlPoint['0']
},
created() {
this.REPORT_ID = this.$route.query.REPORT_ID
this.initInfo()
this.initWebsocket()
},
methods: {
/** 地图初始化 */
@ -402,16 +311,6 @@ export default {
const icon = new window.BMapGL.Icon(config.fileUrl + anchor.iconUrl, imageSize, { imageSize })
const point = new window.BMapGL.Point(anchor.longitude, anchor.latitude)
const marker = new window.BMapGL.Marker(point, { icon }) //
// const anchorOpts = {
// width: 90,
// height: 70,
// title: ''
// }
// const infoWindow = new window.BMapGL.InfoWindow(`<p">: ${anchor.name || ''}</p>`, anchorOpts)
// marker.addEventListener('mouseover', () => {
// mapInstance.openInfoWindow(infoWindow, point)
// })
marker.addEventListener('click', async() => {
this.infoDialog.visible = true
})
@ -504,7 +403,8 @@ export default {
requestFN('/major/comprehensive/accidentList')
.then((data) => {
resolve(data)
}).catch((e) => { })
}).catch((e) => {
})
})
},
//
@ -552,11 +452,36 @@ export default {
}
).then((data) => {
console.log(data)
if (data.result === 'success') {
//
this.info.dutyInfoData = data.dutyList
//
this.info.reservePlan = data.planInfo
this.info.addressBook = data.addressBookList
this.chatData = data.instructList
console.log(data.instructList)
}
loading.close()
}).catch((e) => {
console.log(e)
loading.close()
})
},
initWebsocket() {
const wsUrl = config.YjSysUrl + '/yjMessage/' + this.REPORT_ID
this.webSocket = new WebSocket(encodeURI(wsUrl))
this.webSocket.onopen = () => {
console.info('指挥调度的webSocket链接成功')
}
this.webSocket.onerror = function() {
console.info('指挥调度的webSocket连接失败')
this.$message.error('消息链接失败!')
}
var _this = this
this.webSocket.onmessage = function(message) {
console.log(message)
_this.initInfo()
}
}
}
}

View File

@ -1,17 +1,15 @@
<template>
<div class="sys_chat_container">
<div v-for="(item, ind) in chatData" :key="ind">
<div v-for="(itemChild, index) in item" :key="index" class="chat_body">
<p class="chat_title">{{ itemChild.title }}</p>
<p :class="{ 'ready': itemChild.isRead }" class="chat_content">{{ itemChild.content }}</p>
<p v-for="(answer, indx) in itemChild.answers" :key="indx" :class="{ 'ready': answer.isReady}" class="chat_item">
<span class="chat_item_head">{{ answer.personnal }}回复: </span>
<span class="chat_item_content">{{ answer.content }}</span>
<span v-if="answer.isReady" class="chat_ready"></span>
<div v-for="(item, ind) in chatData" :key="ind" class="chat_body">
<p class="chat_title">{{ item.info.MESS }}</p>
<p v-for="(answer, indx) in item.list" :key="indx" :class="{ 'ready': answer.READ_STATUS === '1'}" class="chat_item">
<span v-if="answer.IDENT_SIGN === '1'" class="chat_item_head">{{ answer.RECEIVED_MEN_NAME + ' :' }} </span>
<span v-if="answer.IDENT_SIGN === '1'" class="chat_item_content">{{ answer.MESS }}</span>
<span v-if="answer.IDENT_SIGN === '2'" class="chat_item_head">{{ answer.RECEIVED_MEN_NAME + ' :' }}</span>
<span v-if="answer.READ_STATUS === '1'" class="chat_ready"></span>
<span v-if="answer.READ_STATUS === '0'" class="chat_ready"></span>
</p>
</div>
</div>
<div class="order">
<button @click="sendOrderBtn"></button>
</div>
@ -51,9 +49,11 @@ export default {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
&::-webkit-scrollbar {
display: none;
}
color: #ffffff;
font-size: 15px;
position: relative;
@ -156,7 +156,8 @@ export default {
border: none;
background-color: #5f78ff47;
color: #fff;
font-weight: 600;backdrop-filter: blur(16px);
font-weight: 600;
backdrop-filter: blur(16px);
&:hover {
background-color: #5f77ff75;

View File

@ -766,7 +766,12 @@ export default {
})
},
sendSMS(planId, responseId, registrationId) {
return requestFN('/major/registration/sendSMS', { planId, responseId, registrationId })
requestFN('/major/registration/sendSMS', { planId, responseId, registrationId })
.then((data) => {
this.$router.push({ path: '/emergen_cyrescue/incident_management', query: { a: '' }})
}).catch((e) => {
console.error('获取树形数据失败', e)
})
},
handleRegionChange(value) {
const selectedRegion = this.regionData.find(region => region.DICTIONARIES_ID === value)

View File

@ -14,15 +14,16 @@
<el-table ref="multipleTable" :data="varList" :header-cell-style="{'font-weight': 'bold','color': '#000'}" tooltip-effect="dark" border fit highlight-current-row>
<el-table-column type="selection" width="55" align="center" />
<el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column prop="EVENT_NAME" label="事件标题" width="180" />
<el-table-column v-if="false" prop="EVENT_NAME" label="事件标题" width="180" />
<el-table-column prop="INCOMING_PHONE" label="接入电话" show-overflow-tooltip="true" />
<el-table-column prop="OWNER_NAME" label="机主姓名" show-overflow-tooltip="true" />
<el-table-column prop="ACCESS_MODE" label="接入方式" show-overflow-tooltip="true" />
<el-table-column prop="EVENT_TYPE" label="事件类型" show-overflow-tooltip="true" />
<el-table-column prop="CALLER_ADDRESS" label="主叫地址" show-overflow-tooltip="true" />
<el-table-column v-if="false" prop="CALLER_ADDRESS" label="主叫地址" show-overflow-tooltip="true" />
<el-table-column label="操作" align="center" width="300">
<template slot-scope="{ row }">
<el-button type="primary" icon="el-icon-document" size="mini" @click="goList('detail', row.ID, '1')">查看</el-button>
<el-button v-if="row.RESCUE_SITUATION === '1'" type="primary" icon="el-icon-document" size="mini" @click="command('detail', row.ID, '1')"></el-button>
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.ID, row.NAME)">删除</el-button>
</template>
</el-table-column>
@ -67,6 +68,7 @@ export default {
},
created() {
this.getList()
console.log(this.$route.query)
},
methods: {
getQuery() {
@ -82,6 +84,9 @@ export default {
this.$parent.CASE_ID = CASE_ID
this.$parent.ticketType = ticketType
},
command(row) {
this.$router.push({ path: '/emergen_cyrescue/emergency_map', query: { REPORT_ID: row.ID }})
},
getDetail(id) {
const params = { Id: id }
requestFN('/major/dutylog/detail', params).then((response) => {