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