应急响应

This commit is contained in:
cool 2024-03-25 17:52:39 +08:00
parent 6b12b52ee7
commit 9b8b7f08d6
4 changed files with 740 additions and 0 deletions

View File

@ -0,0 +1,235 @@
<template>
<div>
<div class="filter-container">
<el-input
v-model="listQuery.name"
placeholder="应急预案名称"
style="width: 200px"
class="filter-item"
:maxlength="30"
@keyup.enter.native="handleFilter"
/>
<el-button
style="margin-left: 40px"
class="filter-item"
type="primary"
@click="handleFilter"
>
查询
</el-button>
<el-button class="filter-item" style="margin-left: 10px" type="primary" @click="handleCreate">
新增
</el-button>
</div>
<el-table
:key="tableKey"
v-loading="listLoading"
:data="list"
border
fit
highlight-current-row
style="width: 100%"
:max-height="tableHeight"
>
<el-table-column label="序号" align="center" width="80" type="index">
<template scope="scope">
<span>{{ (listQuery.pageNum - 1) * 10 + scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column label="应急预案名称" align="center" prop="name" />
<el-table-column label="附件" align="center" prop="addition" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160">
<template slot-scope="{ row }">
<el-button type="text" size="mini" @click="handleUpdate(row)">编辑</el-button>
<el-button type="text" size="mini" @click="handleDelete(row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="listQuery.pageNum"
:limit.sync="listQuery.pageSize"
@pagination="getList"
/>
<!-- 编辑模态框-->
<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
<el-form
ref="dataForm"
:rules="rules"
:model="temp"
label-position="right"
label-width="120px"
>
<el-form-item label="应急预案名称:" prop="name">
<el-input v-model="temp.userName" placeholder="姓名" :maxlength="50" />
</el-form-item>
<el-form-item label="附件:" prop="addition">
<el-input v-model="temp.addition" placeholder="附件" :maxlength="50" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false"> 关闭 </el-button>
<el-button type="primary" @click="dialogStatus === 'create' ? createData() : updateData()">
提交
</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import Pagination from '@/components/Pagination'
import _ from 'lodash/fp'
import {
addCarItem,
deleteCarItem,
getCarList,
updateCarItem
} from '@/api/car-man/car'
const defaultTmp = {
name: '',
addition: ''
}
export default {
components: { Pagination },
data() {
return {
tableKey: 0,
list: [],
teamList: [],
total: 0,
imageList: [],
delFiles: [],
currentImageViewList: [],
imageUploadLimit: 5,
listLoading: false,
listQuery: {
pageNum: 1,
pageSize: 10,
name: ''
},
tableHeight: 650,
showReviewer: false,
temp: _.cloneDeep(defaultTmp),
dialogFormVisible: false,
dialogFormVisible2: false,
dialogStatus: '',
downloadLoading: false,
currentId: '',
textMap: {
update: '编辑',
create: '新增'
},
dialogPvVisible: false,
rules: {
name: [{ required: true, message: '不能为空', trigger: 'blur' }],
addition: [{ required: true, message: '不能为空', trigger: 'blur' }]
}
}
},
created() {
this.getList()
},
methods: {
getList() {
this.listLoading = true
getCarList(this.listQuery).then((response) => {
this.list = response.rows.map(item => {
return item
})
this.total = response.total
this.listLoading = false
})
},
//
handleFilter() {
this.listQuery.pageNum = 1
this.getList()
},
//
handleCreate() {
this.dialogStatus = 'create'
this.dialogFormVisible = true
},
createData() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
addCarItem(this.temp).then((response) => {
this.$message({
showClose: true,
message: response.msg,
type: 'success',
duration: 2000
})
this.getList()
this.dialogFormVisible = false
}).finally(() => {
// this.dialogFormVisible = false
})
}
})
},
//
handleUpdate(row) {
this.temp = Object.assign({}, row)
// getCarItemDetail({ id: row.id }).then((res) => {
// this.temp = Object.assign({}, res.data)
// })
this.dialogStatus = 'update'
this.dialogFormVisible = true
},
updateData() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
updateCarItem(this.temp).then((response) => {
this.$message({
showClose: true,
message: response.msg,
type: 'success',
duration: 2000
})
this.getList()
}).finally(() => {
this.dialogFormVisible = false
})
}
})
},
//
handleDelete(row, index) {
this.$confirm(`确定要删除该数据吗?`, {
type: 'warning',
title: '操作提示',
beforeClose: async(action, instance, done) => {
if (action === 'confirm') {
deleteCarItem({ id: row.id }).then((response) => {
done()
this.$message({
showClose: true,
message: response.msg,
type: 'success',
duration: 2000
})
this.getList()
})
} else {
done()
}
}
})
},
handleClosedModal() {
this.$refs['dataForm'].resetFields()
this.temp = _.cloneDeep(defaultTmp)
}
}
}
</script>

View File

@ -0,0 +1,235 @@
<template>
<div>
<div class="filter-container">
<el-input
v-model="listQuery.name"
placeholder="应急联系人"
style="width: 200px"
class="filter-item"
:maxlength="30"
@keyup.enter.native="handleFilter"
/>
<el-button
style="margin-left: 40px"
class="filter-item"
type="primary"
@click="handleFilter"
>
查询
</el-button>
<el-button class="filter-item" style="margin-left: 10px" type="primary" @click="handleCreate">
新增
</el-button>
</div>
<el-table
:key="tableKey"
v-loading="listLoading"
:data="list"
border
fit
highlight-current-row
style="width: 100%"
:max-height="tableHeight"
>
<el-table-column label="序号" align="center" width="80" type="index">
<template scope="scope">
<span>{{ (listQuery.pageNum - 1) * 10 + scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column label="应急联系人" align="center" prop="name" />
<el-table-column label="联系方式" align="center" prop="phone" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160">
<template slot-scope="{ row }">
<el-button type="text" size="mini" @click="handleUpdate(row)">编辑</el-button>
<el-button type="text" size="mini" @click="handleDelete(row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="listQuery.pageNum"
:limit.sync="listQuery.pageSize"
@pagination="getList"
/>
<!-- 编辑模态框-->
<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
<el-form
ref="dataForm"
:rules="rules"
:model="temp"
label-position="right"
label-width="120px"
>
<el-form-item label="应急联系人:" prop="name">
<el-input v-model="temp.userName" placeholder="姓名" :maxlength="50" />
</el-form-item>
<el-form-item label="联系方式:" prop="phone">
<el-input v-model="temp.phone" placeholder="手机号" :maxlength="50" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false"> 关闭 </el-button>
<el-button type="primary" @click="dialogStatus === 'create' ? createData() : updateData()">
提交
</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import Pagination from '@/components/Pagination'
import _ from 'lodash/fp'
import {
addCarItem,
deleteCarItem,
getCarList,
updateCarItem
} from '@/api/car-man/car'
const defaultTmp = {
name: '',
phone: ''
}
export default {
components: { Pagination },
data() {
return {
tableKey: 0,
list: [],
teamList: [],
total: 0,
imageList: [],
delFiles: [],
currentImageViewList: [],
imageUploadLimit: 5,
listLoading: false,
listQuery: {
pageNum: 1,
pageSize: 10,
name: ''
},
tableHeight: 650,
showReviewer: false,
temp: _.cloneDeep(defaultTmp),
dialogFormVisible: false,
dialogFormVisible2: false,
dialogStatus: '',
downloadLoading: false,
currentId: '',
textMap: {
update: '编辑',
create: '新增'
},
dialogPvVisible: false,
rules: {
name: [{ required: true, message: '不能为空', trigger: 'blur' }],
phone: [{ required: true, message: '不能为空', trigger: 'blur' }]
}
}
},
created() {
this.getList()
},
methods: {
getList() {
this.listLoading = true
getCarList(this.listQuery).then((response) => {
this.list = response.rows.map(item => {
return item
})
this.total = response.total
this.listLoading = false
})
},
//
handleFilter() {
this.listQuery.pageNum = 1
this.getList()
},
//
handleCreate() {
this.dialogStatus = 'create'
this.dialogFormVisible = true
},
createData() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
addCarItem(this.temp).then((response) => {
this.$message({
showClose: true,
message: response.msg,
type: 'success',
duration: 2000
})
this.getList()
this.dialogFormVisible = false
}).finally(() => {
// this.dialogFormVisible = false
})
}
})
},
//
handleUpdate(row) {
this.temp = Object.assign({}, row)
// getCarItemDetail({ id: row.id }).then((res) => {
// this.temp = Object.assign({}, res.data)
// })
this.dialogStatus = 'update'
this.dialogFormVisible = true
},
updateData() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
updateCarItem(this.temp).then((response) => {
this.$message({
showClose: true,
message: response.msg,
type: 'success',
duration: 2000
})
this.getList()
}).finally(() => {
this.dialogFormVisible = false
})
}
})
},
//
handleDelete(row, index) {
this.$confirm(`确定要删除该数据吗?`, {
type: 'warning',
title: '操作提示',
beforeClose: async(action, instance, done) => {
if (action === 'confirm') {
deleteCarItem({ id: row.id }).then((response) => {
done()
this.$message({
showClose: true,
message: response.msg,
type: 'success',
duration: 2000
})
this.getList()
})
} else {
done()
}
}
})
},
handleClosedModal() {
this.$refs['dataForm'].resetFields()
this.temp = _.cloneDeep(defaultTmp)
}
}
}
</script>

View File

@ -0,0 +1,235 @@
<template>
<div>
<div class="filter-container">
<el-input
v-model="listQuery.name"
placeholder="应急流程名称"
style="width: 200px"
class="filter-item"
:maxlength="30"
@keyup.enter.native="handleFilter"
/>
<el-button
style="margin-left: 40px"
class="filter-item"
type="primary"
@click="handleFilter"
>
查询
</el-button>
<el-button class="filter-item" style="margin-left: 10px" type="primary" @click="handleCreate">
新增
</el-button>
</div>
<el-table
:key="tableKey"
v-loading="listLoading"
:data="list"
border
fit
highlight-current-row
style="width: 100%"
:max-height="tableHeight"
>
<el-table-column label="序号" align="center" width="80" type="index">
<template scope="scope">
<span>{{ (listQuery.pageNum - 1) * 10 + scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column label="应急流程名称" align="center" prop="name" />
<el-table-column label="附件" align="center" prop="addition" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160">
<template slot-scope="{ row }">
<el-button type="text" size="mini" @click="handleUpdate(row)">编辑</el-button>
<el-button type="text" size="mini" @click="handleDelete(row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="listQuery.pageNum"
:limit.sync="listQuery.pageSize"
@pagination="getList"
/>
<!-- 编辑模态框-->
<el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="630px" @closed="handleClosedModal">
<el-form
ref="dataForm"
:rules="rules"
:model="temp"
label-position="right"
label-width="120px"
>
<el-form-item label="应急预案名称:" prop="name">
<el-input v-model="temp.userName" placeholder="姓名" :maxlength="50" />
</el-form-item>
<el-form-item label="附件:" prop="addition">
<el-input v-model="temp.addition" placeholder="附件" :maxlength="50" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false"> 关闭 </el-button>
<el-button type="primary" @click="dialogStatus === 'create' ? createData() : updateData()">
提交
</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import Pagination from '@/components/Pagination'
import _ from 'lodash/fp'
import {
addCarItem,
deleteCarItem,
getCarList,
updateCarItem
} from '@/api/car-man/car'
const defaultTmp = {
name: '',
addition: ''
}
export default {
components: { Pagination },
data() {
return {
tableKey: 0,
list: [],
teamList: [],
total: 0,
imageList: [],
delFiles: [],
currentImageViewList: [],
imageUploadLimit: 5,
listLoading: false,
listQuery: {
pageNum: 1,
pageSize: 10,
name: ''
},
tableHeight: 650,
showReviewer: false,
temp: _.cloneDeep(defaultTmp),
dialogFormVisible: false,
dialogFormVisible2: false,
dialogStatus: '',
downloadLoading: false,
currentId: '',
textMap: {
update: '编辑',
create: '新增'
},
dialogPvVisible: false,
rules: {
name: [{ required: true, message: '不能为空', trigger: 'blur' }],
addition: [{ required: true, message: '不能为空', trigger: 'blur' }]
}
}
},
created() {
this.getList()
},
methods: {
getList() {
this.listLoading = true
getCarList(this.listQuery).then((response) => {
this.list = response.rows.map(item => {
return item
})
this.total = response.total
this.listLoading = false
})
},
//
handleFilter() {
this.listQuery.pageNum = 1
this.getList()
},
//
handleCreate() {
this.dialogStatus = 'create'
this.dialogFormVisible = true
},
createData() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
addCarItem(this.temp).then((response) => {
this.$message({
showClose: true,
message: response.msg,
type: 'success',
duration: 2000
})
this.getList()
this.dialogFormVisible = false
}).finally(() => {
// this.dialogFormVisible = false
})
}
})
},
//
handleUpdate(row) {
this.temp = Object.assign({}, row)
// getCarItemDetail({ id: row.id }).then((res) => {
// this.temp = Object.assign({}, res.data)
// })
this.dialogStatus = 'update'
this.dialogFormVisible = true
},
updateData() {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
updateCarItem(this.temp).then((response) => {
this.$message({
showClose: true,
message: response.msg,
type: 'success',
duration: 2000
})
this.getList()
}).finally(() => {
this.dialogFormVisible = false
})
}
})
},
//
handleDelete(row, index) {
this.$confirm(`确定要删除该数据吗?`, {
type: 'warning',
title: '操作提示',
beforeClose: async(action, instance, done) => {
if (action === 'confirm') {
deleteCarItem({ id: row.id }).then((response) => {
done()
this.$message({
showClose: true,
message: response.msg,
type: 'success',
duration: 2000
})
this.getList()
})
} else {
done()
}
}
})
},
handleClosedModal() {
this.$refs['dataForm'].resetFields()
this.temp = _.cloneDeep(defaultTmp)
}
}
}
</script>

View File

@ -0,0 +1,35 @@
<template>
<div class="app-container">
<div class="filter-container">
<el-tabs v-model="currentComponent" type="card">
<el-tab-pane label="应急电话" name="EmergencyPhone" />
<el-tab-pane label="应急预案" name="EmergencyCase" />
<el-tab-pane label="应急流程" name="EmergencyProcess" />
</el-tabs>
</div>
<component :is="currentComponent" />
</div>
</template>
<script>
import _ from 'lodash/fp'
import EmergencyCase from '@/views/risk/emergency/components/EmergencyCase.vue'
import EmergencyPhone from '@/views/risk/emergency/components/EmergencyPhone.vue'
import EmergencyProcess from '@/views/risk/emergency/components/EmergencyProcess.vue'
export default {
components: { EmergencyCase, EmergencyPhone, EmergencyProcess },
data() {
return {
currentComponent: 'EmergencyPhone'
}
},
created() {
this.getList()
},
methods: {
}
}
</script>