Merge branch 'shf' of https://sinanoaq.cn:8888/r/ztqt into shf
| | |
| | | <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="btns"> |
| | | <el-button |
| | | type="primary" |
| | | @click="submitConfig('config')">保存</el-button> |
| | | <el-button |
| | | type="primary">取消</el-button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Titlename from "../../components/Titlename/index.vue"; |
| | | |
| | | export default { |
| | | name: "fillRectification" |
| | | 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' |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </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; |
| | | } |
| | | .btns{ |
| | | text-align: center; |
| | | margin-top: 50px; |
| | | } |
| | | </style> |