<template>
|
<div class="app-container">
|
<div>
|
<Titlename title="填写整改"></Titlename>
|
<div class="whole-form">
|
<el-form :model="config" ref="configTableForm">
|
<el-table
|
:data="tableData"
|
size="mini"
|
style="width: 1600px"
|
@cell-mouse-enter="handleCellEnter"
|
@cell-mouse-leave="handleCellLeave"
|
>
|
<el-table-column
|
prop="serial"
|
label="序号"
|
align="center"
|
width="50">
|
</el-table-column>
|
<el-table-column
|
prop="number"
|
label="编号"
|
align="center"
|
width="100">
|
</el-table-column>
|
<el-table-column
|
prop="hiddenDanger"
|
label="隐患单位"
|
align="center"
|
width="100">
|
</el-table-column>
|
<el-table-column
|
prop="Inspector"
|
label="检查人"
|
align="center"
|
width="100">
|
</el-table-column>
|
<el-table-column
|
prop="inspection"
|
label="检查班次"
|
align="center"
|
width="80">
|
</el-table-column>
|
<el-table-column
|
prop="date"
|
label="检查时间"
|
align="center"
|
width="100">
|
</el-table-column>
|
<el-table-column
|
prop="place"
|
label="地点"
|
align="center"
|
width="100">
|
</el-table-column>
|
<el-table-column
|
prop="content"
|
label="内容"
|
align="center"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="category"
|
label="类别"
|
align="center"
|
width="80">
|
</el-table-column>
|
<el-table-column
|
prop="level"
|
label="级别"
|
align="center"
|
width="120">
|
</el-table-column>
|
<el-table-column
|
prop="rectification"
|
label="整改措施"
|
align="center"
|
width="120">
|
</el-table-column>
|
<el-table-column
|
prop="liable"
|
label="责任人"
|
align="center"
|
width="100">
|
</el-table-column>
|
<el-table-column
|
prop="time"
|
label="限改时间"
|
align="center"
|
width="120">
|
</el-table-column>
|
<el-table-column
|
prop="completionTime"
|
align="center"
|
label="完成时间"
|
width="160">
|
<div class="item" slot-scope="scope">
|
<el-date-picker
|
v-model="scope.row.completionTime"
|
type="date"
|
placeholder="选择日期" clearable>
|
</el-date-picker>
|
<div class="item__txt">{{scope.row.completionTime}}</div>
|
</div>
|
</el-table-column>
|
<el-table-column
|
prop="rechecker"
|
label="复查人"
|
align="center"
|
width="160">
|
<div class="item" slot-scope="scope">
|
<el-input class="item__input" v-model="scope.row.rechecker" placeholder="请输入内容" clearable></el-input>
|
<div class="item__txt">{{scope.row.rechecker}}</div>
|
</div>
|
</el-table-column>
|
<el-table-column
|
prop="reviewTime"
|
align="center"
|
width="160"
|
label="复查时间">
|
<div class="item" slot-scope="scope">
|
<el-date-picker
|
v-model="scope.row.reviewTime"
|
type="date"
|
placeholder="选择日期" clearable>
|
</el-date-picker>
|
<div class="item__txt">{{scope.row.reviewTime}}</div>
|
</div>
|
</el-table-column>
|
</el-table>
|
</el-form>
|
<div class="btn">
|
<el-button
|
class="btns"
|
type="primary"
|
@click="submitConfig('config')">保存</el-button>
|
<el-button
|
class="btns"
|
type="primary" @click="close()">关闭</el-button>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</template>
|
|
<script>
|
import Titlename from "../../components/Titlename/index.vue";
|
|
export default {
|
components: {Titlename},
|
name: "fillRectification",
|
data() {
|
return {
|
// 表格数据
|
tableData: [{
|
serial:'1',
|
number:'dycj-20220409-0083',
|
hiddenDanger:'电仪车间',
|
Inspector:'吴甲甲 ',
|
inspection:'早班',
|
date: '2016-05-02',
|
place:'生化站 ',
|
content:'生化站3号污泥回流泵电机接地线脱落',
|
category:'电气',
|
level:'一般隐患C',
|
rectification:'已紧固处理',
|
liable:'常春',
|
time:'2016-05-02',
|
}, {
|
serial:'2',
|
number:'dycj-20220409-0083',
|
hiddenDanger:'电仪车间',
|
Inspector:'吴甲甲 ',
|
inspection:'早班',
|
date: '2016-05-02',
|
place:'生化站 ',
|
content:'生化站3号污泥回流泵电机接地线脱落',
|
category:'电气',
|
level:'一般隐患C',
|
rectification:'已紧固处理',
|
liable:'常春',
|
time:'2016-05-02',
|
}, {
|
serial:'3',
|
number:'dycj-20220409-0083',
|
hiddenDanger:'电仪车间',
|
Inspector:'吴甲甲 ',
|
inspection:'早班',
|
date: '2016-05-02',
|
place:'生化站 ',
|
content:'生化站3号污泥回流泵电机接地线脱落',
|
category:'电气',
|
level:'一般隐患C',
|
rectification:'已紧固处理',
|
liable:'常春',
|
time:'2016-05-02',
|
}],
|
// 需要编辑的属性
|
editProp: ['completionTime', 'rechecker', 'reviewTimes']
|
};
|
},
|
computed: {
|
foodLabel () {
|
return (val) => {
|
return this.options.find(o => o.value === val).label
|
}
|
}
|
},
|
methods: {
|
/** 鼠标移入cell */
|
handleCellEnter (row, column, cell, event) {
|
const property = column.property
|
if (this.editProp.includes(property)) {
|
// cell.querySelector('.item__input').style.display = 'block'
|
// cell.querySelector('.item__txt').style.display = 'none'
|
}
|
},
|
/** 鼠标移出cell */
|
handleCellLeave (row, column, cell, event) {
|
const property = column.property
|
if (this.editProp.includes(property)) {
|
// cell.querySelector('.item__input').style.display = 'none'
|
// cell.querySelector('.item__txt').style.display = 'block'
|
}
|
},
|
close(){
|
this.$router.push({
|
path:"/hiddenDangerManagement"
|
})
|
},
|
}
|
}
|
</script>
|
|
<style scoped>
|
.app-container {
|
padding: 20px;
|
height: 850px;
|
overflow-y: auto;
|
}
|
.whole-form{
|
margin-top: 20px;
|
}
|
.item .item__input {
|
/*display: none;*/
|
font-size: 14px;
|
}
|
/deep/ .item .item__input .el-input__inner{
|
font-size: 14px;
|
}
|
.item .item__txt{
|
display: none;
|
/*box-sizing: border-box;*/
|
/*padding: 0 15px;*/
|
/*height: 36px;*/
|
/*line-height: 36px;*/
|
/*font-size: 14px;*/
|
/* border: 1px solid transparent;*/
|
}
|
/deep/ .item .el-input--medium .el-input__inner{
|
/*display: none;*/
|
width: 140px;
|
}
|
/deep/ .is-center{
|
font-size: 14px;
|
}
|
.btn{
|
text-align: center;
|
margin-top: 50px;
|
}
|
.btns{
|
background-color: #034ea2;
|
border: 1px solid #034ea2;
|
}
|
.el-button:hover {
|
background: #66b1ff;
|
border-color: #66b1ff;
|
color: #FFF;
|
}
|
</style>
|
