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