~mayuhao/HazardInvestigationSystem.git

			@@ -1,13 +1,532 @@
			<template>
			<div class="app-container">
			<div style="">
			<Titlename title="发送隐患单"></Titlename>
			<div class="whole-form">
			<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="150px" class="demo-ruleForm"
			style="margin: 0 14% 0 16%;">
			<el-row>
			<el-col :span="9">
			<el-form-item label="隐患编号" prop="name">
			<el-input v-model="ruleForm.name" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			<el-col :span="9" :offset="4">
			<el-form-item label="检查单位" prop="elementAName">
			<el-select
			v-model="ruleForm.elementAName"
			:disabled="true"
			style="width: 100%"
			>
			</el-select>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="检查人" prop="region">
			<el-input v-model="ruleForm.name" :disabled="true"></el-input>
			<!-- <el-select-->
			<!-- v-model="ruleForm.elementAName"-->
			<!-- :disabled="true"-->
			<!-- style="width: 100%"-->
			<!-- >-->
			<!-- </el-select>-->
			</el-form-item>
			</el-col>
			<el-col :span="9" :offset="4">
			<el-form-item label="陪检人员" prop="name">
			<el-input v-model="ruleForm.name" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="检查时间" prop="name">
			<el-date-picker
			v-model="value1"
			type="date"
			:disabled="true"
			placeholder="选择日期"
			style="width: 100%">
			</el-date-picker>
			</el-form-item>
			</el-col>
			<el-col :span="9" :offset="4">
			<!-- <el-form-item label="班次" prop="name">-->
			<!-- <el-input v-model="ruleForm.name"></el-input>-->
			<!-- </el-form-item>-->
			<el-form-item label="班次" prop="elementAName">
			<el-select
			v-model="ruleForm.elementAName"
			:disabled="true"
			style="width: 100%"
			>
			</el-select>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="跟班、带班情况" prop="name">
			<el-input v-model="ruleForm.name" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			<el-col :span="9" :offset="4">
			<el-form-item label="跟班、带班人员" prop="name">
			<el-input v-model="ruleForm.name" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="22">
			<el-form-item label="行走路线" prop="name">
			<el-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="隐患单位" prop="name">
			<!--<el-input v-model="ruleForm.name"></el-input>-->
			<el-select
			v-model="ruleForm.elementAName"
			:disabled="true"
			style="width: 100%"
			>
			</el-select>
			</el-form-item>
			</el-col>
			<el-col :span="9" :offset="4">
			<el-form-item label="隐患部门" prop="name">
			<!-- <el-input v-model="ruleForm.name"></el-input>-->
			<el-select
			v-model="ruleForm.elementAName"
			:disabled="true"
			style="width: 100%"
			>
			</el-select>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="22">
			<el-form-item label="隐患地点" prop="name">
			<el-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="22">
			<el-form-item label="隐患内容" prop="name">
			<el-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="隐患类别" prop="name">
			<!--<el-input v-model="ruleForm.name"></el-input>-->
			<el-select
			v-model="ruleForm.elementAName"
			:disabled="true"
			style="width: 100%"
			>
			</el-select>
			</el-form-item>
			</el-col>
			<el-col :span="9" :offset="4">
			<el-form-item label="隐患级别" prop="name">
			<!--<el-input v-model="ruleForm.name"></el-input>-->
			<el-select
			v-model="ruleForm.elementAName"
			:disabled="true"
			style="width: 100%"
			>
			</el-select>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="整改措施" prop="name">
			<el-input v-model="ruleForm.name" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			<el-col :span="9" :offset="4">
			<el-form-item label="所需资金" prop="name">
			<el-input v-model="ruleForm.name" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="限改时间" prop="name">
			<!--<el-input v-model="ruleForm.name"></el-input>-->
			<el-date-picker
			v-model="value1"
			type="date"
			:disabled="true"
			placeholder="选择日期"
			style="width: 100%">
			</el-date-picker>
			</el-form-item>
			</el-col>
			<el-col :span="9" :offset="4">
			<el-form-item label="责任人" prop="name">
			<el-input v-model="ruleForm.name" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="完成时间" prop="name">
			<!--<el-input v-model="ruleForm.name"></el-input>-->
			<el-date-picker
			v-model="value1"
			type="date"
			:disabled="true"
			placeholder="选择日期"
			style="width: 100%">
			</el-date-picker>
			</el-form-item>
			</el-col>
			<el-col :span="9" :offset="4">
			<el-form-item label="整改完成情况" prop="name">
			<el-input v-model="ruleForm.name" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="复查时间" prop="name">
			<!--<el-input v-model="ruleForm.name"></el-input>-->
			<el-date-picker
			v-model="value1"
			type="date"
			:disabled="true"
			placeholder="选择日期"
			style="width: 100%">
			</el-date-picker>
			</el-form-item>
			</el-col>
			<el-col :span="9" :offset="4">
			<el-form-item label="复查人" prop="name">
			<el-input v-model="ruleForm.name" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="复查结果" prop="name">
			<el-input v-model="ruleForm.name" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			<el-col :span="9" :offset="4">
			<el-form-item label="整改次数" prop="name">
			<el-input v-model="ruleForm.name" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="22">
			<el-form-item label="危险源" prop="name">
			<el-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="风险等级" prop="name">
			<!-- <el-input v-model="ruleForm.name" :disabled="true"></el-input>-->
			<el-select
			v-model="ruleForm.elementAName"
			:disabled="true"
			style="width: 100%"
			>
			</el-select>
			</el-form-item>
			</el-col>
			<el-col :span="9" :offset="4">
			<el-form-item label="业务科室" prop="name">
			<!-- <el-input v-model="ruleForm.name" :disabled="true"></el-input>-->
			<el-select
			v-model="ruleForm.elementAName"
			:disabled="true"
			style="width: 100%"
			>
			</el-select>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="22">
			<el-form-item label="流程信息" prop="name">
			<!-- <el-input v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>-->
			<el-table
			:data="tableData"
			border
			style="width: 100%">
			<el-table-column
			prop="date"
			label="步骤"
			align="center"
			width="60">
			</el-table-column>
			<el-table-column
			prop="name"
			label="操作人"
			align="center"
			width="138">
			</el-table-column>
			<el-table-column
			prop="province"
			label="处理时间"
			align="center"
			width="200">
			</el-table-column>
			<el-table-column
			prop="city"
			label="审批意见"
			align="center"
			width="260">
			</el-table-column>
			<el-table-column
			prop="address"
			label="流程信息"
			align="center"
			width="170">
			</el-table-column>
			</el-table>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="22">
			<el-form-item label="发送流程" prop="name">
			<el-input type="textarea" v-model="ruleForm.name" class="multiline" :disabled="true"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="22">
			<el-form-item label="是否发送" prop="name">
			<el-radio-group v-model="ruleForm.safetyInspectionItemResult">
			<el-radio :label="0">通过</el-radio>
			<el-radio :label="1">不通过</el-radio>
			</el-radio-group>
			</el-form-item>
			</el-col>
			</el-row>
			<div
			v-if="ruleForm.safetyInspectionItemResult == 0">
			<el-row>
			<el-col :span="9">
			<el-form-item label="复查时间" prop="reviewTime">
			<el-date-picker
			v-model="ruleForm.reviewTime"
			type="date"
			placeholder="选择日期"
			style="width: 100%">
			</el-date-picker>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="复查人" prop="rechecker">
			<el-input v-model="ruleForm.rechecker" clearable></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="22">
			<el-form-item label="复查结果" prop="reviewResults">
			<el-input class="textarea2" type="textarea" clearable v-model="ruleForm.reviewResults"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="22">
			<el-form-item label="备注" prop="desc">
			<el-input class="textarea" type="textarea" v-model="ruleForm.desc"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			</div>
			<div
			v-else="ruleForm.safetyInspectionItemResult == 1">
			<el-row>
			<el-col :span="9">
			<el-form-item label="复查时间" prop="reviewTime">
			<el-date-picker
			v-model="ruleForm.reviewTime"
			type="date"
			placeholder="选择日期"
			style="width: 100%">
			</el-date-picker>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="9">
			<el-form-item label="复查人" prop="rechecker">
			<el-input v-model="ruleForm.rechecker" clearable></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="22">
			<el-form-item label="复查结果" prop="reviewResults">
			<el-input class="textarea2" type="textarea" v-model="ruleForm.reviewResults1"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			<el-row>
			<el-col :span="22">
			<el-form-item label="备注" prop="desc1">
			<el-input class="textarea" type="textarea" v-model="ruleForm.desc1"></el-input>
			</el-form-item>
			</el-col>
			</el-row>
			</div>
			<el-row>
			<el-col :span="22">
			<el-form-item style="text-align: center;">
			<el-button class="btn" size="small" type="primary" @click="submitForm('ruleForm')">保存</el-button>
			<el-button size="small" @click="close()">关闭</el-button>
			</el-form-item>
			</el-col>
			</el-row>
			</el-form>
			</div>
			</div>

			</div>
			</template>

			<script>
			import Titlename from "../../components/Titlename/index.vue";

			export default {
			name: "rectificationDelayHiddenDanger"
			components: {Titlename},
			name: "rectificationDelayHiddenDanger",
			data() {
			return {
			ruleForm: {
			name: '',
			region: '',
			date1: '',
			date2: '',
			delivery: false,
			type: [],
			resource: '',
			value1: '',
			desc: '',
			rechecker:'',
			reviewTime:'',
			reviewResults:'',
			rechecker1:'',
			reviewTime1:'',
			reviewResults1:'',
			desc1:''
			},
			rules: {
			reviewTime: { required: true, message: '请填写复查时间', trigger: 'blur' },
			rechecker: { required: true, message: '请填写复查人', trigger: 'blur' },
			reviewResults: { required: true, message: '请填写复查结果', trigger: 'blur' },
			desc1: { required: true, message: '复查不通过时请在备注说明原因！', trigger: 'blur' },
			},
			tableData: [{
			date: ' 1',
			name: '超级管理员',
			province: '2022-04-07 16:10:27',
			city: '',
			address: '已发送众泰煤焦化安全环保部',
			}, {
			date: ' 1',
			name: '超级管理员',
			province: '2022-04-07 16:10:27',
			city: '',
			address: '已发送众泰煤焦化安全环保部',
			}, {
			date: ' 1',
			name: '超级管理员',
			province: '2022-04-07 16:10:27',
			city: '',
			address: '已发送众泰煤焦化安全环保部',
			}],
			fileList: [],
			// safetyInspectionItemResult:'0',
			};
			},
			methods: {
			submitForm(formName) {
			this.$refs[formName].validate((valid) => {
			if (valid) {
			alert('submit!');
			} else {
			console.log('error submit!!');
			return false;
			}
			});
			},
			handleRemove(file, fileList) {
			console.log(file, fileList);
			},
			handlePreview(file) {
			console.log(file);
			},
			beforeUpload(file) {
			var FileExt = file.name.replace(/.+\./, "");
			if (['jpg','png','bmp','gif','jpeg'].indexOf(FileExt.toLowerCase()) === -1){
			this.$message({
			type: 'warning',
			message: '请上传后缀名为jpg、png、bmp、gif、jpeg的图片！'
			});
			return false;
			}
			},
			close(){
			this.$router.push({
			path:"/delayHiddenDangerRectification"
			})
			}
			}
			}
			</script>

			<style scoped>
			.app-container {
			padding: 20px;
			height: 850px;
			overflow-y: auto;
			}

			/deep/ .box {
			padding-top: 0;
			}

			/deep/ .multiline .el-input__inner {
			height: 62px;
			}
			/deep/ .textarea .el-textarea__inner{
			height: 80px;
			max-height: 80px;
			overflow-y: auto
			}
			/deep/ .textarea2 .el-textarea__inner{
			height: 100px;
			max-height: 100px;
			overflow-y: auto
			}
			.btn{
			background-color: #034ea2;
			border: 1px solid #034ea2;
			}
			/.el-button:hover {/
			/* background: #66b1ff;*/
			/* border-color: #66b1ff;*/
			/* color: #FFF;*/
			/}/
			</style>