From c251626c67a55dfa8305fd49a47a0a2aa00fc32f Mon Sep 17 00:00:00 2001
From: lyfO_o <764716047@qq.com>
Date: Thu, 24 Mar 2022 16:15:02 +0800
Subject: [PATCH] 隐患管理:v1
---
src/views/hiddenDanger/statistics.vue | 145 ++++++++++++++++++++++++++++++------------------
1 files changed, 91 insertions(+), 54 deletions(-)
diff --git a/src/views/hiddenDanger/statistics.vue b/src/views/hiddenDanger/statistics.vue
index 802cf9b..8effa42 100644
--- a/src/views/hiddenDanger/statistics.vue
+++ b/src/views/hiddenDanger/statistics.vue
@@ -1,11 +1,13 @@
<template>
<div class="app-container">
<div style="margin: 10px">
- <span class="span-filter-label">作业编号</span>
- <el-input style="width: 160px" v-model="filter.filter.taskcode"></el-input>
- <span class="span-filter-label">状态</span>
+
+ <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
@@ -17,8 +19,9 @@
</el-select>
<span class="span-filter-label">隐患等级</span>
<el-select v-model="filter.filter.level"
+ clearable @clear="clearLevel"
style="width: 100px"
- placeholder="请选择">
+ >
<el-option
v-for="item in levels"
:key="item.key"
@@ -28,12 +31,9 @@
</el-select>
<span class="span-filter-label">上报人</span>
- <el-input style="width: 140px" v-model="filter.filter.requestor" ></el-input>
- <span class="span-filter-label">负责人</span>
- <el-input style="width: 140px" v-model="filter.filter.principal"></el-input>
+ <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.supervisor"></el-input>
-
+ <el-input style="width: 140px" v-model="filter.filter.rectifierName"></el-input>
<el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-search"
@click="queryHandle"/>
</div>
@@ -46,9 +46,10 @@
style="width: 100%;position: relative;top: -7px"
>
<el-table-column label="待整改数" prop="2rectifynum" align="center" />
- <el-table-column label="整改数量" prop="rectifynum" 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>
<el-table
:key="tableKey"
@@ -59,18 +60,31 @@
style="width: 100%;"
>
<el-table-column type="index" label="序号" align="center" width="80"/>
- <el-table-column label="状态" prop="status" align="center" />
- <el-table-column label="作业编号" prop="taskcode" align="center" />
+ <el-table-column label="单号" prop="code" align="center" />
+ <el-table-column label="状态" prop="status" align="center" >
+ <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>
+ </template>
+ </el-table-column>
<el-table-column label="隐患等级" prop="level" align="center" >
<template slot-scope="scope">
<el-tag :type="scope.row.level == '紧急'?'danger':'warning'">{{scope.row.level}}</el-tag>
</template>
</el-table-column>
<el-table-column label="上报人" prop="requestor" align="center" />
- <el-table-column label="负责人" prop="principal" align="center" />
- <el-table-column label="整改人" prop="supervisor" 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" >
+ <template slot-scope="scope">
+ <span v-bind:class="{'overdue':new Date(scope.row.rectifydeadline) < new Date() && scope.row.status !== '已完成'}">{{scope.row.rectifydeadline}}
+ </span>
+ </template>
+ </el-table-column>
+ <el-table-column label="整改时间" prop="rectifytime" align="center" />
+ <el-table-column label="验收时间" prop="accepttime" align="center" />
- <el-table-column label="创建时间" prop="createtime" align="center" />
+
<el-table-column label="操作" align="center" width="240" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button type="text" @click="viewHandle(scope.row)">查看</el-button>
@@ -81,9 +95,9 @@
<el-pagination
v-show="recordTotal>0"
- :current-page="currentPage"
+ :current-page="filter.pageIndex"
:page-sizes="[10, 20, 30, 50]"
- :page-size="pageSize"
+ :page-size="filter.pageSize"
:total="recordTotal"
layout="total, sizes, prev, pager, next, jumper"
background
@@ -119,26 +133,22 @@
{"key":"URGENT","value":"紧急"},
{"key":"COMMON","value":"一般"},
],
- reportStatus:[
- {"key":"","value":"全部"},
- {"key":"UNCONFIRMED","value":"未确认"},
- {"key":"CONFIRMED","value":"确认未整改"},
- {"key":"REJECT","value":"已驳回"},
- {"key":"RECTIFIED","value":"已整改"},
- ],
- pageSize:6,
- currentPage:1,
+ reportStatus:[
+ {"key":"TORECTIFY","value":"待整改"},
+ {"key":"TOACCEPT","value":"整改待验收"},
+ {"key":"REJECTED","value":"驳回待整改"},
+ {"key":"COMPLETED","value":"已完成"},
+ ],
recordTotal:0,
filter:{
pageIndex:1,
- pageSize:6,
+ pageSize:10,
filter:{
- taskcode:'',
- status:"",
- requestor:"",
- principal:"",
- supervisor:"",
- level:""
+ code:'',
+ status:null,
+ level:null,
+ requestorName:'',
+ rectifierName:'',
}
}
@@ -148,17 +158,17 @@
},
methods:{
handleSizeChange: function (val) {
- this.pageSize = val
this.filter.pageSize = val
+ this.filter.pageIndex = 1
this.hiddenDangerStatisticsList()
},
handleCurrentChange: function (val) {
- this.currentPage = val
this.filter.pageIndex = val
this.hiddenDangerStatisticsList()
},
queryHandle(){
- this.hiddenDangerStatisticsList()
+ this.filter.pageIndex = 1
+ this.hiddenDangerStatisticsList()
},
viewHandle(row){
this.$refs.reportView.showDialog('查看',row)
@@ -166,26 +176,33 @@
hiddenDangerStatisticsList() {
this.listLoading = true
- hiddenDangerStatisticsList(this.filter).then(res=>{
- this.listLoading = false
- if (res.status === 200) {
- if (res.data.code === '200') {
- this.tableData = res.data.result.records
- this.pageSize = res.data.result.size
- this.currentPage = res.data.result.current
- this.recordTotal = res.data.result.total
- this.showData = [(res.data.result.extension)]
+ 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)]
+ }
+ else{
+ this.$message({ message: res.data.message, type: 'warning'});
+ }
- }
- }else{
- this.$message({
- message: '接口错误',
- type: 'warning'
- });
-
- }
})
- }
+ .catch(err=>{
+ console.log(err)
+ this.$message({ message: '接口错误', type: 'warning'});
+ })
+ .finally(()=>{
+ this.listLoading = false
+ })
+ },
+ clearLevel(){
+ this.filter.filter.level = null
+ },
+ clearStatus(){
+ this.filter.filter.status = null
+ }
+
}
}
@@ -194,4 +211,24 @@
<style scoped>
+ .overdue{
+ color: red;
+ }
+ .overdue-img{
+ position: fixed;
+ background-color: #f56c6c;
+ border-radius: 4px;
+ color: #fff;
+ display: inline-block;
+ font-size: 12px;
+ height: 21px;
+ line-height: 18px;
+ text-align: center;
+ white-space: nowrap;
+ border: 1px solid #fff;
+ transform: scale(0.8);
+ padding: 1px 3px 0 3px;
+
+ }
+
</style>
--
Gitblit v1.9.2