From 2702a269f93dc48195da00c79d7d4cc51d89223d Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期一, 21 三月 2022 17:04:38 +0800 Subject: [PATCH] '风险分级管控' --- src/views/doublePreventAction/riskLevelManage/event/index.vue | 285 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 281 insertions(+), 4 deletions(-) diff --git a/src/views/doublePreventAction/riskLevelManage/event/index.vue b/src/views/doublePreventAction/riskLevelManage/event/index.vue index db27c8a..a8bc8ca 100644 --- a/src/views/doublePreventAction/riskLevelManage/event/index.vue +++ b/src/views/doublePreventAction/riskLevelManage/event/index.vue @@ -1,13 +1,290 @@ <template> - + <div class="app-container"> + <div class="filter-container"> + <div class="basic_search"> + <span>单位名称:</span> + <el-input v-model="listQuery.filter.riskUintName" style="width:200px"> + </el-input> + </div> + <el-button class="filter-item" style="margin-left: 10px;margin-top: 10px" type="primary" icon="el-icon-refresh" @click="refreshHandle">搜索</el-button> + <el-button class="filter-item" style="margin-left: 10px;margin-top: 10px" type="primary" icon="el-icon-plus" @click="showRiskEvent('','新增')">新增</el-button> + </div> + <div class="table_content"> + <el-table + v-loading="listLoading" + :key="tableKey" + :data="riskEventData" + border + fit + highlight-current-row + style="width: 100%;" + > + <el-table-column label="安全风险分析单元名称" prop="riskAnaUnit" align="center"> + <template slot-scope="scope"> + <span>{{scope.row.riskAnaUnit.riskUnitName}}</span> + </template> + </el-table-column> + <el-table-column label="安全风险事件名称" prop="riskEventName" align="center"> + </el-table-column> + <el-table-column label="创建人" prop="createBy" align="center"> + </el-table-column> + <el-table-column label="创建时间" prop="createTime" align="center"> + </el-table-column> + <el-table-column label="最后修改人" prop="updateBy" align="center"> + </el-table-column> + <el-table-column label="最后修改时间" prop="updateTime" align="center"> + </el-table-column> + <el-table-column label="操作" align="center" width="280" class-name="small-padding fixed-width"> + <template slot-scope="scope"> + <el-button type="text" @click="showRiskEvent(scope.row,'编辑')">编辑</el-button> + <el-button type="text" style="color: red" @click="deleteById(scope.row)">删除</el-button> + </template> + </el-table-column> + </el-table> + <br> + <el-pagination + v-show="recordTotal>0" + :current-page="currentPage" + :page-sizes="[10, 20, 30, 50]" + :page-size="pageSize" + :total="recordTotal" + layout="total, sizes, prev, pager, next, jumper" + background + style="float:right;" + @size-change="handleSizeChange" + @current-change="handleCurrentChange" + /> + <br> + </div> + <el-dialog :title="title" :visible.sync="riskEventVisible" :modal-append-to-body="false" :close-on-click-modal="false" width="600px"> + <el-form ref="riskEventForm" :rules="riskEventFormRules" :model="riskEventForm" label-position="right" label-width="165px"> + <el-form-item label="安全风险分析单元名称" prop="riskUnitId"> + <el-select v-model="riskEventForm.riskUnitId" class="analyseUnit_input"> + <el-option + v-for="item in analyseUnitList" + :key="item.id" + :value="item.id" + :label="item.riskUnitName" + ></el-option> + </el-select> + </el-form-item> + <el-form-item label="安全风险事件名称" prop="riskEventName"> + <el-input v-model="riskEventForm.riskEventName" class="analyseUnit_input"></el-input> + </el-form-item> + </el-form> + <div align="right"> + <el-button @click="riskEventVisible = false">取消</el-button> + <el-button type="primary" @click="submitRiskEvent()">确认</el-button> + </div> + </el-dialog> + </div> </template> <script> + import { mapGetters } from 'vuex' + import { computePageCount } from '@/utils' + import { addRiskEvent, deleteRiskEvent, getRiskEventList, updateRiskEvent } from '@/api/riskLevelManage' + import {getAnalyseUnitList} from "../../../../api/riskLevelManage"; export default { - name: "index" + name: 'index', + filters: { + parseMain(type){ + if(type === 1){ + return "是" + }else if(type === 0){ + return "否" + } + }, + }, + computed: { + ...mapGetters([ + 'userType' + ]) + }, + data() { + return { + tableKey: 0, + riskEventData: [], + analyseUnitList:[], + listLoading: false, + pageSize: 10, + recordTotal: 0, + currentPage: 1, + pageTotal: 0, + title:'', + company:'', + code:'', + riskEventVisible:false, + riskEventFormRules:{ + riskUnitId: [{ required: true, message: '安全风险分析单元名称不能为空', trigger: 'change' }], + riskEventName: [{ required: true, message: '安全风险事件名称不能为空', trigger: 'blur' }], + + }, + riskEventForm:{ + id: "", + riskUnitId: "", + riskEventName: "", + validFlag: true, + createTime: "", + createBy: "", + updateTime: "", + updateBy: "", + riskAnaUnit: { + }, + }, + listQuery:{ + pageIndex:1, + pageSize:10, + filter:{ + riskEventName:'', + } + }, + } + }, + created() { + this.getRiskEventData() + this.getAnalyseUnitData() + }, + methods: { + async getRiskEventData(){ + this.listLoading = true + let res = await getRiskEventList(this.listQuery) + if(res.data.code === '200'){ + this.recordTotal = res.data.result.total + this.pageSize = res.data.result.size + this.pageTotal = computePageCount(res.data.result.total, res.data.result.size) + this.currentPage = res.data.result.current + this.riskEventData = res.data.result.records + }else{ + this.$message({ + message:res.data.message, + type:'warning' + }) + } + this.listLoading = false + }, + async getAnalyseUnitData(){ + let res = await getAnalyseUnitList({pageSize:1000,pageIndex:1,filter:{ riskUnitName:''}}) + if(res.data.code === '200'){ + debugger + this.analyseUnitList = res.data.result.records + }else{ + this.$message({ + message:res.data.message, + type:'warning' + }) + } + }, + showRiskEvent(value,type){ + this.riskEventVisible = true + this.$nextTick(() =>{ + this.$refs["riskEventForm"].clearValidate() + }) + if(type === '新增'){ + this.title = '新增' + this.riskEventForm = { + id: "", + riskUnitId: "", + riskEventName: "", + validFlag: true, + createTime: "", + createBy: "", + updateTime: "", + updateBy: "", + riskAnaUnit: { + riskUnitName:"" + }, + } + }else{ + this.title = '修改' + this.riskEventForm = value + } + }, + submitRiskEvent(){ + this.$refs["riskEventForm"].validate((valid) =>{ + if(valid){ + if(this.title === '新增'){ + addRiskEvent(this.riskEventForm).then((res)=>{ + if(res.data.code === '200'){ + this.riskEventVisible = false + this.getRiskEventData() + this.$notify({ + type:'success', + duration:2000, + message:'新增成功', + title:'成功' + }) + }else{ + this.$message({ + type:'warning', + message:res.data.message + }) + } + }) + }else{ + updateRiskEvent(this.riskEventForm).then((res)=>{ + if(res.data.code === '200'){ + this.riskEventVisible = false + this.getRiskEventData() + this.$notify({ + type:'success', + duration:2000, + title:'成功', + message:'编辑成功' + }) + }else{ + this.$message({ + type:'warning', + message:res.data.message + }) + } + }) + } + }else{ + this.$message({ + message:'请完善基本信息', + type:'warning' + }) + } + }) + }, + deleteById(val){ + this.$confirm('删除此条信息,是否继续','提示',{ + confirmButtonText:'确定', + cancelButtonText:'取消', + type:'warning', + }).then(()=> { + deleteRiskEvent({id:val.id}).then( ()=>{ + this.getRiskEventData() + this.$notify({ + title:'成功', + message:'删除成功', + type:'success', + duration:2000, + }) + }) + }) + }, + refreshHandle(){ + this.getRiskEventData() + }, + handleSizeChange(val){ + this.listQuery.pageSize = val + this.getRiskEventData() + }, + handleCurrentChange(val){ + this.listQuery.pageIndex = val + this.getRiskEventData() + }, + } } </script> - <style scoped> - + .basic_search{ + display:inline-block; + padding-bottom: 10px; + } + .analyseUnit_input{ + width:320px; + } </style> -- Gitblit v1.9.2