From 7e045033e9161e416898822e0f1c4b06955a95b4 Mon Sep 17 00:00:00 2001
From: Kxc0822a <kxc000822>
Date: 星期一, 11 四月 2022 17:12:50 +0800
Subject: [PATCH] 重大

---
 src/views/hiddenDangerManagement/fillInspector.vue |  289 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 287 insertions(+), 2 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>

--
Gitblit v1.9.2