guoyuepeng
/
qa-prevention-gwj-vue
1
0
Fork 3
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

救援新增不救援选项

liujun0703-新项目开发
liujun 2024-08-13 10:41:53 +08:00
parent 29e6d5cd4f
commit 4a07455a1d
1 changed files with 104 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

165
src/views/emergen_cyrescue/emergency_report/incident_report/components/list.vue
View File

@ -3,10 +3,10 @@
<div class="filter-container">
<el-form inline>
<el-form-item label="事件标题：" prop="EVENT_NAME">
<el-input v-model="EVENT_NAME" placeholder="事件编号" class="filter-item" style="width: 200px;" />
<el-input v-model="EVENT_NAME" placeholder="事件编号" class="filter-item" style="width: 200px;"/>
</el-form-item>
<el-form-item label="事件类型：" prop="EVENT_TYPE">
<el-input v-model="EVENT_TYPE" placeholder="事件类型" class="filter-item" style="width: 200px;" />
<el-input v-model="EVENT_TYPE" placeholder="事件类型" class="filter-item" style="width: 200px;"/>
</el-form-item>
<el-form-item label="发生时间：" prop="OCCURRENCE_TIME">
<el-date-picker
@ -25,24 +25,41 @@
</el-form-item>
</el-form>
</div>
<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="ACCESS_MODE" label="接入方式" width="180" />
<el-table-column :show-overflow-tooltip="true" prop="OWNER_NAME" label="机主姓名" />
<el-table-column :show-overflow-tooltip="true" prop="INCOMING_PHONE" label="呼入电话" />
<el-table-column :show-overflow-tooltip="true" prop="EVENT_TYPE" label="事件类型" />
<el-table-column :show-overflow-tooltip="true" prop="REPORT_TIME" label="接报时间" />
<el-table-column :show-overflow-tooltip="true" prop="OCCURRENCE_TIME" label="发生时间" />
<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="ACCESS_MODE" label="接入方式" width="180"/>
<el-table-column :show-overflow-tooltip="true" prop="OWNER_NAME" label="机主姓名"/>
<el-table-column :show-overflow-tooltip="true" prop="INCOMING_PHONE" label="呼入电话"/>
<el-table-column :show-overflow-tooltip="true" prop="EVENT_TYPE" label="事件类型"/>
<el-table-column :show-overflow-tooltip="true" prop="REPORT_TIME" label="接报时间"/>
<el-table-column :show-overflow-tooltip="true" prop="OCCURRENCE_TIME" label="发生时间"/>
<el-table-column :show-overflow-tooltip="true" prop="RESCUE_SITUATION_NAME" label="救援情况"/>
<el-table-column :show-overflow-tooltip="true" prop="EVENT_SITUATION_NAME" label="预案是否启动"/>
<el-table-column label="操作" align="center" width="500">
<template slot-scope="{row}">
<el-button v-if="row.RESCUE_SITUATION !== '1'" type="primary" size="mini" @click="handleRescue(row.ID)">是否救援</el-button>
<el-button type="primary" icon="el-icon-document" size="mini" @click="goList('detail', row.ID, '1')">查看</el-button>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.ID, true)">生成专报</el-button>
<el-button v-if="row.RESCUE_SITUATION !== '1'" type="primary" size="mini" @click="handleRescue(row.ID)">
是否救援
</el-button>
<el-button type="primary" icon="el-icon-document" size="mini" @click="goList('detail', row.ID, '1')">查看
</el-button>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.ID, true)">生成专报
</el-button>
<el-button type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row.ID)">编辑</el-button>
<el-button v-if="false" type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.ID,row.EVENT_NAME)">删除</el-button>
<el-button
v-if="false"
type="danger"
icon="el-icon-delete"
size="mini"
@click="handleDelete(row.ID,row.EVENT_NAME)">删除
</el-button>
</template>
</el-table-column>
</el-table>
@ -53,7 +70,7 @@
<el-button type="danger" icon="el-icon-delete" plain @click="makeAll('0')">删除</el-button>
</template>
</div>
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
<pagination :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList"/>
</div>
<el-dialog :visible.sync="dialogFormEdit" :title="dialogType==='editUser'?'修改':'新增'" width="1000px">
<el-form ref="form" :rules="rules" :model="form" label-width="100px" style="margin-right: 10px">
@ -61,26 +78,26 @@
<el-col :span="12">
<el-form-item label="接入方式" prop="ACCESS_MODE">
<el-select v-model="form.ACCESS_MODE" placeholder="请选择接入方式...">
<el-option label="电话接报" value="电话接报" />
<el-option label="App接报" value="App接报" />
<el-option label="电话接报" value="电话接报"/>
<el-option label="App接报" value="App接报"/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="机主姓名" prop="OWNER_NAME">
<el-input v-model="form.OWNER_NAME" placeholder="请输入机主姓名..." />
<el-input v-model="form.OWNER_NAME" placeholder="请输入机主姓名..."/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="呼入电话" prop="INCOMING_PHONE">
<el-input v-model="form.INCOMING_PHONE" placeholder="请输入呼入电话..." />
<el-input v-model="form.INCOMING_PHONE" placeholder="请输入呼入电话..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="事件类型" prop="EVENT_TYPE">
<el-input v-model="form.EVENT_TYPE" placeholder="请输入事件类型..." />
<el-input v-model="form.EVENT_TYPE" placeholder="请输入事件类型..."/>
</el-form-item>
</el-col>
<el-col :span="12">
@ -111,16 +128,21 @@
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="经度" prop="LONGITUDE">
<el-input v-model="form.LONGITUDE" placeholder="请输入经度" disabled @focus="handleMap" />
<el-input v-model="form.LONGITUDE" placeholder="请输入经度" disabled @focus="handleMap"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="纬度" prop="LATITUDE">
<div style="display: flex">
<el-input v-model="form.LATITUDE" placeholder="请输入纬度" disabled style="width: 100%" @focus="handleMap"/>
<el-input
v-model="form.LATITUDE"
placeholder="请输入纬度"
disabled
style="width: 100%"
@focus="handleMap"/>
<el-button style="margin-left:10px" @click="handleMap">
<span class="svg-container">
<svg-icon icon-class="international" />
<svg-icon icon-class="international"/>
</span>
</el-button>
</div>
@ -192,7 +214,10 @@
</el-col>
<el-col v-if="rescueForm.EVENT_SITUATION === '1'" :span="12">
<el-form-item label="应急预案" prop="FIRERESERVEPLAN_ID">
<el-select v-model="rescueForm.FIRERESERVEPLAN_ID" placeholder="请选择应急预案..." @change="handlePlanChange">
<el-select
v-model="rescueForm.FIRERESERVEPLAN_ID"
placeholder="请选择应急预案..."
@change="handlePlanChange">
<el-option
v-for="plan in FirereServePlan"
:key="plan.id"
@ -225,51 +250,51 @@
<el-dialog :visible.sync="dialogReportVisible" title="添加事故报告" width="1000px">
<el-form ref="reportForm" :model="reportForm" label-width="250px">
<el-form-item label="事件标题" prop="EVENT_NAME">
<el-input v-model="reportForm.EVENT_NAME" placeholder="请输入事件标题..." />
<el-input v-model="reportForm.EVENT_NAME" placeholder="请输入事件标题..."/>
</el-form-item>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="机主姓名" prop="OWNER_NAME">
<el-input v-model="reportForm.OWNER_NAME" placeholder="请输入机主姓名..." />
<el-input v-model="reportForm.OWNER_NAME" placeholder="请输入机主姓名..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="呼入电话" prop="INCOMING_PHONE">
<el-input v-model="reportForm.INCOMING_PHONE" placeholder="请输入呼入电话..." />
<el-input v-model="reportForm.INCOMING_PHONE" placeholder="请输入呼入电话..."/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="主叫地址" prop="CALLER_ADDRESS">
<el-input v-model="reportForm.CALLER_ADDRESS" placeholder="请输入主叫地址..." />
<el-input v-model="reportForm.CALLER_ADDRESS" placeholder="请输入主叫地址..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="接入方式" prop="ACCESS_MODE">
<el-input v-model="reportForm.ACCESS_MODE" placeholder="请输入接入方式..." />
<el-input v-model="reportForm.ACCESS_MODE" placeholder="请输入接入方式..."/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="姓名" prop="NAME">
<el-input v-model="reportForm.NAME" placeholder="请输入姓名..." />
<el-input v-model="reportForm.NAME" placeholder="请输入姓名..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="联系电话" prop="CONTACT_PHONE">
<el-input v-model="reportForm.CONTACT_PHONE" placeholder="请输入联系电话..." />
<el-input v-model="reportForm.CONTACT_PHONE" placeholder="请输入联系电话..."/>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="其他信息" prop="OTHER_INFO">
<el-input v-model="reportForm.OTHER_INFO" type="textarea" placeholder="请输入其他信息..." />
<el-input v-model="reportForm.OTHER_INFO" type="textarea" placeholder="请输入其他信息..."/>
</el-form-item>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位名称" prop="UNIT_NAME">
<el-input v-model="reportForm.UNIT_NAME" placeholder="请输入单位名称..." />
<el-input v-model="reportForm.UNIT_NAME" placeholder="请输入单位名称..."/>
</el-form-item>
</el-col>
<el-col :span="12">
@ -289,24 +314,24 @@
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="单位地址" prop="UNIT_ADDRESS">
<el-input v-model="reportForm.UNIT_ADDRESS" placeholder="请输入单位地址..." />
<el-input v-model="reportForm.UNIT_ADDRESS" placeholder="请输入单位地址..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="行业类型" prop="INDUSTRY_TYPE">
<el-input v-model="reportForm.INDUSTRY_TYPE" placeholder="请输入行业类型..." />
<el-input v-model="reportForm.INDUSTRY_TYPE" placeholder="请输入行业类型..."/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="经济类型" prop="ECONOMIC_TYPE">
<el-input v-model="reportForm.ECONOMIC_TYPE" placeholder="请输入经济类型..." />
<el-input v-model="reportForm.ECONOMIC_TYPE" placeholder="请输入经济类型..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="重大危险源" prop="MAJOR_HAZARD">
<el-input v-model="reportForm.MAJOR_HAZARD" placeholder="请输入重大危险源..." />
<el-input v-model="reportForm.MAJOR_HAZARD" placeholder="请输入重大危险源..."/>
</el-form-item>
</el-col>
</el-row>
@ -339,28 +364,33 @@
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="事件类型" prop="EVENT_TYPE">
<el-input v-model="reportForm.EVENT_TYPE" placeholder="请输入事件类型..." />
<el-input v-model="reportForm.EVENT_TYPE" placeholder="请输入事件类型..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所在地址" prop="LOCATION_ADDRESS">
<el-input v-model="reportForm.LOCATION_ADDRESS" placeholder="请输入所在地址..." />
<el-input v-model="reportForm.LOCATION_ADDRESS" placeholder="请输入所在地址..."/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="经度" prop="LONGITUDE">
<el-input v-model="reportForm.LONGITUDE" placeholder="请输入经度" disabled @focus="handleMap" />
<el-input v-model="reportForm.LONGITUDE" placeholder="请输入经度" disabled @focus="handleMap"/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="纬度" prop="LATITUDE">
<div style="display: flex">
<el-input v-model="reportForm.LATITUDE" placeholder="请输入纬度" disabled style="width: 100%" @focus="handleMap"/>
<el-input
v-model="reportForm.LATITUDE"
placeholder="请输入纬度"
disabled
style="width: 100%"
@focus="handleMap"/>
<el-button style="margin-left:10px" @click="handleMap">
<span class="svg-container">
<svg-icon icon-class="international" />
<svg-icon icon-class="international"/>
</span>
</el-button>
</div>
@ -370,80 +400,80 @@
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="接报类型" prop="REPORT_TYPE">
<el-input v-model="reportForm.REPORT_TYPE" placeholder="请输入接报类型..." />
<el-input v-model="reportForm.REPORT_TYPE" placeholder="请输入接报类型..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="事故标题" prop="ACCIDENT_TITLE">
<el-input v-model="reportForm.ACCIDENT_TITLE" placeholder="请输入事故标题..." />
<el-input v-model="reportForm.ACCIDENT_TITLE" placeholder="请输入事故标题..."/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="事故级别" prop="ACCIDENT_LEVEL">
<el-input v-model="reportForm.ACCIDENT_LEVEL" placeholder="请输入事故级别..." />
<el-input v-model="reportForm.ACCIDENT_LEVEL" placeholder="请输入事故级别..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="伤害类型" prop="INJURY_TYPE">
<el-input v-model="reportForm.INJURY_TYPE" placeholder="请输入伤害类型..." />
<el-input v-model="reportForm.INJURY_TYPE" placeholder="请输入伤害类型..."/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="事故类型" prop="ACCIDENT_TYPE">
<el-input v-model="reportForm.ACCIDENT_TYPE" placeholder="请输入事故类型..." />
<el-input v-model="reportForm.ACCIDENT_TYPE" placeholder="请输入事故类型..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="被困人数" prop="TRAPPED_PEOPLE_COUNT">
<el-input v-model="reportForm.TRAPPED_PEOPLE_COUNT" placeholder="请输入被困人数..." />
<el-input v-model="reportForm.TRAPPED_PEOPLE_COUNT" placeholder="请输入被困人数..."/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="失踪人数" prop="MISSING_PEOPLE_COUNT">
<el-input v-model="reportForm.MISSING_PEOPLE_COUNT" placeholder="请输入失踪人数..." />
<el-input v-model="reportForm.MISSING_PEOPLE_COUNT" placeholder="请输入失踪人数..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="死亡人数" prop="DEATH_PEOPLE_COUNT">
<el-input v-model="reportForm.DEATH_PEOPLE_COUNT" placeholder="请输入死亡人数..." />
<el-input v-model="reportForm.DEATH_PEOPLE_COUNT" placeholder="请输入死亡人数..."/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="重伤人数" prop="SERIOUS_INJURY_PEOPLE_COUNT">
<el-input v-model="reportForm.SERIOUS_INJURY_PEOPLE_COUNT" placeholder="请输入重伤人数..." />
<el-input v-model="reportForm.SERIOUS_INJURY_PEOPLE_COUNT" placeholder="请输入重伤人数..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="轻伤人数" prop="MINOR_INJURY_PEOPLE_COUNT">
<el-input v-model="reportForm.MINOR_INJURY_PEOPLE_COUNT" placeholder="请输入轻伤人数..." />
<el-input v-model="reportForm.MINOR_INJURY_PEOPLE_COUNT" placeholder="请输入轻伤人数..."/>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="12">
<el-form-item label="中毒人数" prop="POISONING_PEOPLE_COUNT">
<el-input v-model="reportForm.POISONING_PEOPLE_COUNT" placeholder="请输入中毒人数..." />
<el-input v-model="reportForm.POISONING_PEOPLE_COUNT" placeholder="请输入中毒人数..."/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="直接经济损失（万元）" prop="DIRECT_ECONOMIC_LOSS">
<el-input v-model="reportForm.DIRECT_ECONOMIC_LOSS" placeholder="请输入直接经济损失（万元）..." />
<el-input v-model="reportForm.DIRECT_ECONOMIC_LOSS" placeholder="请输入直接经济损失（万元）..."/>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="简要经过" prop="BRIEF_PROCESS">
<el-input v-model="reportForm.BRIEF_PROCESS" type="textarea" placeholder="请输入简要经过..." />
<el-input v-model="reportForm.BRIEF_PROCESS" type="textarea" placeholder="请输入简要经过..."/>
</el-form-item>
<el-form-item label="处置情况" prop="DISPOSAL_SITUATION">
<el-input v-model="reportForm.DISPOSAL_SITUATION" type="textarea" placeholder="请输入处置情况..." />
<el-input v-model="reportForm.DISPOSAL_SITUATION" type="textarea" placeholder="请输入处置情况..."/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@ -460,21 +490,27 @@
:style="{height: clientHeight+'px'}"
@click="getClickInfo"
@ready="handler">
<bm-view style="width: 100%; height:100%; flex: 1" />
<bm-view style="width: 100%; height:100%; flex: 1"/>
<bm-control ref="control" :offset="{width: 10, height: 10}" anchor="BMAP_ANCHOR_TOP_LEFT">
<div class="map-flex">
<div class="map-lable">关键词：</div>
<div style="flex:1;">
<el-autocomplete v-model="addressKeyword" :fetch-suggestions="querySearch" :trigger-on-focus="false" placeholder="请输入详细地址" style="width:100%" @select="handleSelect" />
<el-autocomplete
v-model="addressKeyword"
:fetch-suggestions="querySearch"
:trigger-on-focus="false"
placeholder="请输入详细地址"
style="width:100%"
@select="handleSelect"/>
</div>
</div>
</bm-control>
</baidu-map>
<div slot="footer" class="dialog-footer">
<span>经度：</span>
<el-input v-model="LONGITUDE" style="width: 200px" placeholder="请输入内容" disabled />
<el-input v-model="LONGITUDE" style="width: 200px" placeholder="请输入内容" disabled/>
<span>纬度：</span>
<el-input v-model="LATITUDE" style="width: 200px" placeholder="请输入内容" disabled />
<el-input v-model="LATITUDE" style="width: 200px" placeholder="请输入内容" disabled/>
<el-button @click="dialogFormMap = false">取 消</el-button>
<el-button type="primary" @click="setPosition">确 定</el-button>
</div>
@ -487,6 +523,7 @@ import Pagination from '@/components/Pagination'
import { requestFN } from '@/utils/request'
import { Treeselect } from '@riophae/vue-treeselect'
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
export default {
components: { Treeselect, Pagination },
data() {
@ -674,14 +711,18 @@ export default {
},
sendSMS(e) {
requestFN('/major/registration/sendSMS',
{ planId: e.FIRERESERVEPLAN_ID,
{
planId: e.FIRERESERVEPLAN_ID,
responseId: e.FIRERESERVEPLAN_ID,
registrationId: e.REGISTRATION_ID,
eventSituation: e.EVENT_SITUATION,
rescueSituation: e.RESCUE_SITUATION
})
.then((data) => {
// 如果发起救援则跳转到指挥页面
if (this.rescueForm.RESCUE_SITUATION === '1') {
this.$router.push({ path: '/emergen_cyrescue/incident_management', query: { a: '' }})
}
}).catch((e) => {
console.error('获取树形数据失败', e)
})