| | |
| | | <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 |
| | |
| | | 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" |
| | |
| | | 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> |
| | | |
| | |
| | | <script> |
| | | import { hiddenDangerStatisticsList} from '@/api/hiddenDanger'; |
| | | import reportView from "../components/reportView"; |
| | | import {safetyInspectionItemName} from "../../../../../api/safetySelfInspection"; |
| | | export default { |
| | | name: 'statistics', |
| | | components:{ |
| | |
| | | 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) { |
| | |
| | | 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'}); |
| | |
| | | }, |
| | | 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' |
| | | }) |
| | | } |
| | | }, |
| | | |
| | | |
| | | } |
| | |
| | | |
| | | } |
| | | |
| | | .basic_search{ |
| | | display:inline-block; |
| | | padding-bottom: 10px; |
| | | } |
| | | .analyseUnit_input{ |
| | | width:90%; |
| | | } |
| | | .analyseUnit_box{ |
| | | width:200px; |
| | | } |
| | | </style> |