From 7e045033e9161e416898822e0f1c4b06955a95b4 Mon Sep 17 00:00:00 2001 From: Kxc0822a <kxc000822> Date: 星期一, 11 四月 2022 17:12:50 +0800 Subject: [PATCH] 重大 --- src/views/hiddenDangerManagement/fillRectification.vue | 4 src/views/hiddenDangerManagement/fillInspector.vue | 289 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 289 insertions(+), 4 deletions(-) diff --git a/src/views/hiddenDangerManagement/fillInspector.vue b/src/views/hiddenDangerManagement/fillInspector.vue index a0c414b..c582a2f 100644 --- a/src/views/hiddenDangerManagement/fillInspector.vue +++ b/src/views/hiddenDangerManagement/fillInspector.vue @@ -1,13 +1,298 @@ <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="100"> + </el-table-column> + <el-table-column + prop="rechecker" + label="复查人" + align="center" + width="100"> + </el-table-column> + <el-table-column + prop="reviewTime" + align="center" + width="100" + label="复查时间"> + </el-table-column> + <el-table-column + prop="supervision" + 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="inspectorTime" + 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="results" + 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="inspector" + 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> + </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: "fillInspector" + components: {Titlename}, + name: "fillInspector", + 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', + completionTime:'', + rechecker:'', + reviewTime:'', + }, { + 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', + completionTime:'', + rechecker:'', + reviewTime:'', + }, { + 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', + completionTime:'', + rechecker:'', + reviewTime:'', + }], + // 需要编辑的属性 + editProp: ['inspectorTime', 'results', 'inspector'] + }; + }, + 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> diff --git a/src/views/hiddenDangerManagement/fillRectification.vue b/src/views/hiddenDangerManagement/fillRectification.vue index 12dc00c..fc13899 100644 --- a/src/views/hiddenDangerManagement/fillRectification.vue +++ b/src/views/hiddenDangerManagement/fillRectification.vue @@ -1,7 +1,7 @@ <template> <div class="app-container"> <div> - <Titlename title="申请延期"></Titlename> + <Titlename title="填写整改"></Titlename> <div class="whole-form"> <el-form :model="config" ref="configTableForm"> <el-table @@ -134,7 +134,7 @@ type="primary" @click="submitConfig('config')">保存</el-button> <el-button - type="primary">取消</el-button> + type="primary">关闭</el-button> </div> </div> </div> -- Gitblit v1.9.2