<template>
	<div>
		<el-form ref="classForm" label-position="left" label-width="100px" :model="classForm" :rules="classRules">
			<el-row :gutter="40">
				<el-col :span="24">
					<div style="background-color: #eee;font-weight: bold;text-align: center;font-size: 16px;"
						class="pd-10 m-b-10">
						2024年第四期铁路监理工程师网络继续教育（土建专业）
					</div>
				</el-col>
				<el-col :span="24">
					<div class="formTitle m-b-20">
						企业信息
					</div>
				</el-col>
				<el-col :span="24">
					<el-form-item label="企业名称" prop="qyname">
						<!-- <el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入正确的公司全称"></el-input> -->
						<el-select v-model="classForm.qyname" multiple filterable remote reserve-keyword
							placeholder="请输入企业名称" :remote-method="remoteMethod" :loading="loading">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="负责人姓名" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入负责人姓名"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="手机号码" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入手机号码"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="邮政编码" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入邮政编码"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="电子邮箱" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入电子邮箱"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<div class="formTitle m-b-20">
						监理工程师信息
					</div>
				</el-col>
				<el-col :span="24">
					<el-form-item label="姓名" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入姓名"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="性别" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请选择性别"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="身份证号" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入身份证号"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="联系电话" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入联系电话"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="学历" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请选择学历"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="证书有效期至" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入证书有效期"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="毕业院校" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入毕业院校"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="职称" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入职称"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="职称批准单位" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入职称批准单位"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="监工证书编号" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入监工证书编号"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="监理工程师业绩/简历" prop="qyname">
						<!-- <el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入正确的公司全称"></el-input> -->
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="新增简历工程师业绩" prop="qyname">
						<el-input v-model="classForm.qyname" type="textarea" :rows="3"  auto-complete="off"
							placeholder="请输入新增简历工程师业绩"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<div class="formTitle m-b-20">
						开票信息
					</div>
				</el-col>
				<el-col :span="24">
					<div style="color:#F56C6C;">
						注意事项：发票均每人单独开出，在网络报名时，选择付款单位，选择付款单位后，发票将不能更换。开票信息为空的，请联系企业完善开票信息。
					</div>
					<div class="m-t-10">
						<el-form-item label="发票抬头" prop="qyname">
							
						</el-form-item>
					</div>
				</el-col>
				<el-col :span="24">
					<div class="formTitle m-b-20">
						邮寄信息
					</div>
				</el-col>
				<el-col :span="24">
					<el-form-item label="收件人姓名" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入收件人姓名"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="收件人手机" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入收件人手机"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="邮寄地址" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入邮寄地址"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="邮政编码" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入邮政编码"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<div style="color: #F56C6C;">
						注意事项:发票统一邮寄到付款单位，不单独邮寄给分公司或者个人。
					</div>
				</el-col>
				<el-col :span="24">
					<div class="formTitle m-b-20">
						证件上传
					</div>
				</el-col>
				<el-col :span="24">
					<el-form-item label="身份证上传" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入正确的公司全称"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="毕业证上传" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入正确的公司全称"></el-input>
					</el-form-item>
				</el-col>
				<el-col :span="24">
					<el-form-item label="职称证上传" prop="qyname">
						<el-input v-model="classForm.qyname" type="text" auto-complete="off"
							placeholder="请输入正确的公司全称"></el-input>
					</el-form-item>
				</el-col>
			</el-row>
		</el-form>
	</div>
</template>

<script>
	export default {
		name: "kaoshiH5",
		data() {

			return {
				loading: false, //按钮加载
				classForm: {
					TrainId: null, //培训计划id
					qyname: null,
				},
				classRules: {

				}
			}
		},
		methods: {
			handleRegister() {
				this.$emit('submitSuccess', 1)
				// this.$refs.classForm.validate(valid => {
				// 	if (valid) {

				// 	} else {

				// 	}
				// })

			}
		}
	}
</script>

<style scoped lang="scss">
	.formTitle {
		color: #409EFF;
		border-bottom: 1px solid #409EFF;
		padding: 10px;
		font-size: 16px;
		font-weight: bold;
	}

	::v-deep .el-form-item__label {
		text-align: justify !important;

		text-align-last: justify !important;
	}
	::v-deep .el-select{
		width: 100%!important;
	}
	::v-deep .select-container {
		width: 100%;
		/* 如果需要，可以设置外部容器的宽度 */
	}

	::v-deep .select-container .el-select {
		width: 100%;
		/* 让 el-select 占满外部容器的宽度 */
	}
</style>