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