就预言列表信息
parent
d046e71a76
commit
a17678b097
|
|
@ -0,0 +1,283 @@
|
|||
<template>
|
||||
<div>
|
||||
<div class="app-container">
|
||||
<div class="level-title">
|
||||
<h1>事故详情</h1>
|
||||
</div>
|
||||
<div class="mb-20">
|
||||
<table class="table-ui">
|
||||
<tr>
|
||||
<td class="tbg">事件标题</td>
|
||||
<td>{{ form.EVENT_NAME }}</td>
|
||||
<td class="tbg">呼入电话</td>
|
||||
<td>{{ form.INCOMING_PHONE }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">机主姓名</td>
|
||||
<td>{{ form.OWNER_NAME }}</td>
|
||||
<td class="tbg">主叫地址</td>
|
||||
<td>{{ form.CALLER_ADDRESS }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">接入方式</td>
|
||||
<td>{{ form.ACCESS_MODE }}</td>
|
||||
<td class="tbg">事件类型</td>
|
||||
<td>{{ form.EVENT_TYPE }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">姓名</td>
|
||||
<td>{{ form.NAME }}</td>
|
||||
<td class="tbg">联系电话</td>
|
||||
<td>{{ form.CONTACT_PHONE }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">单位名称</td>
|
||||
<td>{{ form.UNIT_NAME }}</td>
|
||||
<td class="tbg">所在区域</td>
|
||||
<td>{{ form.REGION }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">单位地址</td>
|
||||
<td>{{ form.UNIT_ADDRESS }}</td>
|
||||
<td class="tbg">行业类型</td>
|
||||
<td>{{ form.INDUSTRY_TYPE }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">经济类型</td>
|
||||
<td>{{ form.ECONOMIC_TYPE }}</td>
|
||||
<td class="tbg">重大危险源</td>
|
||||
<td>{{ form.MAJOR_HAZARD }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">接报时间</td>
|
||||
<td>{{ form.REPORT_TIME }}</td>
|
||||
<td class="tbg">发生时间</td>
|
||||
<td>{{ form.OCCURRENCE_TIME }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">所在地址</td>
|
||||
<td>{{ form.LOCATION_ADDRESS }}</td>
|
||||
<td class="tbg">经度</td>
|
||||
<td>{{ form.LONGITUDE }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">纬度</td>
|
||||
<td>{{ form.LATITUDE }}</td>
|
||||
<td class="tbg">接报类型</td>
|
||||
<td>{{ form.REPORT_TYPE }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">事故标题</td>
|
||||
<td>{{ form.ACCIDENT_TITLE }}</td>
|
||||
<td class="tbg">事故级别</td>
|
||||
<td>{{ form.ACCIDENT_LEVEL }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">伤害类型</td>
|
||||
<td>{{ form.INJURY_TYPE }}</td>
|
||||
<td class="tbg">事故类型</td>
|
||||
<td>{{ form.ACCIDENT_TYPE }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">被困人数</td>
|
||||
<td>{{ form.TRAPPED_PEOPLE_COUNT }}</td>
|
||||
<td class="tbg">失踪人数</td>
|
||||
<td>{{ form.MISSING_PEOPLE_COUNT }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">死亡人数</td>
|
||||
<td>{{ form.DEATH_PEOPLE_COUNT }}</td>
|
||||
<td class="tbg">重伤人数</td>
|
||||
<td>{{ form.SERIOUS_INJURY_PEOPLE_COUNT }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">轻伤人数</td>
|
||||
<td>{{ form.MINOR_INJURY_PEOPLE_COUNT }}</td>
|
||||
<td class="tbg">中毒人数</td>
|
||||
<td>{{ form.POISONING_PEOPLE_COUNT }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">直接经济损失（万元）</td>
|
||||
<td>{{ form.DIRECT_ECONOMIC_LOSS }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">简要经过</td>
|
||||
<td colspan="3">{{ form.BRIEF_PROCESS }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">处置情况</td>
|
||||
<td colspan="3">{{ form.DISPOSAL_SITUATION }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="form.REPORT_UNIT !== null" class="app-container">
|
||||
<div class="level-title">
|
||||
<h1>专报详情</h1>
|
||||
</div>
|
||||
<div class="mb-20">
|
||||
<table class="table-ui">
|
||||
<tr>
|
||||
<td class="tbg">报告单位</td>
|
||||
<td>{{ form.REPORT_UNIT }}</td>
|
||||
<td class="tbg">审核人</td>
|
||||
<td>{{ form.AUDITOR }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">报告人</td>
|
||||
<td>{{ form.REPORTER }}</td>
|
||||
<td class="tbg">报告时间</td>
|
||||
<td>{{ form.REPORT_TIME }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">责任人</td>
|
||||
<td>{{ form.RESPONSIBLE_PERSON }}</td>
|
||||
<td class="tbg">联系方式</td>
|
||||
<td>{{ form.CONTACT_INFORMATION }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="tbg">安全评价等级</td>
|
||||
<td>{{ form.SAFETY_EVALUATION_LEVEL }}</td>
|
||||
<td class="tbg">持证情况</td>
|
||||
<td>{{ form.CERTIFICATE_STATUS }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui-height" />
|
||||
<div class="ui-foot">
|
||||
<el-button type="primary" @click="goBack">返回基本信息</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { requestFN } from '@/utils/request'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
EVENT_NAME: '',
|
||||
INCOMING_PHONE: '',
|
||||
OWNER_NAME: '',
|
||||
CALLER_ADDRESS: '',
|
||||
ACCESS_MODE: '',
|
||||
EVENT_TYPE: '',
|
||||
NAME: '',
|
||||
CONTACT_PHONE: '',
|
||||
UNIT_NAME: '',
|
||||
REGION: '',
|
||||
UNIT_ADDRESS: '',
|
||||
INDUSTRY_TYPE: '',
|
||||
ECONOMIC_TYPE: '',
|
||||
MAJOR_HAZARD: '',
|
||||
REPORT_TIME: '',
|
||||
OCCURRENCE_TIME: '',
|
||||
LOCATION_ADDRESS: '',
|
||||
LONGITUDE: '',
|
||||
LATITUDE: '',
|
||||
REPORT_TYPE: '',
|
||||
ACCIDENT_TITLE: '',
|
||||
ACCIDENT_LEVEL: '',
|
||||
INJURY_TYPE: '',
|
||||
ACCIDENT_TYPE: '',
|
||||
TRAPPED_PEOPLE_COUNT: '',
|
||||
MISSING_PEOPLE_COUNT: '',
|
||||
DEATH_PEOPLE_COUNT: '',
|
||||
SERIOUS_INJURY_PEOPLE_COUNT: '',
|
||||
MINOR_INJURY_PEOPLE_COUNT: '',
|
||||
POISONING_PEOPLE_COUNT: '',
|
||||
DIRECT_ECONOMIC_LOSS: '',
|
||||
BRIEF_PROCESS: '',
|
||||
DISPOSAL_SITUATION: '',
|
||||
REPORT_UNIT: '',
|
||||
AUDITOR: '',
|
||||
REPORTER: '',
|
||||
RESPONSIBLE_PERSON: '',
|
||||
CONTACT_INFORMATION: '',
|
||||
SAFETY_EVALUATION_LEVEL: '',
|
||||
CERTIFICATE_STATUS: ''
|
||||
},
|
||||
Id: ''
|
||||
}
|
||||
},
|
||||
created() {
|
||||
if (this.$parent.CASE_ID) {
|
||||
this.Id = this.$parent.CASE_ID
|
||||
this.getDetail(this.Id)
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
this.$parent.activeName = 'list'
|
||||
},
|
||||
getDetail(Id) {
|
||||
const params = { Id }
|
||||
requestFN('/major/registration/detailLog', params).then((response) => {
|
||||
const data = response.msg
|
||||
this.form = {
|
||||
REPORT_UNIT: data.REPORT_UNIT,
|
||||
AUDITOR: data.AUDITOR,
|
||||
REPORTER: data.REPORTER,
|
||||
RESPONSIBLE_PERSON: data.RESPONSIBLE_PERSON,
|
||||
CONTACT_INFORMATION: data.CONTACT_INFORMATION,
|
||||
SAFETY_EVALUATION_LEVEL: data.SAFETY_EVALUATION_LEVEL,
|
||||
CERTIFICATE_STATUS: data.CERTIFICATE_STATUS,
|
||||
EVENT_NAME: data.EVENT_NAME,
|
||||
INCOMING_PHONE: data.INCOMING_PHONE,
|
||||
OWNER_NAME: data.OWNER_NAME,
|
||||
CALLER_ADDRESS: data.CALLER_ADDRESS,
|
||||
ACCESS_MODE: data.ACCESS_MODE,
|
||||
EVENT_TYPE: data.EVENT_TYPE,
|
||||
NAME: data.NAME,
|
||||
CONTACT_PHONE: data.CONTACT_PHONE,
|
||||
UNIT_NAME: data.UNIT_NAME,
|
||||
REGION: data.REGION,
|
||||
UNIT_ADDRESS: data.UNIT_ADDRESS,
|
||||
INDUSTRY_TYPE: data.INDUSTRY_TYPE,
|
||||
ECONOMIC_TYPE: data.ECONOMIC_TYPE,
|
||||
MAJOR_HAZARD: data.MAJOR_HAZARD,
|
||||
REPORT_TIME: data.REPORT_TIME,
|
||||
OCCURRENCE_TIME: data.OCCURRENCE_TIME,
|
||||
LOCATION_ADDRESS: data.LOCATION_ADDRESS,
|
||||
LONGITUDE: data.LONGITUDE,
|
||||
LATITUDE: data.LATITUDE,
|
||||
REPORT_TYPE: data.REPORT_TYPE,
|
||||
ACCIDENT_TITLE: data.ACCIDENT_TITLE,
|
||||
ACCIDENT_LEVEL: data.ACCIDENT_LEVEL,
|
||||
INJURY_TYPE: data.INJURY_TYPE,
|
||||
ACCIDENT_TYPE: data.ACCIDENT_TYPE,
|
||||
TRAPPED_PEOPLE_COUNT: data.TRAPPED_PEOPLE_COUNT,
|
||||
MISSING_PEOPLE_COUNT: data.MISSING_PEOPLE_COUNT,
|
||||
DEATH_PEOPLE_COUNT: data.DEATH_PEOPLE_COUNT,
|
||||
SERIOUS_INJURY_PEOPLE_COUNT: data.SERIOUS_INJURY_PEOPLE_COUNT,
|
||||
MINOR_INJURY_PEOPLE_COUNT: data.MINOR_INJURY_PEOPLE_COUNT,
|
||||
POISONING_PEOPLE_COUNT: data.POISONING_PEOPLE_COUNT,
|
||||
DIRECT_ECONOMIC_LOSS: data.DIRECT_ECONOMIC_LOSS,
|
||||
BRIEF_PROCESS: data.BRIEF_PROCESS,
|
||||
DISPOSAL_SITUATION: data.DISPOSAL_SITUATION,
|
||||
OPERATOR: data.OPERATOR,
|
||||
OPERATETIME: data.OPERATETIME,
|
||||
CREATETIME: data.CREATETIME,
|
||||
CREATOR: data.CREATOR,
|
||||
Id: data.ID
|
||||
}
|
||||
}).catch((e) => {
|
||||
console.error('获取详情数据失败', e)
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
.table-ui
|
||||
td
|
||||
line-height: 34px
|
||||
.tbg
|
||||
width: 200px
|
||||
.ui-foot
|
||||
text-align: center
|
||||
margin-top: 20px
|
||||
</style>
|
||||
|
|
@ -0,0 +1,138 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<div class="filter-container">
|
||||
<el-form inline>
|
||||
<el-form-item label="姓名：" prop="NAME">
|
||||
<el-input v-model="NAME" placeholder="姓名" class="filter-item" style="width: 200px;" />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">搜索</el-button>
|
||||
<el-button class="filter-item" type="default" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
|
||||
</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="NAME" label="姓名" width="180" />
|
||||
<el-table-column prop="PHONE" label="电话" show-overflow-tooltip="true" />
|
||||
<el-table-column prop="PLAN_NAME" label="预案名称" show-overflow-tooltip="true" />
|
||||
<el-table-column prop="RESPONSE_NAME" label="响应级别名称" show-overflow-tooltip="true" />
|
||||
<el-table-column prop="ORDER_CONTENT" label="指令内容" show-overflow-tooltip="true" />
|
||||
<el-table-column prop="CREATETIME" label="通知时间" show-overflow-tooltip="true" />
|
||||
<el-table-column label="操作" align="center" width="300">
|
||||
<template slot-scope="{ row }">
|
||||
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.ID, row.NAME)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="page-btn-group">
|
||||
<div>
|
||||
<template>
|
||||
<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" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Pagination from '@/components/Pagination'
|
||||
import { requestFN } from '@/utils/request'
|
||||
export default {
|
||||
components: { Pagination },
|
||||
data() {
|
||||
return {
|
||||
listLoading: false,
|
||||
dialogFormShow: false,
|
||||
dialogType: 'add',
|
||||
NAME: '',
|
||||
form: {
|
||||
ID: '',
|
||||
NAME: '',
|
||||
ORDER_CONTENT: '',
|
||||
PHONE: '',
|
||||
PLAN_ID: '',
|
||||
RESPONSE_ID: ''
|
||||
},
|
||||
total: 0,
|
||||
varList: [],
|
||||
KEYWORDS_NAME: '',
|
||||
listQuery: {
|
||||
page: 1,
|
||||
limit: 10
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
getQuery() {
|
||||
this.$refs.multipleTable.clearSelection()
|
||||
this.getList()
|
||||
},
|
||||
resetQuery() {
|
||||
this.NAME = ''
|
||||
this.getQuery()
|
||||
},
|
||||
handleDelete(id, NAME) {
|
||||
this.$confirm('确定要删除[' + NAME + ']吗?', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.listLoading = true
|
||||
requestFN('/major/notification/delete', { id }).then((data) => {
|
||||
if (data.result === 'success') {
|
||||
this.listLoading = false
|
||||
this.getList()
|
||||
}
|
||||
}).catch((e) => {
|
||||
this.listLoading = false
|
||||
})
|
||||
}).catch(() => { })
|
||||
},
|
||||
makeAll() {
|
||||
const _selectData = this.$refs.multipleTable.selection
|
||||
if (!_selectData || _selectData.length === 0) {
|
||||
this.$message({
|
||||
message: '请选中要删除的项...',
|
||||
type: 'error'
|
||||
})
|
||||
return false
|
||||
}
|
||||
const ids = _selectData.map(item => item.ID).join(',')
|
||||
|
||||
this.$confirm('确定要删除选中的数据吗?', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.listLoading = true
|
||||
requestFN('/major/notification/deleteAll', { ids }).then(() => {
|
||||
this.listLoading = false
|
||||
this.getList()
|
||||
}).catch((e) => {
|
||||
this.listLoading = false
|
||||
})
|
||||
}).catch(() => { })
|
||||
},
|
||||
getList() {
|
||||
this.listLoading = true
|
||||
requestFN('/major/notification/list?showCount=' + this.listQuery.limit + '¤tPage=' + this.listQuery.page,
|
||||
{
|
||||
name: this.NAME
|
||||
}
|
||||
).then((data) => {
|
||||
this.listLoading = false
|
||||
this.varList = data.varList
|
||||
this.total = data.page.totalResult
|
||||
}).catch((e) => {
|
||||
this.listLoading = false
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<template>
|
||||
<div>
|
||||
<list v-show="activeName==='list'" ref="list"/>
|
||||
<detail v-if="activeName==='detail'"/>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import list from './components/list.vue'
|
||||
import detail from './components/detail.vue'
|
||||
|
||||
export default {
|
||||
components: { list, detail },
|
||||
data() {
|
||||
return {
|
||||
activeName: 'list',
|
||||
CASE_ID: ''
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Loading…
Reference in New Issue