|
@@ -1,30 +1,30 @@
|
|
|
<template>
|
|
|
<div class="safetyHazardStatistics">
|
|
|
<el-form :model="queryParams" class="form-box" ref="queryForm" :inline="true">
|
|
|
- <el-form-item label="" prop="data1" label-width="50px">
|
|
|
- <el-select v-model="queryParams.data1" clearable placeholder="全部">
|
|
|
+ <el-form-item label="" prop="deptId" label-width="50px">
|
|
|
+ <el-select v-model="queryParams.deptId" clearable placeholder="全部">
|
|
|
<el-option
|
|
|
v-for="item in deptSelectList"
|
|
|
- :key="item.key"
|
|
|
- :label="item.label"
|
|
|
- :value="item.key">
|
|
|
+ :key="item.deptId"
|
|
|
+ :label="item.deptName"
|
|
|
+ :value="item.deptId">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="" prop="classType">
|
|
|
- <el-select v-model="queryParams.classType" clearable placeholder="全部状态" style="width: 120px">
|
|
|
+ <el-form-item label="" prop="rectifyStatus">
|
|
|
+ <el-select v-model="queryParams.rectifyStatus" clearable placeholder="全部状态" style="width: 120px">
|
|
|
<el-option
|
|
|
- v-for="item in classTypeList"
|
|
|
+ v-for="item in typeList"
|
|
|
:key="item.key"
|
|
|
:label="item.label"
|
|
|
:value="item.key">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="" prop="classified">
|
|
|
- <el-select v-model="queryParams.classified" clearable placeholder="全部隐患等级" style="width: 140px">
|
|
|
+ <el-form-item label="" prop="hdLevel">
|
|
|
+ <el-select v-model="queryParams.hdLevel" clearable placeholder="全部隐患等级" style="width: 140px">
|
|
|
<el-option
|
|
|
- v-for="item in classifiedList"
|
|
|
+ v-for="item in levelList"
|
|
|
:key="item.key"
|
|
|
:label="item.label"
|
|
|
:value="item.key">
|
|
@@ -71,25 +71,33 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div class="num-data-box">
|
|
|
- 共搜索到隐患总数 {{numData.subNum1}},重大隐患数 {{numData.subNum2}},一般隐患数 {{numData.subNum3}},管理问题数 {{numData.subNum4}} ,待整改总数 {{numData.subNum5}},复核总数 {{numData.subNum6}},复核通过率 {{numData.subNum6}}
|
|
|
+ 共搜索到隐患总数 {{numData.sumTotal}},重大隐患数 {{numData.zdHazardTotal}},一般隐患数 {{numData.ybHazardTotal}},管理问题数 {{numData.glHazardTotal}} ,待整改总数 {{numData.rectifiedTotal}},复核总数 {{numData.resultTotal}},复核通过率 {{numData.rate}}
|
|
|
</div>
|
|
|
<el-table border :data="tableList" ref="multipleTable"
|
|
|
:row-key="getRowKeys"
|
|
|
@select="select" @select-all="selectAll">
|
|
|
<el-table-column type="selection" width="50" align="center"/>
|
|
|
<el-table-column label="序号" align="center" type="index" width="60" />
|
|
|
- <el-table-column label="计划任务" align="center" prop="deptName" show-overflow-tooltip width="200"/>
|
|
|
- <el-table-column label="学院" align="center" prop="deptName" show-overflow-tooltip width="200"/>
|
|
|
- <el-table-column label="实验室" align="center" prop="deptName" show-overflow-tooltip width="180"/>
|
|
|
- <el-table-column label="房间号" align="center" prop="deptName" show-overflow-tooltip width="100"/>
|
|
|
- <el-table-column label="楼栋" align="center" prop="deptName" show-overflow-tooltip width="180"/>
|
|
|
- <el-table-column label="隐患等级" align="center" prop="deptName" show-overflow-tooltip width="100"/>
|
|
|
- <el-table-column label="不符合项" align="center" prop="deptName" show-overflow-tooltip width="260"/>
|
|
|
- <el-table-column label="历史出现次数" align="center" prop="deptName" show-overflow-tooltip width="120"/>
|
|
|
- <el-table-column label="隐患描述" align="center" prop="deptName" show-overflow-tooltip width="180"/>
|
|
|
- <el-table-column label="检查者" align="center" prop="deptName" show-overflow-tooltip width="100"/>
|
|
|
- <el-table-column label="检查时间" align="center" prop="deptName" show-overflow-tooltip width="180"/>
|
|
|
- <el-table-column label="状态" align="center" prop="deptName" show-overflow-tooltip width="100"/>
|
|
|
+ <el-table-column label="计划任务" align="center" prop="title" show-overflow-tooltip width="200"/>
|
|
|
+ <el-table-column label="学院" align="center" prop="collegeName" show-overflow-tooltip width="200"/>
|
|
|
+ <el-table-column label="实验室" align="center" prop="subjectName" show-overflow-tooltip width="180"/>
|
|
|
+ <el-table-column label="房间号" align="center" prop="roomNumber" show-overflow-tooltip width="100"/>
|
|
|
+ <el-table-column label="楼栋" align="center" prop="buildName" show-overflow-tooltip width="180"/>
|
|
|
+ <el-table-column label="隐患等级" align="center" prop="hazardLevel" show-overflow-tooltip width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.hazardLevel==1?'重大隐患':(scope.row.hazardLevel==2?'一般隐患':(scope.row.hazardLevel==3?'管理问题':''))}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="不符合项" align="center" prop="hazardCheckPoint" show-overflow-tooltip width="260"/>
|
|
|
+ <el-table-column label="历史出现次数" align="center" prop="sumTotal" show-overflow-tooltip width="120"/>
|
|
|
+ <el-table-column label="隐患描述" align="center" prop="hazardDescribe" show-overflow-tooltip width="180"/>
|
|
|
+ <el-table-column label="检查者" align="center" prop="checkUser" show-overflow-tooltip width="100"/>
|
|
|
+ <el-table-column label="检查时间" align="center" prop="checkTime2" show-overflow-tooltip width="180"/>
|
|
|
+ <el-table-column label="状态" align="center" prop="rectifyStatus" show-overflow-tooltip width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.rectifyStatus==1?'复核完毕':(scope.row.rectifyStatus==2?'未整改':(scope.row.rectifyStatus==3?'已整改':(scope.row.rectifyStatus==4?'暂无法整改':'')))}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
|
<pagination :page-sizes="[20, 30, 40, 50]"
|
|
|
v-show="total>0"
|
|
@@ -102,32 +110,27 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import { listDepartments } from "@/api/system/dept";
|
|
|
+ import { dataStatisticsHazardList,dataStatisticsHazardListTop } from "@/api/safetyCheck/index";
|
|
|
export default {
|
|
|
name: 'safetyHazardStatistics',
|
|
|
data(){
|
|
|
return{
|
|
|
deptSelectList:[],
|
|
|
- classTypeList:[],
|
|
|
- classifiedList:[],
|
|
|
+ typeList:[{label:"未整改",key:"2"},{label:"已整改",key:"3"},{label:"暂无法整改",key:"4"},{label:"复核完毕",key:"1"}],
|
|
|
+ levelList:[{label:"一般隐患",key:"2"},{label:"重大隐患",key:"1"},{label:"管理问题",key:"3"}],
|
|
|
dateRange:[],
|
|
|
queryParams:{
|
|
|
pageNum:1,
|
|
|
pageSize:20,
|
|
|
searchValue:"",
|
|
|
- data1:""
|
|
|
+ deptId:"",
|
|
|
+ rectifyStatus:"",
|
|
|
+ hdLevel:"",
|
|
|
},
|
|
|
setChildren:"",
|
|
|
- numData:{
|
|
|
- subNum1:"2000",
|
|
|
- subNum2:"2000",
|
|
|
- subNum3:"2000",
|
|
|
- subNum4:"2000",
|
|
|
- subNum5:"2000",
|
|
|
- subNum6:"2000",
|
|
|
- subNum7:"2000",
|
|
|
- subNum8:"2000",
|
|
|
- },
|
|
|
- tableList:[{}],
|
|
|
+ numData:{},
|
|
|
+ tableList:[],
|
|
|
total:0,
|
|
|
currentDate:'',
|
|
|
}
|
|
@@ -136,17 +139,36 @@
|
|
|
|
|
|
},
|
|
|
mounted(){
|
|
|
-
|
|
|
+ this.initializationInterface();
|
|
|
+ this.getList();
|
|
|
},
|
|
|
methods:{
|
|
|
+ initializationInterface(){
|
|
|
+ //获取学院列表
|
|
|
+ listDepartments().then(response => {
|
|
|
+ this.deptSelectList = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
//获取数据列表
|
|
|
getList(){
|
|
|
- // this.queryParamsData = JSON.parse(JSON.stringify(this.queryParams));
|
|
|
- // this.queryParamsData.type = 'RFID_RECOGNIZER';
|
|
|
- // listHardware(this.queryParamsData).then(response => {
|
|
|
- // this.total = response.total;
|
|
|
- // this.tableList = response.rows;
|
|
|
- // });
|
|
|
+ let obj = JSON.parse(JSON.stringify(this.queryParams))
|
|
|
+ if(this.dateRange[0]){
|
|
|
+ obj.beginTime = this.dateRange[0];
|
|
|
+ }else{
|
|
|
+ obj.beginTime = "";
|
|
|
+ }
|
|
|
+ if(this.dateRange[1]){
|
|
|
+ obj.endTime = this.dateRange[1];
|
|
|
+ }else{
|
|
|
+ obj.endTime = "";
|
|
|
+ }
|
|
|
+ dataStatisticsHazardList(obj).then(response => {
|
|
|
+ this.total = response.total;
|
|
|
+ this.tableList = response.rows;
|
|
|
+ });
|
|
|
+ dataStatisticsHazardListTop(obj).then(response => {
|
|
|
+ this.$set(this,'numData',response.data);
|
|
|
+ });
|
|
|
},
|
|
|
/** 搜索按钮操作 */
|
|
|
handleQuery() {
|
|
@@ -160,7 +182,9 @@
|
|
|
pageNum:1,
|
|
|
pageSize:20,
|
|
|
searchValue:"",
|
|
|
- data1:""
|
|
|
+ deptId:"",
|
|
|
+ rectifyStatus:"",
|
|
|
+ hdLevel:"",
|
|
|
});
|
|
|
this.handleQuery();
|
|
|
},
|