修改

Your Name

2022-09-16 d4c8e63d9f4b111d97879b52f327535ef41c5cae

 src/views/doublePreventAction/hiddenDanger/hiddenDangerReform/statistics/index.vue

@@ -1,51 +1,50 @@
<template>
    <div class="app-container">
        <div style="margin: 10px">

            <span class="span-filter-label">单号</span>
            <el-input style="width: 140px" v-model="filter.filter.code" ></el-input>
            <span class="span-filter-label" >状态</span>
            <el-select
                v-model="filter.filter.status"
                clearable @clear="clearStatus"
                class="filter-item"
                style="width:120px;margin-bottom: 10px">
                <el-option
                    v-for="item in reportStatus"
                    :key="item.key"
                    :label="item.value"
                    :value="item.key">
                </el-option>
            </el-select>
            <span class="span-filter-label">隐患等级</span>
            <el-select v-model="filter.filter.level"
                       clearable @clear="clearLevel"
                       style="width: 100px"
            >
                <el-option
                    v-for="item in levels"
                    :key="item.key"
                    :label="item.value"
                    :value="item.key">
                </el-option>
            </el-select>

            <span class="span-filter-label">上报人</span>
            <el-input style="width: 140px" v-model="filter.filter.requestorName" ></el-input>
            <span class="span-filter-label">整改人</span>
            <el-input style="width: 140px" v-model="filter.filter.rectifierName"></el-input>

            <span class="span-filter-label">隐患来源</span>
            <el-select v-model="filter.filter.source" clearable   placeholder="请选择">
                <el-option
                    v-for="item in sources"
                    :key="item.key"
                    :label="item.value"
                    :value="item.key">
                </el-option>
            </el-select>
            <div class="basic_search">
                <span>隐患状态：</span>
                <el-select class="analyseUnit_box" v-model="filter.dangerStatus" placeholder="隐患状态" filterable clearable>
                    <el-option v-for="item in dangerStatusList" :key="item.id" :label="item.name" :value="item.id"></el-option>
                </el-select>
            </div>
            <div class="basic_search">
                <span>隐患等级：</span>
                <el-select class="analyseUnit_box" v-model="filter.dangerLevel" placeholder="隐患等级" filterable clearable>
                    <el-option v-for="item in dangerLevelList" :key="item.id" :label="item.name" :value="item.id"></el-option>
                </el-select>
            </div>
            <div class="basic_search">
                <span>隐患来源：</span>
                <el-select class="analyseUnit_box" v-model="filter.dangerSource" placeholder="隐患来源" filterable clearable>
                    <el-option v-for="item in dangerSourceList" :key="item.id" :label="item.name" :value="item.id"></el-option>
                </el-select>
            </div>
            <div class="basic_search">
                <span>隐患类型：</span>
                <el-select class="analyseUnit_box" v-model="filter.dangerType" placeholder="隐患类型" filterable clearable>
                    <el-option v-for="item in dangerTypeList" :key="item.id" :label="item.name" :value="item.id"></el-option>
                </el-select>
            </div>
            <div class="basic_search">
                <span>上报人：</span>
                <el-select v-model="filter.registantName"  placeholder="请选择审批人" class="analyseUnit_box" clearable filterable>
                    <el-option v-for="item in userList" :key="item.id" :value="item.id" :label="item.realname"></el-option>
                </el-select>
            </div>
            <div class="basic_search">
                <span>整改人：</span>
                <el-select v-model="filter.liablePersonName"  placeholder="请选择审批人" class="analyseUnit_box" clearable filterable>
                    <el-option v-for="item in userList" :key="item.id" :value="item.id" :label="item.realname"></el-option>
                </el-select>
            </div>
            <div class="basic_search">
                <span>验收人：</span>
                <el-select v-model="filter.acceptPersonName"  placeholder="请选择审批人" class="analyseUnit_box" clearable filterable>
                    <el-option v-for="item in userList" :key="item.id" :value="item.id" :label="item.realname"></el-option>
                </el-select>
            </div>
            <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-search"
                       @click="queryHandle"/>
                       @click="hiddenDangerStatisticsList"/>
        </div>
        <div class="table_content" v-loading="listLoading">
            <el-table
@@ -55,11 +54,11 @@
                highlight-current-row
                style="width: 100%;position: relative;top: -7px"
            >
                <el-table-column label="待整改数" prop="2rectifynum" align="center" />
                <el-table-column label="完成数量" prop="completednum" align="center"/>
                <el-table-column label="驳回总数" prop="rejectnum" align="center" />
                <el-table-column label="上报总数" prop="reportnum" align="center" />
                <el-table-column label="待验收数" prop="2acceptnum" align="center" />
                <el-table-column label="整改中" prop="rectifying" align="center" />
                <el-table-column label="待验收" prop="toAccept" align="center"/>
                <el-table-column label="延期" prop="postpone" align="center" />
                <el-table-column label="超期未整改" prop="overTime" align="center" />
                <el-table-column label="已验收" prop="accepted" align="center" />
            </el-table>
            <el-table
                :key="tableKey"
@@ -70,41 +69,44 @@
                style="width: 100%;"
            >
                <el-table-column type="index" label="序号" align="center" width="80"/>
                <el-table-column label="单号" prop="code" align="center" />
                <el-table-column label="状态" prop="status" align="center" >
                <el-table-column prop="dangerDesc" label="隐患情况描述" show-overflow-tooltip min-width="150px"></el-table-column>
                <el-table-column prop="dangerSource" label="隐患来源" show-overflow-tooltip min-width="150px">
                    <template slot-scope="scope">
                        <span >{{scope.row.status}}</span>
                        <span v-if="new Date(scope.row.rectifydeadline) < new Date() && scope.row.status  !== '已完成'" class="overdue-img">逾期</span>
                        {{ parseNumber(scope.row.dangerSource, '隐患来源') }}
                    </template>
                </el-table-column>
                <el-table-column label="隐患等级" prop="level" align="center" >
                <el-table-column prop="dangerLevel" label="隐患等级" show-overflow-tooltip min-width="150px" align="center">
                    <template slot-scope="scope">
                        <el-tag :type="scope.row.level == '重大隐患'?'danger':'warning'">{{scope.row.level}}</el-tag>
                        <el-tag :type="scope.row.dangerLevel === 1 ? 'warning' : 'danger'">
                            {{ parseNumber(scope.row.dangerLevel, '隐患等级') }}
                        </el-tag>
                    </template>
                </el-table-column>
                <el-table-column label="隐患来源" prop="source" align="center" >
                <el-table-column prop="dangerType" label="隐患类型" show-overflow-tooltip min-width="150px">
                    <template slot-scope="scope">
                        <span>{{sources.find(item=>item.key === scope.row.source).value}}</span>
                        {{ parseNumber(scope.row.dangerType, '隐患类型') }}
                    </template>
                </el-table-column>
                <el-table-column label="上报人" prop="requestor" align="center" />
                <el-table-column label="上报时间" prop="createtime" align="center" />
                <el-table-column label="整改人" prop="rectifier" align="center" />
                <el-table-column label="整改期限"   prop="rectifydeadline" align="center" >
                <el-table-column prop="dangerReason" label="隐患产生原因分析" show-overflow-tooltip min-width="150px"></el-table-column>
                <el-table-column prop="dangerResult" label="隐患可能导致后果" show-overflow-tooltip min-width="150px" align="center">
                    <template slot-scope="scope">
                        <span v-bind:class="{'overdue':new Date(scope.row.rectifydeadline) < new Date() && scope.row.status  !== '已完成'}">{{scope.row.rectifydeadline}}
                        </span>
                        <el-tag :type="scope.row.dangerResult === 1 ? 'success' : scope.row.dangerResult === 2 ? 'info' : scope.row.dangerResult === 3 ? 'warning' : 'danger'"> {{ parseNumber(scope.row.dangerResult, '隐患可能导致后果') }}</el-tag>
                    </template>
                </el-table-column>
                <el-table-column label="整改时间" prop="rectifytime" align="center" />
                <el-table-column label="验收时间" prop="accepttime" align="center" />


                <el-table-column label="操作" align="center" width="240" class-name="small-padding fixed-width">
                <el-table-column prop="liablePerson" label="整改责任人" show-overflow-tooltip min-width="150px"></el-table-column>
                <el-table-column prop="cost" label="整改资金" show-overflow-tooltip min-width="150px"></el-table-column>
                <el-table-column prop="dangerStatus" label="隐患整改状态" show-overflow-tooltip min-width="150px" align="center">
                    <template slot-scope="scope">
                        <el-button  type="text" @click="viewHandle(scope.row)">查看</el-button>
                        <el-tag :type="scope.row.dangerStatus === 0 ? 'info' : scope.row.dangerStatus === 1 ? 'primary' : scope.row.dangerStatus === 2 ? 'warning' : scope.row.dangerStatus === 4 ? 'danger' : 'success'">
                            {{ parseNumber(scope.row.dangerStatus, '隐患整改状态') }}
                        </el-tag>
                    </template>
                </el-table-column>
<!--                <el-table-column label="操作" align="center" width="240" class-name="small-padding fixed-width" fixed="right">-->
<!--                    <template slot-scope="scope" >-->
<!--                        <el-button  type="text" @click="viewHandle(scope.row)">查看</el-button>-->
<!--                    </template>-->
<!--                </el-table-column>-->
            </el-table>
            <br>

@@ -133,6 +135,7 @@
<script>
    import { hiddenDangerStatisticsList} from '@/api/hiddenDanger';
    import reportView from "../components/reportView";
    import {safetyInspectionItemName} from "../../../../../api/safetySelfInspection";
    export default {
        name: 'statistics',
        components:{
@@ -144,37 +147,64 @@
                tableKey: 0,
                tableData:[],
                showData:[],
                levels:[
                    {"key":"URGENT","value":"重大隐患"},
                    {"key":"COMMON","value":"一般隐患"},
                userList:[],
                dangerLevelList: [
                    { id: 1, name: '一般隐患' },
                    { id: 2, name: '重大隐患' }
                ],
                sources:[
                    {"key":1,"value":"隐患上报"},
                    {"key":2,"value":"巡检上报"},
                dangerSourceList: [
                    { id: 1, name: '日常排查' },
                    { id: 2, name: '综合性排查' },
                    { id: 3, name: '专业性排查' },
                    { id: 4, name: '季节性排查' },
                    { id: 5, name: '重点时段及节假日前排查' },
                    { id: 6, name: '事故类比排查' },
                    { id: 7, name: '复产复工前排查' },
                    { id: 8, name: '外聘专家诊断式排查' },
                    { id: 9, name: '管控措施失效' },
                    { id: 10, name: '其他' }
                ],
                reportStatus:[
                    {"key":"TORECTIFY","value":"待整改"},
                    {"key":"TOACCEPT","value":"整改待验收"},
                    {"key":"REJECTED","value":"驳回待整改"},
                    {"key":"COMPLETED","value":"已完成"},
                dangerStatusList: [
                    { id: 0, name: '整改中' },
                    { id: 1, name: '待验收' },
                    { id: 2, name: '延期整改' },
                    { id: 4, name: '超期未整改' },
                    { id: 9, name: '已验收' }
                ],
                dangerTypeList: [
                    { id: 1, name: '安全' },
                    { id: 2, name: '工艺' },
                    { id: 3, name: '电气' },
                    { id: 4, name: '仪表' },
                    { id: 5, name: '消防' },
                    { id: 6, name: '总图' },
                    { id: 7, name: '设备' },
                    { id: 8, name: '其他' }
                ],
                dangerResultList: [
                    { id: 1, name: '无' },
                    { id: 2, name: '轻伤' },
                    { id: 3, name: '重伤' },
                    { id: 4, name: '死亡' }
                ],
                recordTotal:0,
                filter:{
                    pageIndex:1,
                    pageSize:10,
                    filter:{
                        code:'',
                        status:null,
                        level:null,
                        requestorName:'',
                        rectifierName:'',
                        source:''
                    }
                    serialCode:'',
                    dangerLevel:'',
                    dangerType:'',
                    dangerSource:'',
                    dangerStatus:'',
                    acceptPersonName:'',
                    liablePersonName:'',
                    registantName:'',
                }

            }},
        created(){
            this.hiddenDangerStatisticsList()
            this.getUserData()
        },
        methods:{
            handleSizeChange: function (val) {
@@ -199,9 +229,9 @@
                hiddenDangerStatisticsList(this.filter)
                    .then(res=>{
                        if (res.data.code === '200') {
                            this.tableData = res.data.result.records
                            this.recordTotal = res.data.result.total
                            this.showData = [(res.data.result.extension)]
                            this.tableData = res.data.data.records
                            this.recordTotal = res.data.data.total
                            this.showData = [(res.data.data.extension)]
                        }
                        else{
                            this.$message({ message: res.data.message, type: 'warning'});
@@ -221,7 +251,34 @@
            },
            clearStatus(){
                this.filter.filter.status = null
            }
            },


            parseNumber(value, type){
                if (type === '隐患来源') {
                    return this.dangerSourceList.find((item) => item.id === value).name;
                } else if (type === '隐患等级') {
                    return this.dangerLevelList.find((item) => item.id === value).name;
                } else if (type === '隐患类型') {
                    return this.dangerTypeList.find((item) => item.id === value).name;
                } else if (type === '隐患整改状态') {
                    return this.dangerStatusList.find((item) => item.id === value).name;
                } else {
                    return this.dangerResultList.find((item) => item.id === value).name;
                }
            },

            async getUserData() {
                let res = await safetyInspectionItemName()
                if(res.data.code === '200'){
                    this.userList = res.data.result
                }else{
                    this.$message({
                        message:res.data.message,
                        type:'warning'
                    })
                }
            },


        }
@@ -251,4 +308,14 @@

    }

    .basic_search{
        display:inline-block;
        padding-bottom: 10px;
    }
    .analyseUnit_input{
        width:90%;
    }
    .analyseUnit_box{
        width:200px;
    }
</style>