ztqt.git - Gitblit

			@@ -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>