重大

Kxc0822a

2022-04-11 7e045033e9161e416898822e0f1c4b06955a95b4

重大

 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>

 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>