From 5fa3e8c7c356cd6c0d83b4206cca2461c0344ee0 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期一, 11 四月 2022 17:11:49 +0800 Subject: [PATCH] Merge branch 'shf' of https://sinanoaq.cn:8888/r/ztqt into shf --- src/views/hiddenDangerManagement/fillRectification.vue | 256 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 254 insertions(+), 2 deletions(-) diff --git a/src/views/hiddenDangerManagement/fillRectification.vue b/src/views/hiddenDangerManagement/fillRectification.vue index 2c73b38..12dc00c 100644 --- a/src/views/hiddenDangerManagement/fillRectification.vue +++ b/src/views/hiddenDangerManagement/fillRectification.vue @@ -1,13 +1,265 @@ <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> -- Gitblit v1.9.2