From bb778186ba4fbf4b8f754135f733aad5486ab638 Mon Sep 17 00:00:00 2001
From: wangxia <779219182@qq.com>
Date: Thu, 21 Mar 2024 14:51:19 +0800
Subject: [PATCH] =?UTF-8?q?=E8=81=8C=E6=95=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/job.js                                     |   9 +
 .../FirstJob/components/vocationalRecord.vue       | 305 ++++++++++++++++-----
 src/components/FirstJob/detail.vue                 | 234 ++++++++++++++--
 src/components/FirstJob/joblist.vue                | 222 ++++++++++++---
 src/components/FirstJob/recordBill.vue             |  18 +-
 .../usercenter/components/vocationalBill.vue       |   2 +-
 src/utils/request.js                               |   4 +-
 src/views/main.vue                                 |   4 +-
 vue.config.js                                      |   2 +-
 9 files changed, 659 insertions(+), 141 deletions(-)

diff --git a/src/api/job.js b/src/api/job.js
index b17f3e3..74da0d0 100644
--- a/src/api/job.js
+++ b/src/api/job.js
@@ -68,6 +68,15 @@ export function recordBillApi(data) {
 		headers: { "Content-Type": "application/x-www-form-urlencoded" },
 	});
 }
+// 职教报名
+export function vocationalBillApi(data) {
+	return request({
+		url: "/api/edu/apply",
+		method: "post",
+		data:setqs(data),
+		// headers: { "Content-Type": "application/x-www-form-urlencoded" },
+	});
+}
 // 一才录单报名
 export function recordBillYicaiApi(data) {
 	return request({
diff --git a/src/components/FirstJob/components/vocationalRecord.vue b/src/components/FirstJob/components/vocationalRecord.vue
index 349eacf..8aaf904 100644
--- a/src/components/FirstJob/components/vocationalRecord.vue
+++ b/src/components/FirstJob/components/vocationalRecord.vue
@@ -2,9 +2,9 @@
 	<div class="">
 		<a-modal title="职教报名" v-model="show" :maskClosable="false" centered id="demo" @cancel="modalCancel" @ok="handleOk" width="640px" :destroyOnClose="true" class="detailWindow">
 			<a-form-model ref="ruleForm" :model="form" :colon="true" :rules="rules">
-				<a-form-model-item ref="proxy" label="代理" prop :wrapperCol="{ span: 16 }" :labelCol="{ span: 6 }" style="height: 30px; margin-bottom: 20px">
+				<!-- <a-form-model-item ref="proxy" label="代理" prop :wrapperCol="{ span: 16 }" :labelCol="{ span: 6 }" style="height: 30px; margin-bottom: 20px">
 					<div class="pzbox" style="width: 100%">
-						<span v-if="proxyStatus === ''">{{ proxyinfo.userName }}</span>
+						<span v-if="proxyStatus === ''">{{ form.userName }}</span>
 						<a-select v-if="proxyStatus === 'proxy'" mode="combobox" auto-focus style="width: calc(100% - 200px)" placeholder="请选择代理" @blur="proxyStatus = ''">
 							<a-select-option v-for="i in proxyList" :key="i.userName" @click="proxyChange(i)">{{ i.userName }}</a-select-option>
 						</a-select>
@@ -19,13 +19,12 @@
 							>修改</span
 						>
 					</div>
-				</a-form-model-item>
-				<a-form-model-item ref="username" label=" 报名职教" prop="username" :wrapperCol="{ span: 16 }" :labelCol="{ span: 6 }" style="height: 30px; margin-bottom: 20px">
-					<!-- <a-input :value="firminfo.aliasName" :disabled="true" /> -->
+				</a-form-model-item> -->
+				<a-form-model-item ref="username" label="报名职教" prop="username" :wrapperCol="{ span: 16 }" :labelCol="{ span: 6 }" style="height: 30px; margin-bottom: 20px">
 					<div class="pzbox" style="width: 100%">
-						<span v-if="storeStatus === ''">{{ form.aliasName }}</span>
-						<a-select v-if="storeStatus === 'store'" show-search auto-focus mode="combobox" placeholder="请选择企业" style="width: calc(100% - 200px)" :default-active-first-option="false" :show-arrow="false" :filter-option="false" :not-found-content="null" @search="storeSearch" @blur="storeStatus = ''">
-							<a-select-option v-for="i in storeList" :key="i.id + ''" @click="storeChange(i)">{{ i.aliasName }}</a-select-option>
+						<span v-if="storeStatus === ''">{{ form.vocationalName }}</span>
+						<a-select v-if="storeStatus === 'store'" show-search auto-focus placeholder="请选择职教职位" v-model="form.vocationalName" style="width: calc(100% - 200px)" :default-active-first-option="false" :show-arrow="false" :filter-option="false" :not-found-content="null" @search="storeSearch" @blur="storeStatus = ''">
+							<a-select-option v-for="i in zhijiaoList" :key="i.vocationalName" @click="storeChange(i)">{{ i.vocationalName }}</a-select-option>
 						</a-select>
 						<span
 							@click="storeStatus = 'store'"
@@ -40,27 +39,36 @@
 					</div>
 				</a-form-model-item>
 				<a-form-model-item ref="fuwufei" label="服务费" prop="fuwufei" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }" style="margin-bottom: 20px">
-					<div class="" style="color:#ff4400">
-            {{ "800元/人" }}
-          </div>
+					<div class="" style="color: #ff4400">
+						{{ form.serviceCharge }}
+					</div>
+				</a-form-model-item>
+				<a-form-model-item ref="name" label="姓名" prop="name" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }" style="margin-bottom: 20px">
+					<a-input v-model="form.name" placeholder="请输入老乡姓名" class="special-input" />
 				</a-form-model-item>
-				<a-form-model-item ref="userName" label="姓名" prop="userName" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }" style="margin-bottom: 20px">
-					<a-input v-model="form.userName" placeholder="请输入老乡姓名" class="special-input" />
+				<a-form-model-item ref="gender" label="性别" prop="gender" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }">
+					<a-radio-group v-model="form.gender" defaultValue="nan" class="radiobox">
+						<a-radio value="1">男</a-radio>
+						<a-radio value="2">女</a-radio>
+					</a-radio-group>
 				</a-form-model-item>
 				<a-form-model-item ref="tel" label="手机号" prop="tel" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }" style="margin-bottom: 20px">
 					<a-input v-model="form.tel" placeholder="请输入手机号" :max-length="11" />
 				</a-form-model-item>
-
-				<a-form-model-item ref="desp" style="margin-bottom: 12px" label="备注" prop="desp" :wrapperCol="{ span: 16 }" :labelCol="{ span: 6 }">
-					<a-textarea v-model="form.desp" placeholder="请输入备注" :auto-size="{ minRows: 2, maxRows: 5 }" />
+				<a-form-model-item ref="age" label="年龄" prop="age" :labelCol="{ span: 6 }" :wrapperCol="{ span: 16 }">
+					<a-input v-model="form.age" placeholder="请输入年龄" class="special-input" />
 				</a-form-model-item>
+				<!-- <a-form-model-item ref="desp" style="margin-bottom: 12px" label="备注" prop="desp" :wrapperCol="{ span: 16 }" :labelCol="{ span: 6 }">
+					<a-textarea v-model="form.desp" placeholder="请输入备注" :auto-size="{ minRows: 2, maxRows: 5 }" />
+				</a-form-model-item> -->
 			</a-form-model>
+			<!-- <iframe id="goldendata_form_ohFOxo" src="https://jinshuju.net/f/ohFOxo?x_field_1=运营管理团队（高级班）&background=white&banner=show&embedded=true&inner_redirect=false" width="100%" frameborder=0 allowTransparency="true" height="454"></iframe> -->
 		</a-modal>
 	</div>
 </template>
 
 <script>
-import { recordBillApi, getProxyInfoApi, getStoreAliasApi, getStoreJobApi, getPolicyByJobIdApi, getPolicyListByJobIdApi, getJobDetailApi } from "@/api/job";
+import { vocationalBillApi, getProxyInfoApi, getStoreAliasApi, getStoreJobApi, getPolicyByJobIdApi, getPolicyListByJobIdApi, getJobDetailApi } from "@/api/job";
 export default {
 	// 组件名称
 	name: "",
@@ -88,44 +96,224 @@ export default {
 			form: {},
 			rules: {
 				// 录单校验规则
-				userName: [
+				name: [
 					{
 						required: true,
 						message: "请输入姓名",
-						trigger: "blur",
+						trigger: "submit",
 					},
 					{
 						pattern:
 							// /^((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F](·)*$/, // 姓名校验规则
 							/^(((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F][^·]{1,12})$/, // 姓名校验规则
 						message: "请输入正确的姓名",
-						trigger: "blur",
+						trigger: "submit",
 					},
 				],
 				tel: [
 					{
 						required: true,
 						message: "请输入手机号",
-						trigger: "blur",
+						trigger: "submit",
 					},
 					{
 						pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
 						message: "请输入正确的手机号",
-						trigger: "blur",
+						trigger: "submit",
+					},
+				],
+				gender: [{ required: true, message: "请选择性别", trigger: "submit" }],
+				age: [
+					{ required: true, message: "请输入年龄", trigger: "submit" },
+					{
+						pattern: /^(1[69]|[2-5][0-9]|60)$/,
+						message: "请输入16-60之间的纯数字",
+						trigger: "submit",
 					},
 				],
-				// tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
 			},
+			zhijiaoList: [
+				// 职教列表
+				{
+					id: 0,
+					vocationalName: "电气工程师（初级班）",
+					logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job1.png",
+					tuition: "6800元",
+					serviceCharge: "2000元/人",
+					salary: "7000-9000元/月",
+					enterprise: "",
+					semester: "30天",
+					totalProfit: "2500元/人+就业分成",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景： 
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：电气工程师（初级）实习期6000-8000元/月，实习期过后，7000-9000元/月。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. 电工基础课程
+2. 气动基础课程
+3. 传感器课程
+4. 西门子200SMART PLC课程
+5. ABB机器人课程
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿 
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+				{
+					id: 1,
+					vocationalName: "调试工程师（中级班）",
+					logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job2.png",
+					tuition: "11800元",
+					serviceCharge: "3000元/人",
+					salary: "8000-11000元/月",
+					enterprise: "",
+					semester: "60天",
+					totalProfit: "4000元/人+就业分成",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景： 
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：调试工程师（中级）实习期7000-9000元/月，实习期过后，8000-11000元/月。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. PLC编程基础知识
+2. 编程基本指令学习
+3. 威纶通触摸屏
+4. 运动控制课程
+5. 模拟量应用课程
+6. 通信课程/绘图课程
+7. 非标设备实操课程
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿 
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+				{
+					id: 2,
+					vocationalName: "运营管理团队（高级班）",
+					logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png",
+					tuition: "19800元",
+					serviceCharge: "6500元/人",
+					salary: "20万/年",
+					enterprise: "",
+					semester: "90天",
+					totalProfit: "8000元/人",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景： 
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：运营/教师精英班（高级）实习期（三个月）8000-9000元/月，实习期过后9000-11000元/月，运营管理类学员孵化创业年综合收入20w。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. 自动化专业技能培训 5周
+2. 自动化教学技法培训 5周
+3. 线上新媒体应用培训 1周
+4. 综合素养培训 1周
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿 
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+			],
 		};
 	},
 	// 计算属性
 	computed: {},
 	// 侦听器
-	watch: {},
+	watch: {
+		show(val) {
+			// console.log("val", val);
+			// console.log("this.jobDetail", this.jobDetail);
+			if (val) {
+				this.form = JSON.parse(JSON.stringify(this.jobDetail));
+				// this.$forceUpdate()
+			}
+		},
+	},
 	created() {
 		this.proxyinfo = JSON.parse(localStorage.getItem("LOGIN_DATA"));
 		console.log("this.proxyinfo", this.proxyinfo);
-		this.form.aliasName = this.jobDetail.aliasName;
+		this.form = JSON.parse(JSON.stringify(this.jobDetail));
 		setTimeout(() => {
 			console.log("this.jobDetail", this.jobDetail);
 		}, 1000);
@@ -145,6 +333,11 @@ export default {
 			}
 			console.log(data);
 		},
+		storeChange(e) {
+			console.log(e);
+			this.form.vocationalName = e.vocationalName;
+			this.form.serviceCharge = this.zhijiaoList.find((item) => item.vocationalName == e.vocationalName)["serviceCharge"];
+		},
 		handleOk() {
 			var that = this;
 			console.log(that.fileListT2);
@@ -155,60 +348,42 @@ export default {
 			// }
 			// console.log(dataObj);
 			this.$refs.ruleForm.validate(async (ispass, no) => {
-				console.log(this.form);
-				console.log(ispass);
-				console.log(no);
+				console.log("this.form", this.form);
+				console.log("ispass", ispass);
+				console.log("no", no);
 				if (this.confirmLoading == true) {
 					return;
 				}
 				this.confirmLoading = true;
 				if (ispass) {
 					console.log(this.form);
-					this.form["imgs"] = that.fileListT2.toString();
-					if (this.currentPolicy == 0) {
-						this.$message.warning("请选择政策");
-						this.confirmLoading = false;
-						return;
-					}
-					let dataObj = qs.stringify({
-						...this.form,
-						storeJobId: this.firminfo.id,
-						policyIdx: this.currentPolicy,
+					let dataObj = {
+						name: this.form.name,
+						gender: this.form.gender,
+						age: this.form.age,
+						tel: this.form.tel,
+						jobName: this.form.vocationalName,
 						// policy: '',
-					});
-					console.log(dataObj);
-					const { data } = await recordBillApi(dataObj);
+					};
+					console.log("dataObj", dataObj);
+					// return
+					const { data } = await vocationalBillApi(dataObj);
+					// data.msg = '失败'
+					// data.status = '300'
 					if (data.status === 200) {
 						console.log(data);
-						// this.$message.success("提交成功");
+						this.$message.success("提交成功");
 						setTimeout(() => {
 							this.confirmLoading = false;
-
-							this.$router.push("/recordsuccess");
 						}, 1000);
+						this.$emit("update:show", false);
 					} else {
 						this.$message.error(data.msg);
 					}
 					this.confirmLoading = false;
-
-					// setTimeout(() => {
-					//   this.confirmLoading = false;
-					//   this.form = {
-					//     // 录单数据置空
-					//     name: "",
-					//     tel: "",
-					//     peoplecard: "",
-					//     username: "",
-					//   };
-					//   this.visible = false;
-					// }, 2000);
 				} else {
 					this.confirmLoading = false;
-					// this.$message.error(no)
-
-					console.log(123);
 				}
-				console.log(no);
 			});
 		},
 	},
@@ -254,18 +429,18 @@ export default {
 			color: #ff4400;
 		}
 		&::selection {
-			background: #ff4400;
+			// background: #ff4400;
 		}
 		&:focus {
-			background: #ff4400;
+			// background: #ff4400;
 		}
 		&:active {
-			background: #ff4400;
+			// background: #ff4400;
 		}
 	}
 	.ant-modal-footer {
-    border-top: none;
-    padding-bottom: 16px;
+		border-top: none;
+		padding-bottom: 16px;
 	}
 }
 </style>
diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index 92f7ffb..dce2f2b 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -25,29 +25,25 @@
 					<div class="subsetleft" v-show="!skeletonshow">
 						<div class="info">
 							<div class="imgbox">
-								<img v-if="store.logo" :src="store.logo" alt />
-								<img v-else src="../../../static/img/nopicture.png" alt />
-							</div>
+								<img v-if="jobDetail.logo" :src="jobDetail.logo" alt />
+								<div v-else class="default_avatar">{{ jobDetail.vocationalName }}</div>
+								<!-- <img v-else src="../../../static/img/nopicture.png" alt /> -->
+							</div> 
 							<div class="jobinfobox">
 								<div>
-									<div class="jobname">{{ jobDetail.jobName }}</div>
+									<div class="jobname">{{ jobDetail.vocationalName }}</div>
 									<div class="jobinfo">
-										<span>{{ jobDetail.district }}</span>
+										<span>{{ jobDetail.district || "航空港区" }}</span>
+										<!-- <span>{{ jobDetail.district }}</span>
 										<span>{{ jobDetail.gender }}</span>
-										<span>{{ jobDetail.age }}</span>
+										<span>{{ jobDetail.age }}</span> -->
 									</div>
 									<div class="jobpricemonth" style="margin-top: 12px">
-										<span style="color: #ff4d4f; background: rgba(255, 77, 79, 0.1); padding: 1px 6px">
-											工作薪资：<template>
-												<span>{{ jobDetail.minMonthlyPay ? jobDetail.minMonthlyPay : "" }}</span
-												>-<span>{{ jobDetail.maxMonthlyPay ? jobDetail.maxMonthlyPay : "" }}</span
-												>元
-											</template>
-										</span>
+										<span style="color: #ff4d4f; background: rgba(255, 77, 79, 0.1); padding: 1px 6px"> 工作薪资：{{ jobDetail.salary }} </span>
 									</div>
 								</div>
 								<div style="display: flex; align-items: center; height: 26px; margin-top: 16px">
-									<div class="jobpricehour" v-html="getSalaryClassifyValue(jobDetail.salaryClassify, jobDetail.salaryClassifyValue)"></div>
+									学费<span class="" style="font-size: 24px">{{ jobDetail.tuition }}</span>
 								</div>
 							</div>
 						</div>
@@ -78,22 +74,22 @@
 						<div class="topbox">
 							<div>服务费</div>
 							<div>
-								<span>{{ jobDetail.servetype }}</span>
+								<span>{{ jobDetail.serviceCharge }}</span>
 							</div>
 						</div>
 						<div class="sub-bottombox">
-							<button type="primary" class="jobDespBtn">
+							<!-- <button type="primary" class="jobDespBtn">
 								<a :href="customServiceUrl" target="_blank"> <i class="iconfont icon-kefu_lan mr6"></i>联系客服</a>
-							</button>
-							<button class="dropdown bottombox1" @click="recordShow = true" v-if="jobDetail.recruitment == '1'">报名</button>
-							<button class="norecruitment bottombox1" v-else>暂时停招</button>
+							</button> -->
+							<button class="dropdown bottombox1" @click="showRecord">报名</button>
+							<!-- <button class="norecruitment bottombox1" v-else>暂时停招</button> -->
 						</div>
 					</div>
 				</div>
 				<div style="padding: 0 16px">
 					<div class="" style="color: #333; font-size: 20px; font-weight: 600; margin: 32px 0 16px">职教描述</div>
 					<div class="c7" style="white-space: pre-line; font-size: 16px">
-						{{ "◆招生对象：\n基本要求：初中及以上学历，年龄 18-35 周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。\n1.工厂中想通过学习一门技术改变自己的一线操作工；\n2.从事自动化设备机构装配人员电控知识的扩展；\n3.想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习；" }}
+						{{ jobDetail.desp }}
 					</div>
 				</div>
 			</div>
@@ -540,6 +536,169 @@ export default {
 			customServiceUrl: "", // 客服信息
 			from: null, // 来源
 			recordShow: false,
+			zhijiaoList: [
+				// 职教列表
+				{
+					id: 0,
+					vocationalName: "电气工程师（初级班）",
+          logo:'https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job1.png',
+					tuition: "6800元",
+					serviceCharge: "2000元/人",
+					salary: "7000-9000元/月",
+					enterprise: "",
+					semester: "30天",
+					totalProfit: "2500元/人+就业分成",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景： 
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：电气工程师（初级）实习期6000-8000元/月，实习期过后，7000-9000元/月。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. 电工基础课程
+2. 气动基础课程
+3. 传感器课程
+4. 西门子200SMART PLC课程
+5. ABB机器人课程
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿 
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+				{
+					id: 1,
+					vocationalName: "调试工程师（中级班）",
+          logo:'https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job2.png',
+					tuition: "11800元",
+					serviceCharge: "3000元/人",
+					salary: "8000-11000元/月",
+					enterprise: "",
+					semester: "60天",
+					totalProfit: "4000元/人+就业分成",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景： 
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：调试工程师（中级）实习期7000-9000元/月，实习期过后，8000-11000元/月。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. PLC编程基础知识
+2. 编程基本指令学习
+3. 威纶通触摸屏
+4. 运动控制课程
+5. 模拟量应用课程
+6. 通信课程/绘图课程
+7. 非标设备实操课程
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿 
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+				{
+					id: 2,
+					vocationalName: "运营管理团队（高级班）",
+          logo:'https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png',
+					tuition: "19800元",
+					serviceCharge: "6500元/人",
+					salary: "20万/年",
+					enterprise: "",
+					semester: "90天",
+					totalProfit: "8000元/人",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景： 
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：运营/教师精英班（高级）实习期（三个月）8000-9000元/月，实习期过后9000-11000元/月，运营管理类学员孵化创业年综合收入20w。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. 自动化专业技能培训 5周
+2. 自动化教学技法培训 5周
+3. 线上新媒体应用培训 1周
+4. 综合素养培训 1周
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿 
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+			],
 		};
 	},
 	// 计算属性
@@ -554,10 +713,15 @@ export default {
 	beforeCreate() {},
 	created() {
 		// console.log(this.$router.matcher.match());
-		this.getJobDetail();
-		console.log(this.$route); // 获取传过来的params数据
+
+		console.log('this.$route',this.$route); // 获取传过来的params数据
 		if (this.$route.query.type) {
 			this.from = this.$route.query.type;
+			this.jobDetail = this.zhijiaoList.find((item)=>item.id == this.$route.query.id);
+			this.skeletonshow = false;
+      console.log(this.jobDetail);
+		} else {
+			this.getJobDetail();
 		}
 		this.getUserManager();
 		// Object.defineProperties("window.opener", "sessionStorage", {
@@ -680,6 +844,15 @@ export default {
 				// console.log('+++++++++++++++++++++++++', this.$store)
 			});
 		},
+		/**
+		 * 职教职培报名点击
+		 */
+		showRecord(info) {
+			console.log(info);
+			this.currentInfo = info;
+			this.recordShow = true;
+			// window.open(`https://jinshuju.net/f/ohFOxo?x_field_1=${this.jobDetail.vocationalName}&background=white&banner=show&embedded=true&inner_redirect=false`);
+		},
 		// 录单弹出层的关闭
 		handleCancel() {
 			this.visible = false;
@@ -989,9 +1162,9 @@ export default {
 					}
 				}
 				.jobinfobox {
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
 					.jobname {
 						// margin: 12px 0;
 						font-size: 20px;
@@ -1696,4 +1869,15 @@ export default {
 		display: none;
 	}
 }
+.default_avatar {
+	width: 186px;
+	height: 186px;
+	display: flex;
+	align-items: center;
+	text-align: center;
+	background-color: #d85043;
+	color: #fff;
+	font-size: 44px;
+	line-height: 1.3;
+}
 </style>
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index 8345280..935b556 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -501,7 +501,7 @@
 					>
 						<!-- v-if="signType == ''" -->
 
-						<router-link target="_blank" :to="signType == '' ? '/detail?id=' + item.id + '&page=' + formvalue.pageNum : '/detailYicai?id=' + item.id+ '&page=' + formvalue.pageNum " rel="opener">
+						<router-link target="_blank" :to="signType == '' ? '/detail?id=' + item.id + '&page=' + formvalue.pageNum : '/detailYicai?id=' + item.id + '&page=' + formvalue.pageNum" rel="opener">
 							<div class="subsetleft" @click="totop">
 								<div class="imgbox">
 									<img v-if="item.logo.length !== 0" :src="item.logo" />
@@ -611,61 +611,47 @@
 				<div style="text-align: center">
 					<a-spin tip="加载中..." :spinning="isspinning"></a-spin>
 				</div>
-				<template v-if="jobMainList.length === 0 && isspinning === false">
+				<!-- <template v-if="jobMainList.length === 0 && isspinning === false">
 					<a-empty class="nodata" description="暂无符合条件的岗位" />
-				</template>
+				</template> -->
 				<div v-if="!isspinning">
 					<div
 						class="subset"
-						v-for="(item, index) in jobMainList"
+						v-for="(item, index) in zhijiaoList"
 						:key="index"
 						:style="{
-							background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+							background: '#fff',
 						}"
 					>
 						<router-link target="_blank" :to="`/detail?id=${item.id}&page=${formvalue.pageNum}&type=vocational`" rel="opener">
 							<div class="subsetleft" @click="totop">
 								<div class="imgbox">
 									<img v-if="item.logo.length !== 0" :src="item.logo" />
-									<div v-else class="default_avatar">{{ item.brandName || item.jobName }}</div>
+									<div v-else class="default_avatar">{{ item.vocationalName || item.jobName }}</div>
 									<!-- <img v-else src="../../../static/img/nopicture.png" /> -->
 								</div>
 								<div class="jobinfobox" style="display: flex; flex-direction: column; justify-content: space-between">
 									<div>
-										<div class="jobname">{{ item.jobName }}</div>
+										<div class="jobname">{{ item.vocationalName }}</div>
 										<div class="jobinfo">
-											<span>{{ item.district }}</span>
-											<span>{{ item.gender }}</span>
-											<span v-if="item.distance != null && item.distance != '' && formvalue.sortTag == 2">{{ item.distanceKm }}</span>
-											<span v-else>{{ item.age }}</span>
+											<span>{{ item.district || "航空港区" }}</span>
+											<!-- <span>{{ item.gender }}</span> -->
 										</div>
 										<div class="jobpricemonth" v-if="item.minMonthlyPay">
-											<span style="color: #ff4d4f; background: rgba(255, 77, 79, 0.1); padding: 1px 6px">
-												工作薪资：<template v-if="formvalue.signType != 1">
-													<span>{{ item.minMonthlyPay ? item.minMonthlyPay : "" }}</span
-													>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay : "" }}</span
-													>元
-												</template>
-												<template v-else>
-													<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}</span
-													>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
-													>元
-												</template>
-											</span>
+											<span style="color: #ff4d4f; background: rgba(255, 77, 79, 0.1); padding: 1px 6px"> 工作薪资：{{ item.salary }} </span>
 										</div>
 									</div>
-									<div class="jobpricehour" style="font-size: 18px">学费<span class="" style="font-size: 24px">10000</span></div>
+									<div class="jobpricehour" style="font-size: 18px">
+										学费<span class="" style="font-size: 24px">{{ item.tuition }}</span>
+									</div>
 								</div>
 							</div>
 						</router-link>
 						<div class="subsetright">
 							<div class="topContainer">
-								<div class="updateTime" style="display: none">
-									<span>更新时间：{{ item.updateTime || "--" }} ( {{ item.diffTime || "--" }} )</span>
-								</div>
 								<div class="topbox">
 									<div>服务费</div>
-									<div>{{ item.servetype }}</div>
+									<div>{{ item.serviceCharge }}</div>
 								</div>
 							</div>
 							<div class="bottombox1">
@@ -675,20 +661,20 @@
 										<span v-if="item.jobDesp" :class="'copyInfo' + index">{{ item.jobDesp }}</span
 										><span v-else>暂无详单</span>
                 </template>-->
-								<router-link target="_blank" :to="`/detail?id=${item.id}&page=${formvalue.pageNum}&type=vocational`" rel="opener">
+								<router-link target="_blank" :to="`/detail?id=${item.id}&type=vocational`" rel="opener">
 									<button
 										type="primary"
 										class="jobDesp br4"
 										:style="{
-											background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+											background:'#fff',
 										}"
 									>
 										更多
 									</button>
 								</router-link>
 								<!-- </a-popover> -->
-								<button class="apply br4" @click="showRecord(item)" v-if="item.recruitment == '1'">立即报名</button>
-								<button class="norecruitment" v-else>暂时停招</button>
+								<button class="apply br4" @click="showRecord(item)">立即报名</button>
+								<!-- <button class="norecruitment" v-else>暂时停招</button> -->
 
 								<!-- <button @click="showmodal(item)" @click="">报名</button> -->
 							</div>
@@ -773,7 +759,7 @@ export default {
 	// 局部注册的组件
 	components: {
 		recommend,
-    recordModal
+		recordModal,
 		// recordbill,
 	},
 	// 组件参数 接收来自父组件的数据
@@ -794,6 +780,169 @@ export default {
 	data() {
 		return {
 			jobMainList: [], // 职位列表
+				zhijiaoList: [
+				// 职教列表
+				{
+					id: 0,
+					vocationalName: "电气工程师（初级班）",
+          logo:'https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job1.png',
+					tuition: "6800元",
+					serviceCharge: "2000元/人",
+					salary: "7000-9000元/月",
+					enterprise: "",
+					semester: "30天",
+					totalProfit: "2500元/人+就业分成",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景： 
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：电气工程师（初级）实习期6000-8000元/月，实习期过后，7000-9000元/月。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. 电工基础课程
+2. 气动基础课程
+3. 传感器课程
+4. 西门子200SMART PLC课程
+5. ABB机器人课程
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿 
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+				{
+					id: 1,
+					vocationalName: "调试工程师（中级班）",
+          logo:'https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job2.png',
+					tuition: "11800元",
+					serviceCharge: "3000元/人",
+					salary: "8000-11000元/月",
+					enterprise: "",
+					semester: "60天",
+					totalProfit: "4000元/人+就业分成",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景： 
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：调试工程师（中级）实习期7000-9000元/月，实习期过后，8000-11000元/月。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. PLC编程基础知识
+2. 编程基本指令学习
+3. 威纶通触摸屏
+4. 运动控制课程
+5. 模拟量应用课程
+6. 通信课程/绘图课程
+7. 非标设备实操课程
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿 
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+				{
+					id: 2,
+					vocationalName: "运营管理团队（高级班）",
+          logo:'https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png',
+					tuition: "19800元",
+					serviceCharge: "6500元/人",
+					salary: "20万/年",
+					enterprise: "",
+					semester: "90天",
+					totalProfit: "8000元/人",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景： 
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：运营/教师精英班（高级）实习期（三个月）8000-9000元/月，实习期过后9000-11000元/月，运营管理类学员孵化创业年综合收入20w。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. 自动化专业技能培训 5周
+2. 自动化教学技法培训 5周
+3. 线上新媒体应用培训 1周
+4. 综合素养培训 1周
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿 
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+			],
 			recordShow: false,
 			currentInfo: {}, // 当前点击的职位信息
 			isVocational: false,
@@ -1973,9 +2122,10 @@ export default {
 		showRecord(info) {
 			console.log(info);
 			this.currentInfo = info;
-			this.recordShow = true; 
-      console.log('this.recordShow',this.recordShow);
-      console.log('this.currentInfo',this.currentInfo);
+			this.recordShow = true;
+			// window.open(`https://jinshuju.net/f/ohFOxo?x_field_1=${this.currentInfo.vocationalName}&background=white&banner=show&embedded=true&inner_redirect=false`);
+			// console.log("this.recordShow", this.recordShow);
+			// console.log("this.currentInfo", this.currentInfo);
 		},
 	},
 };
diff --git a/src/components/FirstJob/recordBill.vue b/src/components/FirstJob/recordBill.vue
index b8e5938..a0ccc33 100644
--- a/src/components/FirstJob/recordBill.vue
+++ b/src/components/FirstJob/recordBill.vue
@@ -322,20 +322,20 @@ export default {
           {
             required: true,
             message: '请选择性别',
-            trigger: 'change',
+            trigger: 'submit',
           },
         ],
         age: [
           {
             required: true,
             message: '请输入年龄',
-            trigger: 'blur',
-          },
-          {
-            pattern: /^\d{2}$/,
-            message: '请输入正确的年龄',
-            trigger: 'blur',
+            trigger: 'submit',
           },
+          		{
+						pattern: /^(1[69]|[2-5][0-9]|60)$/,
+						message: "请输入16-60之间的纯数字",
+						trigger: "submit",
+					},
         ],
         idCard: [
           {
@@ -354,12 +354,12 @@ export default {
           {
             required: true,
             message: '请输入手机号',
-            trigger: 'blur',
+            trigger: 'submit',
           },
           {
             pattern: /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
             message: '请输入正确的手机号',
-            trigger: 'blur',
+            trigger: 'submit',
           },
         ],
         // tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
diff --git a/src/components/userinfo/usercenter/components/vocationalBill.vue b/src/components/userinfo/usercenter/components/vocationalBill.vue
index fbf653e..edeb731 100644
--- a/src/components/userinfo/usercenter/components/vocationalBill.vue
+++ b/src/components/userinfo/usercenter/components/vocationalBill.vue
@@ -17,7 +17,7 @@
 		</div>
 		<div>
 			<a-table :columns="columns" :data-source="billList" :pagination="false" :style="{ minWidth: 858 + 'px !important' }" :loading="{ spinning: isspinning, tip: '加载中', wrapperClassName: 'spinstyle' }" :rowKey="(record) => record.id"> </a-table>
-			<div class="pagecontainer">
+			<div class="pagecontainer" style="margin-top:20px">
 				<a-pagination :current="pagination.pageNum" class=" pagecontainer" :defaultPageSize="20" :show-total="(total) => `共${total || '0'}条`" :total="pagination.total" @change="onChange" @showSizeChange="onPageChange" show-size-changer show-quick-jumper />
 			</div>
 		</div>
diff --git a/src/utils/request.js b/src/utils/request.js
index da0ba1a..363b2f8 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -5,11 +5,11 @@ import qs from "qs";
 
 // import Vue from "vue";
 // const baseURL = "http://1shoudan.com"; // 正式环境线上 废弃
-const baseURL = "http://idaotian.com"; // 正式环境线上
+// const baseURL = "http://idaotian.com"; // 正式环境线上
 // const baseURL = "http://idagou.cn"; // 正式环境线上
 // console.log(baseURL); 
 // const baseURL = "https://d.matripe.com.cn"; // 正式环境本地
-// const baseURL = "http://bl7.matripe.com.cn:8001"; // 测试环境本地
+const baseURL = " http://test.renminshitang.com.cn/daotian/api_dev"; // 测试环境本地
 // const baseURL = "http://1shoudan.renminshitang.com.cn"; // 测试环境线上
 // const baseURL = "http://localhost:8001";
 // const data1 = require.context("./", false, /\.js$/); // 测试用
diff --git a/src/views/main.vue b/src/views/main.vue
index 1cf3b8c..d50c776 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -22,10 +22,10 @@
 							<li>
 								<router-link to="/list" @click.native="toList" :class="routertitleindex == 1 ? 'titleactive' : ''" rel="opener">稻田职位</router-link>
 							</li>
-							<li v-if="false">
+							<li v-if="true">
 								<router-link to="/list?type=vocational" :class="routertitleindex == 8 ? 'titleactive' : ''" rel="opener">职教职培</router-link>
 							</li>
-							<li v-if="false">
+							<li v-if="true">
 								<a-dropdown
 									overlayClassName="logindropdown"
 									placement="bottomRight"
diff --git a/vue.config.js b/vue.config.js
index 08c04c3..ab0b426 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -13,7 +13,7 @@ const name = defaultSettings.title || "vue Admin Template"; // page title
 const port = 8888 || process.env.port || process.env.npm_config_port; // dev port
 
 module.exports = {
-	publicPath: "./",
+	publicPath: "/daotian/dist",
 	outputDir: "dist",
 	assetsDir: "static",
 	lintOnSave: process.env.NODE_ENV === "development",