From 69472a11732870e89fb857e4bf31de02b67ecaf8 Mon Sep 17 00:00:00 2001
From: wangxia <779219182@qq.com>
Date: Sat, 16 Mar 2024 18:36:26 +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

---
 .../FirstJob/components/vocationalRecord.vue       |  271 ++
 src/components/FirstJob/detail.vue                 |  349 +--
 src/components/FirstJob/joblist.vue                |  271 +-
 .../userinfo/usercenter/components/mybill.vue      | 3081 ++++++++++----------
 .../usercenter/components/vocationalBill.vue       |  432 +++
 src/main-prod.js                                   |   13 +
 src/router/index.js                                |   13 +
 src/style/index.less                               |    1 +
 src/views/main.vue                                 |  174 +-
 9 files changed, 2668 insertions(+), 1937 deletions(-)
 create mode 100644 src/components/FirstJob/components/vocationalRecord.vue
 create mode 100644 src/components/userinfo/usercenter/components/vocationalBill.vue

diff --git a/src/components/FirstJob/components/vocationalRecord.vue b/src/components/FirstJob/components/vocationalRecord.vue
new file mode 100644
index 0000000..349eacf
--- /dev/null
+++ b/src/components/FirstJob/components/vocationalRecord.vue
@@ -0,0 +1,271 @@
+<template>
+	<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">
+					<div class="pzbox" style="width: 100%">
+						<span v-if="proxyStatus === ''">{{ proxyinfo.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>
+						<span
+							@click="proxyStatus = 'proxy'"
+							:style="{
+								color: '#ff4400',
+								marginLeft: '10px',
+								cursor: 'pointer',
+							}"
+							v-if="proxyStatus !== 'proxy'"
+							>修改</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" /> -->
+					<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>
+						</a-select>
+						<span
+							@click="storeStatus = 'store'"
+							:style="{
+								color: '#ff4400',
+								marginLeft: '10px',
+								cursor: 'pointer',
+							}"
+							v-if="storeStatus !== 'store'"
+							>修改</span
+						>
+					</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>
+				</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>
+				<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>
+			</a-form-model>
+		</a-modal>
+	</div>
+</template>
+
+<script>
+import { recordBillApi, getProxyInfoApi, getStoreAliasApi, getStoreJobApi, getPolicyByJobIdApi, getPolicyListByJobIdApi, getJobDetailApi } from "@/api/job";
+export default {
+	// 组件名称
+	name: "",
+	// 局部注册的组件
+	components: {},
+	// 组件参数 接收来自父组件的数据
+	props: {
+		show: {
+			type: Boolean,
+			default: false,
+		},
+		jobDetail: {
+			type: Object,
+			default: {},
+		},
+	},
+	// 组件状态值
+	data() {
+		return {
+			proxyStatus: "",
+			storeStatus: "",
+			proxyList: [],
+			storeList: [],
+			proxyinfo: {},
+			form: {},
+			rules: {
+				// 录单校验规则
+				userName: [
+					{
+						required: true,
+						message: "请输入姓名",
+						trigger: "blur",
+					},
+					{
+						pattern:
+							// /^((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F](·)*$/, // 姓名校验规则
+							/^(((?![\u3000-\u303F])[\u2E80-\uFE4F]|·)*(?![\u3000-\u303F])[\u2E80-\uFE4F][^·]{1,12})$/, // 姓名校验规则
+						message: "请输入正确的姓名",
+						trigger: "blur",
+					},
+				],
+				tel: [
+					{
+						required: true,
+						message: "请输入手机号",
+						trigger: "blur",
+					},
+					{
+						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",
+					},
+				],
+				// tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
+			},
+		};
+	},
+	// 计算属性
+	computed: {},
+	// 侦听器
+	watch: {},
+	created() {
+		this.proxyinfo = JSON.parse(localStorage.getItem("LOGIN_DATA"));
+		console.log("this.proxyinfo", this.proxyinfo);
+		this.form.aliasName = this.jobDetail.aliasName;
+		setTimeout(() => {
+			console.log("this.jobDetail", this.jobDetail);
+		}, 1000);
+	},
+	mounted() {},
+	// 组件方法
+	methods: {
+		modalCancel() {
+			this.$emit("update:show", false);
+		},
+		async storeSearch(value) {
+			// 企业名称搜索
+			console.log(value);
+			const { data } = await getStoreAliasApi(value);
+			if (data.status === 200) {
+				this.storeList = data.data;
+			}
+			console.log(data);
+		},
+		handleOk() {
+			var that = this;
+			console.log(that.fileListT2);
+			// let dataObj = {
+			//   ...this.form,
+			//   storeJobPolicyId: this.currentPolicy,
+			//   storeJobId: this.firminfo.id,
+			// }
+			// console.log(dataObj);
+			this.$refs.ruleForm.validate(async (ispass, no) => {
+				console.log(this.form);
+				console.log(ispass);
+				console.log(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,
+						// policy: '',
+					});
+					console.log(dataObj);
+					const { data } = await recordBillApi(dataObj);
+					if (data.status === 200) {
+						console.log(data);
+						// this.$message.success("提交成功");
+						setTimeout(() => {
+							this.confirmLoading = false;
+
+							this.$router.push("/recordsuccess");
+						}, 1000);
+					} 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);
+			});
+		},
+	},
+};
+</script>
+
+<style scoped lang="less">
+/deep/ .ant-modal {
+	.ant-btn-primary {
+		// width: 64px;
+		padding: 0 16px;
+		height: 32px;
+		// margin-top: 21px;
+		background: #ff4400;
+		border-radius: 6px;
+		border: none;
+		font-size: 14px;
+		color: #fff;
+		&:hover {
+			background-color: #ff4400cc;
+			color: #fff !important;
+		}
+		&::selection {
+			background: #ff4400;
+		}
+		&:focus {
+			background: #ff4400;
+		}
+		&:active {
+			background: #ff4400;
+		}
+	}
+	.ant-btn {
+		// width: 64px;
+		padding: 0 16px;
+		height: 32px;
+		// margin-top: 21px;
+		border-radius: 6px;
+		// border: none;
+		font-size: 14px;
+		&:hover {
+			border-color: #ff4400cc;
+			color: #ff4400;
+		}
+		&::selection {
+			background: #ff4400;
+		}
+		&:focus {
+			background: #ff4400;
+		}
+		&:active {
+			background: #ff4400;
+		}
+	}
+	.ant-modal-footer {
+    border-top: none;
+    padding-bottom: 16px;
+	}
+}
+</style>
diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index aecdd95..92f7ffb 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -9,30 +9,102 @@
 			</a-breadcrumb-item>
 			<a-breadcrumb-item href>
 				<a @click="toList">
-					<span>稻田职位</span>
+					<span>{{ from == "vocational" ? "职教职培" : "稻田职位" }}</span>
 				</a>
 			</a-breadcrumb-item>
 			<a-breadcrumb-item href>
-				<span style="color: #333">企业详情</span>
+				<span style="color: #333">{{ from == "vocational" ? "详情" : "企业详情" }}</span>
 			</a-breadcrumb-item>
 		</a-breadcrumb>
 		<!-- 主体区域 -->
 		<div class="maincontent w">
-			<div class="maincontentleft">
+			<!-- 职教 -->
+			<div class="maincontentleft" v-if="from == 'vocational'">
+				<div class="subset">
+					<a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" />
+					<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>
+							<div class="jobinfobox">
+								<div>
+									<div class="jobname">{{ jobDetail.jobName }}</div>
+									<div class="jobinfo">
+										<span>{{ jobDetail.district }}</span>
+										<span>{{ jobDetail.gender }}</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>
+									</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>
+								</div>
+							</div>
+						</div>
+						<div class="swiperBox">
+							<div id="swiper">
+								<div class="swiper-wrapper">
+									<div class="swiper-slide" v-for="(item, index) in [...storeImage]" :key="index">
+										<img :src="item" alt v-if="isImg(item)" @click="showImage(index)" style="cursor: pointer" />
+										<div v-if="!isImg(item)">
+											<div style="position: absolute; width: 78px; height: 78px; left: 0; top: 0; z-index: 99; background-color: transparent; cursor: pointer" @click.stop="handlePreview(item)"></div>
+											<video class="imgSpan" style="width: 80px; height: 45px" controls>
+												<source :src="item" type="video/mp4" />
+												<source :src="item" type="video/ogg" />
+												您的浏览器不支持 HTML5 video 标签。
+											</video>
+										</div>
+									</div>
+								</div>
+							</div>
+							<div class="swiper-button-next"></div>
+							<div class="swiper-button-prev"></div>
+						</div>
+						<a-modal :visible="previewVisible" wrapClassName="spic" centered :footer="null" @cancel="handleCancel">
+							<video style="width: 100%; max-height: calc(100vh - 40px)" id="movie" autoplay :src="previewImage" controls="controls" />
+						</a-modal>
+					</div>
+					<div class="subsetright">
+						<div class="topbox">
+							<div>服务费</div>
+							<div>
+								<span>{{ jobDetail.servetype }}</span>
+							</div>
+						</div>
+						<div class="sub-bottombox">
+							<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>
+						</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.想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习；" }}
+					</div>
+				</div>
+			</div>
+
+			<!-- 非职教 -->
+			<div class="maincontentleft" v-else>
 				<div class="subset">
 					<a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" />
 					<div class="subsetleft" v-show="!skeletonshow">
 						<div class="info">
 							<div class="imgbox">
-								<!-- <a-carousel arrows :autoplay="true" effect="fade" :dots="true" ref="scrollimg" v-if="storeImage.length !== 0">
-                <div slot="prevArrow" class="custom-slick-arrow" style="left: 5px; z-index: 99">
-                  <a-icon type="left-circle" />
-                </div>
-                <div slot="nextArrow" class="custom-slick-arrow" style="right: 5px; z-index: 99">
-                  <a-icon type="right-circle" />
-                </div>
-                <img v-for="(item, index) in storeImage" :key="index" :src="item" alt />
-                </a-carousel>-->
 								<img v-if="store.logo" :src="store.logo" alt />
 								<img v-else src="../../../static/img/nopicture.png" alt />
 							</div>
@@ -44,14 +116,12 @@
 									<span>{{ jobDetail.age }}</span>
 								</div>
 								<div class="jobtag">
-									<!-- <span>返费</span> -->
 									<a-tag :color="labelColor[index % labelColor.length]" v-for="(item, index) in jobDetail.jobRequestLabelNames" :key="index">{{ item }}</a-tag>
 								</div>
 								<div style="height: 27px" v-if="!jobDetail.jobRequestLabelNames" class="jobtag">
 									<a-tag :color="labelColor[1]">暂无要求</a-tag>
 								</div>
 								<div class="jobtag1">
-									<!-- <span>返费</span> -->
 									<a-tag v-for="(item, index) in jobDetail.jobSpecialLabelNames" :key="index">{{ item }}</a-tag>
 								</div>
 								<div style="height: 27px" v-if="!jobDetail.jobSpecialLabelNames" class="jobtag">
@@ -99,22 +169,14 @@
 							</div>
 						</div>
 						<div class="sub-bottombox">
-							<!-- <a-popover title="" trigger="click" placement="bottomRight"> -->
-
 							<button type="primary" class="jobDespBtn">
 								<a :href="customServiceUrl" target="_blank"> <i class="iconfont icon-kefu_lan mr6"></i>联系客服</a>
 							</button>
-							<!-- </a-popover> -->
 							<button class="dropdown bottombox1" @click="torecord()" v-if="jobDetail.recruitment == '1'">报名</button>
 							<button class="norecruitment bottombox1" v-else>暂时停招</button>
 						</div>
 					</div>
 				</div>
-
-				<!-- <div class="proxy">
-          <h1><i>代理政策</i></h1>
-          <div>{{ jobDetail.returnFeeDesp }}</div>
-        </div>-->
 				<div class="jobinformationbox">
 					<h1>
 						<div class="infotitle">
@@ -122,19 +184,6 @@
 							<span @click="tabchange = 0" :class="tabchange === 0 ? 'active' : ''">财务结算</span>
 							<span @click="tabchange = 2" :class="tabchange === 2 ? 'active' : ''">职位通告</span>
 						</div>
-						<!-- <span>我的政策更好，给我供人</span> -->
-						<!-- <div class="copy" @click="xiangdanVisible = true">通告</div>
-            <a-modal v-model="xiangdanVisible" title="通告" class="xiangdan" :footer="null" @ok="handleOk">
-              <template slot="content" class="jobDesp_content">
-                <div class="copy" @click="copyText($event)">复制</div>
-                <span v-if="jobDetail.jobDesp" class="copyInfo">
-                  {{
-                  jobDetail.jobDesp
-                  }}
-                </span>
-                <span v-else>暂无详单</span>
-              </template>
-            </a-modal>-->
 					</h1>
 					<div class="pay" id="tip" v-show="tabchange === 1">
 						<div class="mb12 mt20 titlestyle">温馨提示</div>
@@ -146,18 +195,6 @@
 							<div class="pay" id="pay">
 								<div class="mb12 mt20">薪资待遇</div>
 								<a-descriptions bordered size="small" :column="1" class="leftDesc boubleLevel">
-									<!-- <a-descriptions-item class="test1">
-                    <span slot="label" class="">工价</span>
-                    <span>{{ jobDetail.calculationUnit }}</span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="">综合月薪</span>
-                    <span>{{ jobDetail.combiSalary }}</span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="">薪资明细</span>
-                    <span>{{ jobDetail.salaryDetail }}</span>
-                  </a-descriptions-item>-->
 									<a-descriptions-item class="test1">
 										<span slot="label" class>薪资明细</span>
 										<span>{{ jobDetail.salaryDetail || "-" }}</span>
@@ -192,37 +229,6 @@
 											{{ jobDetail.salaryDesp || "-" }}
 										</span>
 									</a-descriptions-item>
-									<!-- <a-descriptions-item style="padding: 0">
-                    <span slot="label">薪资说明</span>
-                    <a-descriptions
-                      bordered
-                      size="small"
-                      :column="1"
-                      class="leftDesc noborder"
-                    >
-                      <a-descriptions-item>
-                        <span slot="label" class="">发薪日 </span>
-                        <span>{{ jobDetail.payDay }}</span>
-                      </a-descriptions-item>
-                      <a-descriptions-item>
-                        <span slot="label" class="">计薪周期 </span>
-                        <span>{{ jobDetail.calculationSalaryType }}</span>
-                      </a-descriptions-item>
-                      <a-descriptions-item>
-                        <span slot="label" class="">工资卡</span>
-                        <span>{{ jobDetail.payCard }}</span>
-                      </a-descriptions-item>
-                      <a-descriptions-item>
-                        <span slot="label" class="">费用报销</span>
-                        <span>{{
-                          jobDetail.reimbursement
-                        }}</span> </a-descriptions-item
-                      ><a-descriptions-item>
-                        <span slot="label" class="">补充说明 </span>
-                        <span v-html="jobDetail.salaryDesp"></span>
-                      </a-descriptions-item>
-                    </a-descriptions>
-                  </a-descriptions-item>-->
 								</a-descriptions>
 							</div>
 							<!-- 岗位要求 -->
@@ -260,29 +266,6 @@
 										<span slot="label" class>体检</span>
 										<span>{{ jobDetail.healthRequire || "-" }}</span>
 									</a-descriptions-item>
-
-									<!--    <a-descriptions-item>
-                    <span slot="label" class="">面试资料</span>
-                    <span>{{ jobDetail.idCard || "-" }}</span>
-                  </a-descriptions-item>-->
-									<!-- <a-descriptions-item>
-                    <span slot="label" class="">证件</span>
-                    <span>{{ jobDetail.certificate }}</span>
-                  </a-descriptions-item>
-                  
-                 
-                  <a-descriptions-item>
-                    <span slot="label" class="">带手机</span>
-                    <span>{{ jobDetail.carryTel }}</span>
-                  </a-descriptions-item>-->
-									<!--  <a-descriptions-item>
-                    <span slot="label" class="">体检要求</span>
-                    <span>{{ jobDetail.healthRequire || "-" }}</span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="">其它要求</span>
-                    <span>{{ jobDetail.otherRequire || "-" }}</span>
-                  </a-descriptions-item>-->
 								</a-descriptions>
 							</div>
 							<!-- 基本信息 -->
@@ -315,22 +298,6 @@
 										<span slot="label" class>保险</span>
 										<span>{{ jobDetail.employeeInsurance || "-" }}</span>
 									</a-descriptions-item>
-									<!-- <a-descriptions-item>
-                    <span slot="label" class="">工作时长</span>
-                    <span>{{ jobDetail.workDuration }}</span>
-                  </a-descriptions-item>
-                  <a-descriptions-item>
-                    <span slot="label" class="">倒班频次</span>
-                    <span>{{ jobDetail.workByTurns }}</span>
-                  </a-descriptions-item>-->
-									<!-- <a-descriptions-item>
-                    <span slot="label" class="">换岗调班</span>
-                    <span style="white-space: break-spaces">
-                      {{
-                      jobDetail.otherDesp || "-"
-                      }}
-                    </span>
-                  </a-descriptions-item>-->
 								</a-descriptions>
 							</div>
 
@@ -357,83 +324,8 @@
 										<span>入住条件</span>
 										<span>{{ jobDetail.dormitoryDesp || "-" }}</span>
 									</li>
-									<!-- <li>
-                        <span>宿舍距离</span
-                        ><span>{{ jobDetail.dormitoryDistance }}</span>
-                  </li>-->
-									<!-- <li>
-												<span>住宿费</span
-												><span>{{ jobDetail.dormitoryCost }}</span>
-											</li>
-                  -->
-
-									<!-- <li>
-                        <span>单间人数</span
-                        ><span>{{ jobDetail.dormitoryPeoples }}</span>
-                      </li>
-                      <li>
-                        <span>硬件设施</span
-                        ><span>{{ jobDetail.dormitoryFacilities }}</span>
-                  </li>-->
-									<!-- <li>
-                        <span>水电费</span
-                        ><span>{{ jobDetail.waterAndElec || "-" }}</span>
-                  </li>-->
-									<!-- <li>
-                        <span>班车</span><span>{{ jobDetail.regularBus }}</span>
-                  </li>-->
-									<!--  <li>
-                        <span>补充说明</span
-                        ><span style="white-space: break-spaces">{{
-                          jobDetail.dormitoryDesp || "-"
-                        }}</span>
-                  </li>-->
 								</ul>
-								<!-- <a-descriptions
-                bordered
-                size="small"
-                :column="1"
-                class="leftDesc"
-              >
-                <a-descriptions-item class="test1">
-                  <span slot="label" class="">工作餐</span>
-                  <a-descriptions size="small" :column="1">
-                    <a-descriptions-item>
-                      <span slot="label" class="">工作餐</span>
-                      <span class="">工包早中餐作餐</span>
-                    </a-descriptions-item>
-                    <a-descriptions-item>
-                      <span slot="label" class="">餐费</span>
-                      <span class="">收费（先吃后扣）</span>
-                    </a-descriptions-item>
-                    <a-descriptions-item>
-                      <span slot="label" class="">餐补</span>
-                      <span class="">无</span>
-                    </a-descriptions-item>
-                    <a-descriptions-item>
-                      <span slot="label" class="">餐卡押金</span>
-                      <span class="">10元</span>
-                    </a-descriptions-item>
-                    <a-descriptions-item>
-                      <span slot="label" class="">清真窗口</span>
-                      <span class="">有</span>
-                    </a-descriptions-item>
-                    <a-descriptions-item>
-                      <span slot="label" class="">工作餐 说明</span>
-                      <span class="">有肉有菜</span>
-                    </a-descriptions-item>
-                  </a-descriptions>
-                </a-descriptions-item>
-                <a-descriptions-item>
-                  <span slot="label" class="">班次时间</span>
-                  <span>9:30-14:00；17:00-22:00</span>
-                </a-descriptions-item>
-                </a-descriptions>-->
 							</div>
-							<!-- <div class="otherInfo" id="other">
-                <div class="mb12 mt20">其他信息</div>
-                <div style="white-space: break-spaces">{{ jobDetail.otherInfo || "-" }}</div>
-              </div>-->
 							<div class="required" id="abutment">
 								<div class="mb12 mt20">对接信息</div>
 								<a-descriptions bordered size="small" :column="1" class="leftDesc">
@@ -449,10 +341,6 @@
 										<span slot="label" class>宿舍地址</span>
 										<span>{{ jobPoses.room.posContent ? jobPoses.room.posContent : "-" }}</span>
 									</a-descriptions-item>
-									<!-- <a-descriptions-item class="test1">
-                    <span slot="label" class>总包驻场</span>
-                    <span>{{jobDetail.onSiteInfo || '-'}}</span>
-                  </a-descriptions-item>-->
 									<a-descriptions-item class="test1">
 										<span slot="label" class>面试说明</span>
 										<span>{{ jobDetail.interviewDesp || "-" }}</span>
@@ -480,27 +368,15 @@
 
 					<!-- 财务结算 -->
 					<div v-else-if="tabchange == 0">
-						<!-- <div class="pay" id="tip">
-              <div class="mb12 mt20 titlestyle">代理须知</div>
-              <div class="showInfo" style="width: 640px">{{ jobDetail.agencyStatement || "-" }}</div>
-            </div>-->
 						<a-descriptions bordered size="small" :column="1" class="leftDesc mt20" style="width: 900px">
 							<a-descriptions-item class="test1">
 								<span slot="label" class>服务费详情</span>
 								<span>{{ jobDetail.agencyProfit || "-" }}</span>
 							</a-descriptions-item>
-							<!-- <a-descriptions-item>
-              <span slot="label" class="">代理政策</span>
-              <span>{{ jobDetail.returnFeeDesp }}</span>
-              </a-descriptions-item>-->
 							<a-descriptions-item>
 								<span slot="label" class>扣税说明</span>
 								<span>{{ jobDetail.deductTaxDesp || "-" }}</span>
 							</a-descriptions-item>
-							<!-- <a-descriptions-item>
-                <span slot="label" class="">支付周期</span>
-                <span>{{ jobDetail.paymentCycle }}</span>
-              </a-descriptions-item>-->
 							<a-descriptions-item>
 								<span slot="label">
 									<div class="c6">账单日</div>
@@ -511,7 +387,6 @@
 							<a-descriptions-item>
 								<span slot="label" class>
 									<div class="c6">结算说明</div>
-									<!-- <div class="c6">{{'(结算时间)'}}</div> -->
 								</span>
 								<span>{{ jobDetail.settlementTime || "-" }}</span>
 							</a-descriptions-item>
@@ -522,7 +397,6 @@
 							<div class="mb12 mt20 titlestyle">职位通告</div>
 							<div class="showInfo" style="width: unset; color: #000 !important">
 								<div class="copy" @click="copyText($event)">复制</div>
-								<!--                {{ jobDetail.jobDesp || "-" }}-->
 								<div class="copyInfo" style="border: none; padding: 0 0; width: unset; white-space: pre-line">{{ jobDetail.jobDesp || "-" }}</div>
 							</div>
 						</div>
@@ -531,62 +405,35 @@
 			</div>
 			<div class="maincontentright">
 				<div class="hotphone">
-					<!-- <h1 class="bottombox">
-            <i>服务热线</i>
-          </h1>
-          <p>0371-6611 3723</p>-->
 					<h1 class="bottombox" style>
 						<i>客户经理</i>
 					</h1>
-					<!-- <div class="fcsc"> -->
-					<!-- <p>0371-6611 3723</p> -->
 					<img style="width: 60px; height: 60px; border-radius: 50%" class="mt24" :src="managerInfo.avatar || 'https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/service.jpg'" alt />
-					<p class="mt24 f16">{{ managerInfo.workPhone || '-'}}</p>
+					<p class="mt24 f16">{{ managerInfo.workPhone || "-" }}</p>
 					<p class="f16">
 						{{ managerInfo.name }}
 						<i class="iconfont icon-dianhua1 ml4 f14" style="line-height: 24px; color: #ff4400"></i>
 					</p>
 				</div>
-				<!-- <div class="jobDetailInfo" style="display:none">
-					<h1 class="bottombox"><i>职位详版</i> <span class="copy" @click="copyText">复制</span></h1>
-					<p class="copyInfo">{{ jobDetail.jobDesp || "-" }}</p>
-        </div>-->
 				<div class="companyinfo">
 					<div class="companydetail">
 						<h1 class="bottombox">
 							<i>企业详情</i>
 						</h1>
-						<!-- <p style="text-align: center">{{ jobDetail.aliasName || '-' }}</p> -->
-						<!-- <div class="imgbox">
-              <img v-if="storeImage.length !== 0" :src="storeImage[0]" alt />
-              <img v-else src="../../../static/img/nopicture.png" alt />
-            </div>-->
 					</div>
 					<div class="companylocation" style="text-align: center; padding: 0 20px 20px" v-if="positionInfo.lng">
 						<h2 style="padding: 16px 0; font-weight: 600">{{ store.storeName || "-" }}</h2>
 						<p style="padding-bottom: 20px; border-bottom: 1px solid #eee; font-size: 16px; text-indent: 16px; color: #4d575ecc; white-space: pre-line; text-align: left">{{ store.storeInfo || "-" }}</p>
-						<!-- <h1 class="bottombox">
-              <i>企业位置</i>
-            </h1>-->
 						<div class="imgbox">
-							<!-- <GDMap/> -->
 							<GDMap :positionInfo="positionInfo"></GDMap>
-							<!-- <img src="../../assets/map.png" alt="" /> -->
 						</div>
 					</div>
 				</div>
 				<recommend />
 			</div>
 		</div>
-		<!-- <div class="hotTel">
-			<i class="iconfont icon-kefu"></i>
-			<p>服务热线</p>
-			<div>
-				<p>服务热线</p>
-				<p>0371-6611 3723</p>
-			</div>
-    </div>-->
 		<div class="mask" v-if="!(jobDetail.recruitment == '1')"></div>
+		<recordModal :show.sync="recordShow" :jobDetail="jobDetail"></recordModal>
 	</div>
 </template>
 <script>
@@ -603,6 +450,9 @@ import swiper from "swiper";
 import GDMap from "../map.vue";
 // import recordbill from "@/components/FirstJob/components/recordbill.vue";
 import Clipboard from "clipboard";
+// 报名弹窗
+import recordModal from "./components/vocationalRecord.vue";
+
 // import map from '../map.vue'
 Vue.use(Viewer, {
 	defaultOptions: {
@@ -636,6 +486,7 @@ export default {
 	components: {
 		recommend,
 		GDMap,
+		recordModal,
 		// GDMap
 		// recordbill,
 	},
@@ -686,7 +537,9 @@ export default {
 			apply: {},
 			myswiper: null, // 存储swiper实例
 			managerInfo: {},
-      customServiceUrl:'' // 客服信息
+			customServiceUrl: "", // 客服信息
+			from: null, // 来源
+			recordShow: false,
 		};
 	},
 	// 计算属性
@@ -703,6 +556,9 @@ export default {
 		// console.log(this.$router.matcher.match());
 		this.getJobDetail();
 		console.log(this.$route); // 获取传过来的params数据
+		if (this.$route.query.type) {
+			this.from = this.$route.query.type;
+		}
 		this.getUserManager();
 		// Object.defineProperties("window.opener", "sessionStorage", {
 		//   LOGIN_DATA: {},
@@ -761,12 +617,12 @@ export default {
 		async getJobDetail() {
 			try {
 				const { data } = await getJobDetailApi(this.id);
-				console.log('data',data);
+				console.log("data", data);
 				if (data.status === 200) {
 					console.log(data);
 					this.jobDetail = disposeJobListData(data.data.storeJob);
-					this.jobDetail.jobDesp = data.data.storeJob.jobDesp.replaceAll('*****','')
-          this.customServiceUrl = data.data.customServiceUrl
+					this.jobDetail.jobDesp = data.data.storeJob.jobDesp.replaceAll("*****", "");
+					this.customServiceUrl = data.data.customServiceUrl;
 					this.positionInfo = data.data.store;
 					this.jobPoses = data.data.jobPoses;
 					this.store = data.data.store;
@@ -809,9 +665,7 @@ export default {
 				//  = data.data.recordList;
 				// console.log(data);
 				// console.log(this.jobDetail);
-			} catch (error
-      
-      ) {
+			} catch (error) {
 				console.log(error);
 			}
 		},
@@ -1135,6 +989,9 @@ export default {
 					}
 				}
 				.jobinfobox {
+          display: flex;
+          flex-direction: column;
+          justify-content: space-between;
 					.jobname {
 						// margin: 12px 0;
 						font-size: 20px;
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index 555259e..8345280 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -219,7 +219,7 @@
     </a-breadcrumb>-->
 		<!-- #### 主体部分 ##### -->
 		<div class="w" id="maincontent">
-			<div class="maincontentleft" style="padding-top: 50px">
+			<div class="maincontentleft" v-if="!isVocational" style="padding-top: 50px">
 				<div class="tabBar" @click="changeTab($event)">
 					<div class="tabSubset" :class="{ active: signType == '' }" data-type="0">全部</div>
 					<div class="tabSubset" :class="{ active: signType == 1 }" v-if="loginValue.agencyName == '郑州一才工作'" data-type="1">一才</div>
@@ -501,7 +501,7 @@
 					>
 						<!-- v-if="signType == ''" -->
 
-						<router-link target="_blank" :to="signType == '' ? '/detail?' + 'id=' + item.id + '&' + 'page=' + formvalue.pageNum : '/detailYicai?' + 'id=' + item.id" 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" />
@@ -576,7 +576,7 @@
 										<span v-if="item.jobDesp" :class="'copyInfo' + index">{{ item.jobDesp }}</span
 										><span v-else>暂无详单</span>
                 </template>-->
-								<router-link target="_blank" :to="signType == '' ? '/detail?' + 'id=' + item.id + '&' + 'page=' + formvalue.pageNum : '/detailYicai?' + 'id=' + item.id" rel="opener">
+								<router-link target="_blank" :to="signType == '' ? '/detail?id=' + item.id + '&page=' + formvalue.pageNum : '/detailYicai?id=' + item.id + '&page=' + formvalue.pageNum" rel="opener">
 									<button
 										type="primary"
 										class="jobDesp br4"
@@ -604,6 +604,98 @@
 					</div>
 				</div>
 			</div>
+			<div class="maincontentleft isVocational" v-else style="padding-top: 50px">
+				<div class="tabBar" @click="changeTab($event)">
+					<div class="tabSubset" :class="{ active: 1 }" data-type="0">全部</div>
+				</div>
+				<div style="text-align: center">
+					<a-spin tip="加载中..." :spinning="isspinning"></a-spin>
+				</div>
+				<template v-if="jobMainList.length === 0 && isspinning === false">
+					<a-empty class="nodata" description="暂无符合条件的岗位" />
+				</template>
+				<div v-if="!isspinning">
+					<div
+						class="subset"
+						v-for="(item, index) in jobMainList"
+						:key="index"
+						:style="{
+							background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+						}"
+					>
+						<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>
+									<!-- <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="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>
+										</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>
+										</div>
+									</div>
+									<div class="jobpricehour" style="font-size: 18px">学费<span class="" style="font-size: 24px">10000</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>
+							</div>
+							<div class="bottombox1">
+								<!-- <a-popover title="" trigger="click" placement="bottomRight">
+									<template slot="content" class="jobDesp_content">
+										<div :class="'copy' + index" @click="copyText($event, index)">复制</div>
+										<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">
+									<button
+										type="primary"
+										class="jobDesp br4"
+										:style="{
+											background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+										}"
+									>
+										更多
+									</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 @click="showmodal(item)" @click="">报名</button> -->
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
 			<div class="maincontentright">
 				<div class="dateinfo">
 					<h1 class="bottombox">
@@ -645,12 +737,14 @@
 				<recommend />
 			</div>
 		</div>
+		<recordModal :show.sync="recordShow" :jobDetail="currentInfo"></recordModal>
 	</div>
 </template>
 
 <script>
 import {
-	// JobListApi,
+	JobListApi,
+	JobListApiYicai,
 	getJobSpecialApi,
 	getProvinceApi,
 	getHotCityApi,
@@ -662,21 +756,24 @@ import {
 import { getUserManagerApi } from "../../api/userinfo";
 import $ from "jquery";
 
-import { moneyToFixed, getSalaryClassifyValue, isNotEmptyCheck } from "../../utils/commonUtil";
+import { moneyToFixed, getSalaryClassifyValue, isNotEmptyCheck, disposeJobListData, setReturnFee } from "../../utils/commonUtil";
 import recommend from "@/components/FirstJob/components/recommend.vue";
 import { nationlist } from "../../utils/datalist";
 import Clipboard from "clipboard";
+// 报名弹窗
+import recordModal from "./components/vocationalRecord.vue";
 
 // import PinYin from '../../utils/ChinesePY'
 // import recordbill from "@/components/FirstJob/components/recordbill.vue";
 export default {
 	// 注入获取职位列表的方法
-	inject: ["getJobList", "getJobListYicai", "reload"],
+	inject: ["reload"],
 	// 组件名称
 	name: "",
 	// 局部注册的组件
 	components: {
 		recommend,
+    recordModal
 		// recordbill,
 	},
 	// 组件参数 接收来自父组件的数据
@@ -688,17 +785,20 @@ export default {
 			// type: Object,
 			require: true,
 		},
-		jobMainList: {
-			require: true,
-		},
-		isspinning: {
-			require: true,
-		}, // 加载中显示
+
+		// isspinning: {
+		// 	require: true,
+		// }, // 加载中显示
 	},
 	// 组件状态值
 	data() {
 		return {
-			// jobMainList: [], // 职位列表
+			jobMainList: [], // 职位列表
+			recordShow: false,
+			currentInfo: {}, // 当前点击的职位信息
+			isVocational: false,
+			isLogin: false,
+			isspinning: false,
 			sortNum: 1, // 排序的标识
 			sortStr: "工价优先",
 			specialList: [], // 获取的特色列表
@@ -903,12 +1003,19 @@ export default {
 			deep: true,
 		},
 		$route: {
-			handler() {
+			handler(e) {
+				console.log("$route", e);
+				if (e.query.type && e.query.type == "vocational") {
+					this.isVocational = true;
+				} else {
+					this.isVocational = false;
+				}
 				// console.log("ischange");
 				// console.log(to);
 				// console.log(from);
 			},
 			deep: true,
+			immediate: true,
 		},
 		filterObj: {
 			handler(newv) {
@@ -931,9 +1038,12 @@ export default {
 	 */
 	created() {
 		// console.log(this.proxyinfo);
-		// console.log(this.$route);
+		console.log(this.$route);
 		this.currentPage = this.$route.params.pagenum;
 		this.signType = this.$route.params.signType ? this.$route.params.signType : "";
+		if (localStorage.getItem("LOGIN_DATA")) {
+			this.isLogin = true;
+		}
 		if (this.currentPage) {
 			// console.log(this.currentPage);
 			this.formvalue.pageNum = this.currentPage;
@@ -943,6 +1053,7 @@ export default {
 		} else {
 			this.getJobListYicai();
 		}
+		this.getRecommendJob();
 
 		this.getJobSpecial();
 		this.getProvince();
@@ -994,6 +1105,118 @@ export default {
 				console.log("+++++++++++++++++++++++++", this.$store);
 			});
 		},
+		async getRecommendJob() {
+			this.isspinning = true;
+			try {
+				if (this.isLogin) {
+					const { data } = await JobListApi({
+						pageNum: 1,
+						pageSize: 4,
+						jobCategory: 608,
+					});
+					// console.log(data);
+					this.fellowList = disposeJobListData(data.data.recordList);
+					// console.log(this.fellowList);
+				}
+				// this.$emit("update:relationList", this.relationList);
+			} catch (error) {
+				console.log(error);
+			}
+			this.isspinning = false;
+		},
+		// 获取工作列表
+		async getJobList(newdata) {
+			this.isspinning = true;
+			console.log("this.formvalue", this.formvalue);
+			try {
+				newdata = {
+					district: "",
+					monthlyPayStr: "",
+					ageStr: "",
+					jobSpecialLabelIds: "",
+					aliasName: "",
+					pageNum: 1,
+					pageSize: 8,
+					total: null, //分页配置
+				};
+				for (var k in this.formvalue) {
+					// console.log(this.formvalue[k]);
+					if (Array.isArray(this.formvalue[k])) {
+						newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
+					} else {
+						newdata[k] = this.formvalue[k];
+					}
+				}
+				// console.log(newdata);
+				// debugger;
+				// console.log(this.isLogin);
+				if (this.isLogin) {
+					const { data } = await JobListApi(newdata);
+					console.log("data", data);
+					if (data.status === 200) {
+						this.jobMainList = disposeJobListData(data.data.recordList);
+						this.formvalue.total = data.data.recordCount;
+						console.log(this.jobMainList);
+					} else {
+						this.$message.info("数据获取失败");
+					}
+				}
+				this.totop();
+				//  = data.data.recordList;
+				// console.log(this.formvalue);
+			} catch (error) {
+				console.log(error);
+			}
+			this.isspinning = false;
+		},
+
+		// 获取一才工作列表
+		async getJobListYicai(newdata) {
+			this.isspinning = true;
+			console.log(this.formvalue);
+			try {
+				newdata = {
+					agencyId: "3087",
+					recruitment: "1",
+					keys: "",
+					pageNum: 1,
+					pageSize: 8,
+					total: null, //分页配置
+				};
+				for (var k in this.formvalue) {
+					// console.log(this.formvalue[k]);
+					if (Array.isArray(this.formvalue[k])) {
+						newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
+					} else {
+						newdata[k] = this.formvalue[k];
+					}
+				}
+				// console.log(newdata);
+				// debugger;
+				// console.log(this.isLogin);
+				if (this.isLogin) {
+					const { data } = await JobListApiYicai(newdata);
+					// console.log(data);
+					if (data.status === 200) {
+						this.jobMainList = disposeJobListData(data.data.recordList);
+						this.jobMainList.forEach((item, index) => {
+							item["servetype"] = setReturnFee(item.returnFee, item.returnFeeType);
+						});
+						this.formvalue.total = data.data.recordCount;
+						console.log(this.jobMainList);
+					} else {
+						this.$message.info("数据获取失败");
+					}
+				}
+				this.totop();
+				//  = data.data.recordList;
+				// console.log(this.formvalue);
+			} catch (error) {
+				console.log(error);
+			}
+			this.isspinning = false;
+		},
+
 		//搜索企业名称
 		onSearch() {
 			// console.log(e);
@@ -1190,12 +1413,12 @@ export default {
 		changeTab(e) {
 			console.log(e.target.dataset.type);
 			if (e.target.dataset.type != undefined) {
+				this.formvalue.pageNum = 1;
 				if (e.target.dataset.type != 0) {
 					this.formvalue.signType = this.signType = e.target.dataset.type;
 					this.getJobListYicai();
 				} else {
 					this.formvalue.signType = this.signType = "";
-					this.formvalue.pageNum = 1;
 					this.getJobList();
 				}
 			}
@@ -1254,7 +1477,7 @@ export default {
 			console.log(e);
 			this.formvalue.pageNum = e;
 			this.$refs.pageinput.value = "";
-			if (this.formvalue.signType == 1) {
+			if (this.signType == 1) {
 				this.getJobListYicai();
 			} else {
 				this.getJobList();
@@ -1743,6 +1966,17 @@ export default {
 			}
 			this.getJobList();
 		},
+
+		/**
+		 * 职教职培报名点击
+		 */
+		showRecord(info) {
+			console.log(info);
+			this.currentInfo = info;
+			this.recordShow = true; 
+      console.log('this.recordShow',this.recordShow);
+      console.log('this.currentInfo',this.currentInfo);
+		},
 	},
 };
 </script>
@@ -2875,7 +3109,7 @@ export default {
 						}
 					}
 					button {
-						width: 80px;
+						min-width: 80px;
 						height: 28px;
 						font-size: 16px;
 						// border: 1px solid rgba(77, 87, 94, 0.3);
@@ -2899,6 +3133,7 @@ export default {
 					.apply {
 						margin-left: 16px;
 						border: 1px solid #ff4400;
+						padding: 0 16px;
 						background-color: #fff;
 						color: #ff4400;
 						cursor: pointer;
diff --git a/src/components/userinfo/usercenter/components/mybill.vue b/src/components/userinfo/usercenter/components/mybill.vue
index d46d2c5..01c5d5a 100644
--- a/src/components/userinfo/usercenter/components/mybill.vue
+++ b/src/components/userinfo/usercenter/components/mybill.vue
@@ -1,36 +1,36 @@
 <template>
-  <div class="mybill-container f40 w">
-    <div class="contenttitle">
-      <ul @click="resetpag">
-        <li @click="pagination.status = -1" :class="{ townsmanactive: pagination.status === -1 }">
-          全部
-          <span>{{ billNumber.num }}</span>
-        </li>
-        <li @click="pagination.status = 10" :class="{ townsmanactive: pagination.status === 10 }">
-          待审核
-          <span>{{ billNumber.num10 }}</span>
-        </li>
-        <li @click="pagination.status = 20" :class="{ townsmanactive: pagination.status === 20 }">
-          待接待
-          <span>{{ billNumber.num20 }}</span>
-        </li>
-        <li @click="pagination.status = 25" :class="{ townsmanactive: pagination.status === 25 }">
-          待面试
-          <span>{{ billNumber.num25 }}</span>
-        </li>
-        <li @click="pagination.status = 30" :class="{ townsmanactive: pagination.status === 30 }">
-          待入职
-          <span>{{ billNumber.num30 }}</span>
-        </li>
-        <li @click="pagination.status = 40" :class="{ townsmanactive: pagination.status === 40 }">
-          跟在职
-          <span>{{ billNumber.num40 }}</span>
-        </li>
-        <li @click="pagination.status = 999" :class="{ townsmanactive: pagination.status === 999 }">
-          已完成
-          <span>{{ billNumber.num999 }}</span>
-        </li>
-        <!-- <li
+	<div class="mybill-container f40 w">
+		<div class="contenttitle">
+			<ul @click="resetpag">
+				<li @click="pagination.status = -1" :class="{ townsmanactive: pagination.status === -1 }">
+					全部
+					<span>{{ billNumber.num }}</span>
+				</li>
+				<li @click="pagination.status = 10" :class="{ townsmanactive: pagination.status === 10 }">
+					待审核
+					<span>{{ billNumber.num10 }}</span>
+				</li>
+				<li @click="pagination.status = 20" :class="{ townsmanactive: pagination.status === 20 }">
+					待接待
+					<span>{{ billNumber.num20 }}</span>
+				</li>
+				<li @click="pagination.status = 25" :class="{ townsmanactive: pagination.status === 25 }">
+					待面试
+					<span>{{ billNumber.num25 }}</span>
+				</li>
+				<li @click="pagination.status = 30" :class="{ townsmanactive: pagination.status === 30 }">
+					待入职
+					<span>{{ billNumber.num30 }}</span>
+				</li>
+				<li @click="pagination.status = 40" :class="{ townsmanactive: pagination.status === 40 }">
+					跟在职
+					<span>{{ billNumber.num40 }}</span>
+				</li>
+				<li @click="pagination.status = 999" :class="{ townsmanactive: pagination.status === 999 }">
+					已完成
+					<span>{{ billNumber.num999 }}</span>
+				</li>
+				<!-- <li
           @click="pagination.status = 50"
           :class="{ townsmanactive: pagination.status === 50 }"
         >
@@ -42,1594 +42,1577 @@
         >
           稍后<span>{{ billNumber.num == 0 ? "" : billNumber.num }}</span>
         </li>-->
-        <!-- <li
+				<!-- <li
           @click="pagination.status = 70"
           :class="{ townsmanactive: pagination.status === 70 }"
         >
           已放弃
         </li>-->
-      </ul>
-    </div>
-    <div class="contentbody">
-      <div class="searchbox">
-        <div class="searchinput f40">
-          <a-input placeholder="搜索工单号/职位/姓名/电话/身份证号" allowClear @keyup.enter="onSearch" @input="resetsearch" v-model="pagination.keys">
-            <i slot="prefix" class="iconfont icon-sousuo"></i>
-            <button slot="suffix" @click="onSearch" style="border-radius:0px 6px 6px 0">搜索</button>
-          </a-input>
-          <div>
-            <div>报名时间：</div>
-            <a-range-picker style @change="dateChange" class dropdownClassName="f40" />
-          </div>
-        </div>
-        <div class="pagechange">
-          <button @click="changepage(-1)">上一页</button>
-          <button @click="changepage(1)">下一页</button>
-        </div>
-      </div>
+			</ul>
+		</div>
+		<div class="contentbody">
+			<div class="searchbox">
+				<div class="searchinput f40">
+					<a-input placeholder="搜索工单号/职位/姓名/电话/身份证号" allowClear @keyup.enter="onSearch" @input="resetsearch" v-model="pagination.keys">
+						<i slot="prefix" class="iconfont icon-sousuo"></i>
+						<button slot="suffix" @click="onSearch" style="border-radius: 0px 6px 6px 0">搜索</button>
+					</a-input>
+					<div>
+						<div>报名时间：</div>
+						<a-range-picker style @change="dateChange" class dropdownClassName="f40" />
+					</div>
+				</div>
+				<div class="pagechange">
+					<button @click="changepage(-1)">上一页</button>
+					<button @click="changepage(1)">下一页</button>
+				</div>
+			</div>
 
-      <div class="infocontent">
-        <div class="contenttltle">
-          <ul>
-            <li>姓名</li>
-            <li>报名岗位</li>
-            <li>政策</li>
-            <!-- <button @click="statusFilter">filter</button> -->
-            <li>
-              <div>状态：</div>
-              <a-select size="small" placeholder allowClear @change="resetStatus" :dropdownMatchSelectWidth="false" style>
-                <a-select-option v-for="(i, index) in orderStatus" :key="index" @click="handleChange(i)">{{ i.name }}</a-select-option>
-              </a-select>
-            </li>
-          </ul>
-        </div>
-        <div style="text-align: center; margin-top: 16px">
-          <a-spin tip="加载中..." :spinning="isspinning"></a-spin>
-        </div>
-        <template v-if="billList.length === 0 && isspinning === false">
-          <a-empty class="nodata" description="暂无数据" />
-        </template>
-        <div class="subsetbox" v-if="!isspinning">
-          <div class="infoSubset" v-for="(item, index) in billList" :key="item.id" :class="item.isDown ? '' : 'isDownstyle'">
-            <ul class="proxyInfo">
-              <li>报名时间: {{ item.createTime }}</li>
-              <li>工单号: {{ item.orderNum }}</li>
-              <li>{{ item.agencyName ?item.agencyName + (item.applyUserName ? ('@' + item.applyUserName) : '') : '-' + (item.applyUserName ? ('@' + item.applyUserName) : '')}}</li>
-              <li>
-                更新时间: {{ item.updateTime }}
-                <span style="display: inline-block">({{ item.diffTime }})</span>
-              </li>
-            </ul>
-            <ul class="billInfo" style>
-              <li style="border-radius:0 0 0 6px">
-                <div class="serial">{{ index + 1 }}</div>
-                <i class="iconfont icon-shenfenzheng" :style="{
+			<div class="infocontent">
+				<div class="contenttltle">
+					<ul>
+						<li>姓名</li>
+						<li>报名岗位</li>
+						<li>政策</li>
+						<!-- <button @click="statusFilter">filter</button> -->
+						<li>
+							<div>状态：</div>
+							<a-select size="small" placeholder allowClear @change="resetStatus" :dropdownMatchSelectWidth="false" style>
+								<a-select-option v-for="(i, index) in orderStatus" :key="index" @click="handleChange(i)">{{ i.name }}</a-select-option>
+							</a-select>
+						</li>
+					</ul>
+				</div>
+				<div style="text-align: center; margin-top: 16px">
+					<a-spin tip="加载中..." :spinning="isspinning"></a-spin>
+				</div>
+				<template v-if="billList.length === 0 && isspinning === false">
+					<a-empty class="nodata" description="暂无数据" />
+				</template>
+				<div class="subsetbox" v-if="!isspinning">
+					<div class="infoSubset" v-for="(item, index) in billList" :key="item.id" :class="item.isDown ? '' : 'isDownstyle'">
+						<ul class="proxyInfo">
+							<li>报名时间: {{ item.createTime }}</li>
+							<li>工单号: {{ item.orderNum }}</li>
+							<li>{{ item.agencyName ? item.agencyName + (item.applyUserName ? "@" + item.applyUserName : "") : "-" + (item.applyUserName ? "@" + item.applyUserName : "") }}</li>
+							<li>
+								更新时间: {{ item.updateTime }}
+								<span style="display: inline-block">({{ item.diffTime }})</span>
+							</li>
+						</ul>
+						<ul class="billInfo" style>
+							<li style="border-radius: 0 0 0 6px">
+								<div class="serial">{{ index + 1 }}</div>
+								<i
+									class="iconfont icon-shenfenzheng"
+									:style="{
 										color: item.idCardImageUrl !== '' ? '#ff4400cc' : '#666',
-									}" @click.stop="showdiymodal(item)"></i>
-                <span>{{ item.userName }}/{{ item.sex }}/{{ item.age }}</span>
-                <span>{{ item.tel }}</span>
-              </li>
-              <li>
-                <div>{{ item.storeJobName }}</div>
-              </li>
-              <li>
-                <p>
-                  员工薪资：
-                  <br />
-                  {{ item.employeeSalary || '-' }}
-                  <br />
-                  <br />代理政策：
-                  <br />
-                  {{ item.policy || '-' }}
-                </p>
-                <div v-show="item.isunfold" class="policyControl" @click="changeStatus(item, index)" :ref="'Control' + index">
-                  <span v-show="item.controlUnfold">展开</span>
-                  <span v-show="!item.controlUnfold">收起</span>
-                </div>
-              </li>
-              <li style="border-radius:0 0 6px 0 ">
-                <span style="color: #ff4400; cursor: pointer" @click="showDetail(item)">{{ item.statusTag }}</span>
-                <span v-show="item.statusShowTime">{{ item.statusTimeInfo }}: {{ item.statusShowTime }}</span>
-                <span v-show="item.status == 40 || item.status == 50">具体以出名单时间为准</span>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-      <div class="pagecontainer f40" v-if="billList.length !== 0">
-        <a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="10" :total="pagination.total" @change="onChange" />
-        <div class="ant-pagination-options-quick-jumper">
-          <span>共{{ pagination.total }}条，</span>
-          跳至
-          <input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" style />页
-        </div>
-      </div>
-    </div>
-    <div id="diymodal" class="diymodal" v-if="isdiymodalshow">
-      <div class="title" @mousedown.stop="movebox" style="cursor:move">
-        <i class="iconfont icon-guanbi" @click.stop="closemodal"></i>
-      </div>
-      <div class="body" @mousewheel.prevent="mousewhell">
-        <div class="imgbox1" v-if="idcardimg !== ''">
-          <div class="imgbox" :style="{ background: `url('${idcardimg}')` }"></div>
-        </div>
-        <div class="warningbox" v-else>
-          <div>
-            <img src="../../../../assets/warning.png" alt />
-          </div>
-          <p>未上传身份证照片</p>
-          <!-- <div><button @click="isdiymodalshow = false">确定</button></div> -->
-        </div>
-        <!-- <img :src="idcardimg" alt="" draggable="false" /> -->
-      </div>
-      <div class="footer">
-        <i class="iconfont icon-rotatexuanzhuan" title="旋转" @click="rotate(-90)"></i>
-        <i class="iconfont icon-rotatexuanzhuan2" title="旋转" @click="rotate(90)"></i>
-      </div>
-    </div>
-    <a-modal class="billDetailModal" v-model="billDetailVisible" width="756px" @cancel="billDetailModalClose" :footer="null">
-      <div slot="title">跟进记录</div>
-      <div id="progressinfo" v-if="Object.keys(currentBillDetail).length != 0">
-        <template v-for="(group, key) in currentBillDetail">
-          <div class="titleMain">
-            <div v-if="spliceStr(key) == '1'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/shz.svg" alt />
-              报名审核中
-            </div>
-            <div v-if="spliceStr(key) == '2'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/bmcg.svg" alt />报名成功
-            </div>
-            <div v-if="spliceStr(key) == '3'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/mstg.svg" alt />待入职
-            </div>
-            <div v-if="spliceStr(key) == '4'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/rzcg.svg" alt />在职中
-            </div>
-            <div v-if="spliceStr(key) == '5'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/ylz.svg" alt />已离职
-            </div>
-            <div v-if="spliceStr(key) == '6'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/bmcg.svg" alt />已完成
-            </div>
-            <div v-if="spliceStr(key) == '9'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/yylz.svg" alt />约离职
-            </div>
-            <div v-if="spliceStr(key) == '11'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt />报名失败
-            </div>
-            <div v-if="spliceStr(key) == '12'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/yjd.svg" alt />已接到
-            </div>
-            <div v-if="spliceStr(key) == '13'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt />未接到
-            </div>
-            <div v-if="spliceStr(key) == '14'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt />面试未通过
-            </div>
-            <div v-if="spliceStr(key) == '15'">
-              <img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt />未入职
-            </div>
-          </div>
-          <div v-for="(item, index) in group" class="ui-step-one">
-            <div class="cb-cricle"></div>
-            <div class="ui-list-info">
-              <!-- :style="padding-bottom: item.desp == '' ? '18px' : '24px';" -->
-              <div class="f12 c6" style="white-space: pre-line" v-if="item.desp != ''">
-                {{ item.desp }}
-                <template v-if="item.policy">
-                  <span class="ml12" style="color: #ff4400; cursor: pointer" @click="showInfo2(item.policy)">详情</span>
-                </template>
-              </div>
-              <div class="f12 c9 mt8">
-                {{ item.creator }}
-                <span class="ml8">{{ formatDateYMDHM(item.createTime) }}</span>
-              </div>
-            </div>
-          </div>
-          <a-modal class="billDetailModal recordInfo" title="报名信息" :visible="zzvisible" @cancel="policyModalCancel" width="716px" :footer="null">
-            <a-row class="f16 mb8">
-              <a-col :span="4">
-                <span class="dib tr">姓名：</span>
-              </a-col>
-              <a-col :span="18">
-                <span class="fwb" v-if="currentBillInfo.userName">{{ currentBillInfo.userName }}</span>
-                <span class="fwb" v-if="currentBillInfo.sex">/{{ currentBillInfo.sex == "1" || currentBillInfo.sex == "男" ? "男" : "女" }}</span>
-                <span class="fwb" v-if="currentBillInfo.age">/{{ currentBillInfo.age }}岁</span>
-                <span class="fwb" v-if="currentBillInfo.nation && currentBillInfo.nation != '族'">/{{ currentBillInfo.nation }}</span>
-              </a-col>
-            </a-row>
-            <a-row class="f16 mb8">
-              <a-col :span="4">
-                <span class="dib tr">电话：</span>
-              </a-col>
-              <a-col :span="18">
-                <span>{{ currentBillInfo.tel == "" || currentBillInfo.tel == null || currentBillInfo.tel == "undefined" ? "-" : currentBillInfo.tel }}</span>
-              </a-col>
-            </a-row>
-            <a-row class="f16 mb8">
-              <a-col :span="4">
-                <span class="dib tr">身份证号：</span>
-              </a-col>
-              <a-col :span="18">
-                <span>{{ currentBillInfo.idCard == "" || currentBillInfo.idCard == null || currentBillInfo.idCard == "undefined" ? "-" : currentBillInfo.idCard }}</span>
-              </a-col>
-            </a-row>
-            <a-row class="f16">
-              <a-col :span="4">
-                <span class="dib tr">家庭住址：</span>
-              </a-col>
-              <a-col :span="18">
-                <span>{{ currentBillInfo.address == "" || currentBillInfo.address == null || currentBillInfo.address == "undefined" ? "-" : currentBillInfo.address }}</span>
-              </a-col>
-            </a-row>
+									}"
+									@click.stop="showdiymodal(item)"
+								></i>
+								<span>{{ item.userName }}/{{ item.sex }}/{{ item.age }}</span>
+								<span>{{ item.tel }}</span>
+							</li>
+							<li>
+								<div>{{ item.storeJobName }}</div>
+							</li>
+							<li>
+								<p>
+									员工薪资：
+									<br />
+									{{ item.employeeSalary || "-" }}
+									<br />
+									<br />代理政策：
+									<br />
+									{{ item.policy || "-" }}
+								</p>
+								<div v-show="item.isunfold" class="policyControl" @click="changeStatus(item, index)" :ref="'Control' + index">
+									<span v-show="item.controlUnfold">展开</span>
+									<span v-show="!item.controlUnfold">收起</span>
+								</div>
+							</li>
+							<li style="border-radius: 0 0 6px 0">
+								<span style="color: #ff4400; cursor: pointer" @click="showDetail(item)">{{ item.statusTag }}</span>
+								<span v-show="item.statusShowTime">{{ item.statusTimeInfo }}: {{ item.statusShowTime }}</span>
+								<span v-show="item.status == 40 || item.status == 50">具体以出名单时间为准</span>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div class="pagecontainer f40" v-if="billList.length !== 0">
+				<a-pagination :current="+pagination.pageNum" :default-current="1" :defaultPageSize="10" :total="pagination.total" @change="onChange" />
+				<div class="ant-pagination-options-quick-jumper">
+					<span>共{{ pagination.total }}条，</span>
+					跳至
+					<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" style />页
+				</div>
+			</div>
+		</div>
+		<div id="diymodal" class="diymodal" v-if="isdiymodalshow">
+			<div class="title" @mousedown.stop="movebox" style="cursor: move">
+				<i class="iconfont icon-guanbi" @click.stop="closemodal"></i>
+			</div>
+			<div class="body" @mousewheel.prevent="mousewhell">
+				<div class="imgbox1" v-if="idcardimg !== ''">
+					<div class="imgbox" :style="{ background: `url('${idcardimg}')` }"></div>
+				</div>
+				<div class="warningbox" v-else>
+					<div>
+						<img src="../../../../assets/warning.png" alt />
+					</div>
+					<p>未上传身份证照片</p>
+					<!-- <div><button @click="isdiymodalshow = false">确定</button></div> -->
+				</div>
+				<!-- <img :src="idcardimg" alt="" draggable="false" /> -->
+			</div>
+			<div class="footer">
+				<i class="iconfont icon-rotatexuanzhuan" title="旋转" @click="rotate(-90)"></i>
+				<i class="iconfont icon-rotatexuanzhuan2" title="旋转" @click="rotate(90)"></i>
+			</div>
+		</div>
+		<a-modal class="billDetailModal" v-model="billDetailVisible" width="756px" @cancel="billDetailModalClose" :footer="null">
+			<div slot="title">跟进记录</div>
+			<div id="progressinfo" v-if="Object.keys(currentBillDetail).length != 0">
+				<template v-for="(group, key) in currentBillDetail">
+					<div class="titleMain">
+						<div v-if="spliceStr(key) == '1'">
+							<img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/shz.svg" alt />
+							报名审核中
+						</div>
+						<div v-if="spliceStr(key) == '2'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/bmcg.svg" alt />报名成功</div>
+						<div v-if="spliceStr(key) == '3'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/mstg.svg" alt />待入职</div>
+						<div v-if="spliceStr(key) == '4'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/rzcg.svg" alt />在职中</div>
+						<div v-if="spliceStr(key) == '5'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/ylz.svg" alt />已离职</div>
+						<div v-if="spliceStr(key) == '6'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/bmcg.svg" alt />已完成</div>
+						<div v-if="spliceStr(key) == '9'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/yylz.svg" alt />约离职</div>
+						<div v-if="spliceStr(key) == '11'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt />报名失败</div>
+						<div v-if="spliceStr(key) == '12'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/yjd.svg" alt />已接到</div>
+						<div v-if="spliceStr(key) == '13'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt />未接到</div>
+						<div v-if="spliceStr(key) == '14'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt />面试未通过</div>
+						<div v-if="spliceStr(key) == '15'"><img src="http://matripeweb.oss-cn-hangzhou.aliyuncs.com/imgs/wei.svg" alt />未入职</div>
+					</div>
+					<div v-for="(item, index) in group" class="ui-step-one">
+						<div class="cb-cricle"></div>
+						<div class="ui-list-info">
+							<!-- :style="padding-bottom: item.desp == '' ? '18px' : '24px';" -->
+							<div class="f12 c6" style="white-space: pre-line" v-if="item.desp != ''">
+								{{ item.desp }}
+								<template v-if="item.policy">
+									<span class="ml12" style="color: #ff4400; cursor: pointer" @click="showInfo2(item.policy)">详情</span>
+								</template>
+							</div>
+							<div class="f12 c9 mt8">
+								{{ item.creator }}
+								<span class="ml8">{{ formatDateYMDHM(item.createTime) }}</span>
+							</div>
+						</div>
+					</div>
+					<a-modal class="billDetailModal recordInfo" title="报名信息" :visible="zzvisible" @cancel="policyModalCancel" width="716px" :footer="null">
+						<a-row class="f16 mb8">
+							<a-col :span="4">
+								<span class="dib tr">姓名：</span>
+							</a-col>
+							<a-col :span="18">
+								<span class="fwb" v-if="currentBillInfo.userName">{{ currentBillInfo.userName }}</span>
+								<span class="fwb" v-if="currentBillInfo.sex">/{{ currentBillInfo.sex == "1" || currentBillInfo.sex == "男" ? "男" : "女" }}</span>
+								<span class="fwb" v-if="currentBillInfo.age">/{{ currentBillInfo.age }}岁</span>
+								<span class="fwb" v-if="currentBillInfo.nation && currentBillInfo.nation != '族'">/{{ currentBillInfo.nation }}</span>
+							</a-col>
+						</a-row>
+						<a-row class="f16 mb8">
+							<a-col :span="4">
+								<span class="dib tr">电话：</span>
+							</a-col>
+							<a-col :span="18">
+								<span>{{ currentBillInfo.tel == "" || currentBillInfo.tel == null || currentBillInfo.tel == "undefined" ? "-" : currentBillInfo.tel }}</span>
+							</a-col>
+						</a-row>
+						<a-row class="f16 mb8">
+							<a-col :span="4">
+								<span class="dib tr">身份证号：</span>
+							</a-col>
+							<a-col :span="18">
+								<span>{{ currentBillInfo.idCard == "" || currentBillInfo.idCard == null || currentBillInfo.idCard == "undefined" ? "-" : currentBillInfo.idCard }}</span>
+							</a-col>
+						</a-row>
+						<a-row class="f16">
+							<a-col :span="4">
+								<span class="dib tr">家庭住址：</span>
+							</a-col>
+							<a-col :span="18">
+								<span>{{ currentBillInfo.address == "" || currentBillInfo.address == null || currentBillInfo.address == "undefined" ? "-" : currentBillInfo.address }}</span>
+							</a-col>
+						</a-row>
 
-            <div style="border-top: 1px dashed #eeeeee; margin-top: 24px; margin-bottom: 24px"></div>
-            <a-row class="f16 mb8">
-              <a-col :span="4">
-                <span class="dib tr">报名岗位：</span>
-              </a-col>
-              <a-col :span="18">
-                <span class="fwb">{{ currentBillInfo.storeJobName || "-" }}</span>
-              </a-col>
-            </a-row>
-            <a-row class="f16 mb8">
-              <a-col :span="4">
-                <span class="dib tr">员工薪资：</span>
-              </a-col>
-              <a-col :span="18">
-                <span style="white-space: pre-wrap">{{ currentBillInfo.employeeSalary || "-" }}</span>
-              </a-col>
-            </a-row>
-            <a-row class="f16 mb8">
-              <a-col :span="4">
-                <span class="dib tr">代理政策：</span>
-              </a-col>
-              <a-col :span="18">
-                <span style="white-space: pre-wrap">{{ currentBillInfo.policy || "-" }}</span>
-              </a-col>
-            </a-row>
-            <a-row class="f16 mb8">
-              <a-col :span="4"></a-col>
-              <a-col :span="18" class="bfbutton">
-                <a-button style="background-color: #ff4400; color: white; border-radius: 0; border: none" @click="handleCancel">复制文本</a-button>
-              </a-col>
-            </a-row>
-          </a-modal>
-        </template>
-      </div>
-      <div v-else>
-        <a-empty class="nodata" description="暂无数据" style="padding: 40px" />
-      </div>
-    </a-modal>
-  </div>
+						<div style="border-top: 1px dashed #eeeeee; margin-top: 24px; margin-bottom: 24px"></div>
+						<a-row class="f16 mb8">
+							<a-col :span="4">
+								<span class="dib tr">报名岗位：</span>
+							</a-col>
+							<a-col :span="18">
+								<span class="fwb">{{ currentBillInfo.storeJobName || "-" }}</span>
+							</a-col>
+						</a-row>
+						<a-row class="f16 mb8">
+							<a-col :span="4">
+								<span class="dib tr">员工薪资：</span>
+							</a-col>
+							<a-col :span="18">
+								<span style="white-space: pre-wrap">{{ currentBillInfo.employeeSalary || "-" }}</span>
+							</a-col>
+						</a-row>
+						<a-row class="f16 mb8">
+							<a-col :span="4">
+								<span class="dib tr">代理政策：</span>
+							</a-col>
+							<a-col :span="18">
+								<span style="white-space: pre-wrap">{{ currentBillInfo.policy || "-" }}</span>
+							</a-col>
+						</a-row>
+						<a-row class="f16 mb8">
+							<a-col :span="4"></a-col>
+							<a-col :span="18" class="bfbutton">
+								<a-button style="background-color: #ff4400; color: white; border-radius: 0; border: none" @click="handleCancel">复制文本</a-button>
+							</a-col>
+						</a-row>
+					</a-modal>
+				</template>
+			</div>
+			<div v-else>
+				<a-empty class="nodata" description="暂无数据" style="padding: 40px" />
+			</div>
+		</a-modal>
+	</div>
 </template>
 
 <script>
-import { userBillApi, userBillNumberApi, userBillDetailApi } from '../../../../api/userinfo'
-import { getUserApplyOrderStatusByIdToBill, isEmptyCheck, formatDateYMDHM, formatDateYMD } from '../../../../utils/commonUtil'
+import { userBillApi, userBillNumberApi, userBillDetailApi } from "../../../../api/userinfo";
+import { getUserApplyOrderStatusByIdToBill, isEmptyCheck, formatDateYMDHM, formatDateYMD } from "../../../../utils/commonUtil";
 
 export default {
-  // 组件名称
-  name: 'mybillcontainer',
-  // 局部注册的组件
-  components: {},
-  // 组件参数 接收来自父组件的数据
-  props: {},
-  // 组件状态值
-  data() {
-    return {
-      isspinning: false,
-      idcardimg: '', // 回显的身份证图片url
-      isdiymodalshow: false, // 控制身份证图片显示
-      scaleNum: 1, // 身份证图片显示倍率
-      rotateNum: 0,
-      searchvalue: '', // 搜索框检索信息
-      filterStatus: 1, // 排序状态
-      saveBill: [], // 缓存的报名列表
-      billDetailVisible: false, // 工单详情显示
-      currentBillDetail: {}, // 当前点击的报名详情
-      zzvisible: false, // 跟进记录的政策信息弹出框显示
-      currentBillInfo: {}, // 当前的工单跟进详情
-      pagination: {
-        pageNum: 1,
-        pageSize: 10,
-        total: null, //分页配置
-        status: -1,
-        keys: '',
-      },
-      statusValue: '',
-      orderStatus: [
-        {
-          id: '10',
-          name: '已报名，审核中',
-          value: '10',
-          text: '报名审核中',
-          num: 0,
-        },
-        {
-          id: '20',
-          name: '报名成功，待面试',
-          value: '20',
-          text: '审核通过',
-          num: 0,
-        },
-        {
-          id: '21',
-          name: '审核未通过，报名失败',
-          value: '21',
-          text: '审核未通过',
-          num: 0,
-        },
-        { id: '25', name: '已接到', value: '25', text: '已接到', num: 0 },
-        { id: '26', name: '未接到', value: '26', text: '未接到', num: 0 },
-        {
-          id: '30',
-          name: '面试通过，待入职',
-          value: '30',
-          text: '面试通过',
-          num: 0,
-        },
-        {
-          id: '35',
-          name: '面试未通过',
-          value: '35',
-          text: '面试未通过',
-          num: 0,
-        },
-        {
-          id: '40',
-          name: '已入职，在职中',
-          value: '40',
-          text: '已入职',
-          num: 0,
-        },
-        {
-          id: '45',
-          name: '面试通过，未入职',
-          value: '45',
-          text: '通过未入职',
-          num: 0,
-        },
-        { id: '50', name: '已离职', value: '50', text: '已离职', num: 0 },
-        // { id: "60", name: "已完成", value: "60", text: "已完成", num: 0 }
-      ],
-      billList: [],
-      isunfold: false,
-      statusTimeInfo: '', // 状态的时间类型
-      statusShowTime: '', // 状态时间
-      billNumber: {},
-    }
-  },
-  // 计算属性
-  computed: {},
-  // 侦听器
-  watch: {},
-  // 生命周期钩子   注：没用到的钩子请自行删除
-  /**
-   * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
-   */
-  created() {
-    this.getBill()
-    this.userBillNumber()
-  },
-  /**
-   * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
-   * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
-   */
-  mounted() {},
-  // 组件方法
-  methods: {
-    onChange(e) {
-      this.pagination.pageNum = e
-      console.log(e)
-      this.getBill()
-    },
-    dateChange(e) {
-      console.log('ischange')
-      console.log(e)
+	// 组件名称
+	name: "mybillcontainer",
+	// 局部注册的组件
+	components: {},
+	// 组件参数 接收来自父组件的数据
+	props: {},
+	// 组件状态值
+	data() {
+		return {
+			isspinning: false,
+			idcardimg: "", // 回显的身份证图片url
+			isdiymodalshow: false, // 控制身份证图片显示
+			scaleNum: 1, // 身份证图片显示倍率
+			rotateNum: 0,
+			searchvalue: "", // 搜索框检索信息
+			filterStatus: 1, // 排序状态
+			saveBill: [], // 缓存的报名列表
+			billDetailVisible: false, // 工单详情显示
+			currentBillDetail: {}, // 当前点击的报名详情
+			zzvisible: false, // 跟进记录的政策信息弹出框显示
+			currentBillInfo: {}, // 当前的工单跟进详情
+			pagination: {
+				pageNum: 1,
+				pageSize: 10,
+				total: null, //分页配置
+				status: -1,
+				keys: "",
+			},
+			statusValue: "",
+			orderStatus: [
+				{
+					id: "10",
+					name: "已报名，审核中",
+					value: "10",
+					text: "报名审核中",
+					num: 0,
+				},
+				{
+					id: "20",
+					name: "报名成功，待面试",
+					value: "20",
+					text: "审核通过",
+					num: 0,
+				},
+				{
+					id: "21",
+					name: "审核未通过，报名失败",
+					value: "21",
+					text: "审核未通过",
+					num: 0,
+				},
+				{ id: "25", name: "已接到", value: "25", text: "已接到", num: 0 },
+				{ id: "26", name: "未接到", value: "26", text: "未接到", num: 0 },
+				{
+					id: "30",
+					name: "面试通过，待入职",
+					value: "30",
+					text: "面试通过",
+					num: 0,
+				},
+				{
+					id: "35",
+					name: "面试未通过",
+					value: "35",
+					text: "面试未通过",
+					num: 0,
+				},
+				{
+					id: "40",
+					name: "已入职，在职中",
+					value: "40",
+					text: "已入职",
+					num: 0,
+				},
+				{
+					id: "45",
+					name: "面试通过，未入职",
+					value: "45",
+					text: "通过未入职",
+					num: 0,
+				},
+				{ id: "50", name: "已离职", value: "50", text: "已离职", num: 0 },
+				// { id: "60", name: "已完成", value: "60", text: "已完成", num: 0 }
+			],
+			billList: [],
+			isunfold: false,
+			statusTimeInfo: "", // 状态的时间类型
+			statusShowTime: "", // 状态时间
+			billNumber: {},
+		};
+	},
+	// 计算属性
+	computed: {},
+	// 侦听器
+	watch: {},
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+	created() {
+		this.getBill();
+		this.userBillNumber();
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {},
+	// 组件方法
+	methods: {
+		onChange(e) {
+			this.pagination.pageNum = e;
+			console.log(e);
+			this.getBill();
+		},
+	
+		dateChange(e) {
+			console.log("ischange");
+			console.log(e);
 
-      if (e.length != 0) {
-        let date1 = new Date(e[0]._d)
-        let date2 = new Date(e[1]._d)
-        this.pagination.startDate = formatDateYMD(date1)
-        this.pagination.endDate = formatDateYMD(date2)
-      } else {
-        this.pagination.startDate = ''
-        this.pagination.endDate = ''
-      }
-      this.getBill()
-      this.userBillNumber()
-    },
-    inputpageChange(e) {
-      const pagenumcount = this.pagination.total / this.pagination.pageSize
-      console.log(pagenumcount)
-      if (e.target.value) {
-        if (e.target.value > pagenumcount) {
-          this.pagination.pageNum = Math.ceil(pagenumcount)
-        } else {
-          this.pagination.pageNum = e.target.value
-        }
-      } else {
-        this.pagination.pageNum = 1
-      }
-      // this.getJobList();
-      this.getBill()
-      console.log(e)
-    },
-    async userBillNumber() {
-      try {
-        const { data } = await userBillNumberApi(this.pagination)
-        if (data.status == 200) {
-          console.log(data.data)
-          this.billNumber = data.data
-        }
-      } catch (error) {
-        console.log(error)
-      }
-    },
-    async getBill() {
-      console.log('click')
-      // let that = this;
-      console.log(this.pagination.status)
-      try {
-        this.isspinning = true
-        const { data } = await userBillApi(this.pagination)
-        console.log(data)
-        if (data.status === 200) {
-          // console.log();
-          this.billList = data.data.recordList
+			if (e.length != 0) {
+				let date1 = new Date(e[0]._d);
+				let date2 = new Date(e[1]._d);
+				this.pagination.startDate = formatDateYMD(date1);
+				this.pagination.endDate = formatDateYMD(date2);
+			} else {
+				this.pagination.startDate = "";
+				this.pagination.endDate = "";
+			}
+			this.getBill();
+			this.userBillNumber();
+		},
+		inputpageChange(e) {
+			const pagenumcount = this.pagination.total / this.pagination.pageSize;
+			console.log(pagenumcount);
+			if (e.target.value) {
+				if (e.target.value > pagenumcount) {
+					this.pagination.pageNum = Math.ceil(pagenumcount);
+				} else {
+					this.pagination.pageNum = e.target.value;
+				}
+			} else {
+				this.pagination.pageNum = 1;
+			}
+			// this.getJobList();
+			this.getBill();
+			console.log(e);
+		},
+		async userBillNumber() {
+			try {
+				const { data } = await userBillNumberApi(this.pagination);
+				if (data.status == 200) {
+					console.log(data.data);
+					this.billNumber = data.data;
+				}
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		async getBill() {
+			console.log("click");
+			// let that = this;
+			console.log(this.pagination.status);
+			try {
+				this.isspinning = true;
+				const { data } = await userBillApi(this.pagination);
+				console.log(data);
+				if (data.status === 200) {
+					// console.log();
+					this.billList = data.data.recordList;
 
-          console.log(this.billList)
-          setTimeout(() => {
-            this.billList.forEach((item, index) => {
-              let differenceTime = new Date().getTime() - new Date(item.updateTime).getTime()
-              var D = Math.floor(differenceTime / (24 * 60 * 60 * 1000))
-              var level1 = differenceTime % (24 * 3600 * 1000)
-              var H = Math.floor(level1 / (3600 * 1000))
-              var level2 = level1 % (3600 * 1000)
-              var M = Math.floor(level2 / (60 * 1000))
-              var level3 = level2 % (60 * 1000)
-              var S = Math.floor(level3 / 1000)
-              item.diffTime = null
-              if (D > 0) {
-                item.diffTime = D + '天前'
-              } else if (H > 0) {
-                item.diffTime = H + '小时前'
-              } else if (M > 0) {
-                item.diffTime = M + '分钟前'
-              } else {
-                item.diffTime = S + '秒前'
-              }
-              // console.log(new Date(differenceTime).getDate());
-              // console.log(item.userName, D, H, M);
-              // console.log(item);
-              if (item.sex === 1) {
-                item.sex = '男'
-              } else if (item.sex === 2) {
-                item.sex = '女'
-              } else {
-                item.sex = '未知'
-              }
+					console.log(this.billList);
+					setTimeout(() => {
+						this.billList.forEach((item, index) => {
+							let differenceTime = new Date().getTime() - new Date(item.updateTime).getTime();
+							var D = Math.floor(differenceTime / (24 * 60 * 60 * 1000));
+							var level1 = differenceTime % (24 * 3600 * 1000);
+							var H = Math.floor(level1 / (3600 * 1000));
+							var level2 = level1 % (3600 * 1000);
+							var M = Math.floor(level2 / (60 * 1000));
+							var level3 = level2 % (60 * 1000);
+							var S = Math.floor(level3 / 1000);
+							item.diffTime = null;
+							if (D > 0) {
+								item.diffTime = D + "天前";
+							} else if (H > 0) {
+								item.diffTime = H + "小时前";
+							} else if (M > 0) {
+								item.diffTime = M + "分钟前";
+							} else {
+								item.diffTime = S + "秒前";
+							}
+							// console.log(new Date(differenceTime).getDate());
+							// console.log(item.userName, D, H, M);
+							// console.log(item);
+							if (item.sex === 1) {
+								item.sex = "男";
+							} else if (item.sex === 2) {
+								item.sex = "女";
+							} else {
+								item.sex = "未知";
+							}
 
-              // if (index % 2 === 0) {
-              //   item.status = 60;
-              // }
-              if (!isEmptyCheck(item.tel)) {
-                let first = item.tel.slice(0, 3)
-                let second = item.tel.slice(3, 7)
-                let thirdly = item.tel.slice(7, 12)
-                // console.log(first);
-                // console.log(second);
-                // console.log(thirdly);
-                item.tel = first + ' ' + second + ' ' + thirdly
-              }
+							// if (index % 2 === 0) {
+							//   item.status = 60;
+							// }
+							if (!isEmptyCheck(item.tel)) {
+								let first = item.tel.slice(0, 3);
+								let second = item.tel.slice(3, 7);
+								let thirdly = item.tel.slice(7, 12);
+								// console.log(first);
+								// console.log(second);
+								// console.log(thirdly);
+								item.tel = first + " " + second + " " + thirdly;
+							}
 
-              if (item.status === 60 || item.status === 70) {
-                item.isDown = true
-              } else {
-                item.isDown = false
-              }
-              item.statusTag = getUserApplyOrderStatusByIdToBill(item.status)
-              item.interviewTime = formatDateYMDHM(item.interviewTime)
-              item.entryTime = formatDateYMDHM(item.entryTime)
-              item.leaveTime = formatDateYMDHM(item.leaveTime)
-              // item.updateTime = formatDateYMDHMS(item.updateTime);
-              // item.createTime = formatDateYMDHMS(item.createTime);
-              item.updateTime = isEmptyCheck(item.updateTime) ? '2022-03-16 14:19' : formatDateYMDHM(item.updateTime)
-              item.createTime = isEmptyCheck(item.createTime) ? '2022-03-16 14:19' : formatDateYMDHM(item.createTime)
-              item.index = index + 1
+							if (item.status === 60 || item.status === 70) {
+								item.isDown = true;
+							} else {
+								item.isDown = false;
+							}
+							item.statusTag = getUserApplyOrderStatusByIdToBill(item.status);
+							item.interviewTime = formatDateYMDHM(item.interviewTime);
+							item.entryTime = formatDateYMDHM(item.entryTime);
+							item.leaveTime = formatDateYMDHM(item.leaveTime);
+							// item.updateTime = formatDateYMDHMS(item.updateTime);
+							// item.createTime = formatDateYMDHMS(item.createTime);
+							item.updateTime = isEmptyCheck(item.updateTime) ? "2022-03-16 14:19" : formatDateYMDHM(item.updateTime);
+							item.createTime = isEmptyCheck(item.createTime) ? "2022-03-16 14:19" : formatDateYMDHM(item.createTime);
+							item.index = index + 1;
 
-              // console.log(that.$refs["Control" + index][0]);
+							// console.log(that.$refs["Control" + index][0]);
 
-              // setTimeout(() => {
-              if (item.status == 10 || item.status == 20 || item.status == 21 || item.status == 25 || item.status == 26 || item.status == 30 || item.status == 35 || item.status == 45) {
-                item.statusTimeInfo = '面试时间'
-                item.statusShowTime = item.interviewTime
-              } else if (item.status == 40) {
-                item.statusTimeInfo = '入职时间'
-                item.statusShowTime = item.entryTime
-              } else if (item.status == 50) {
-                item.statusTimeInfo = '离职时间'
-                item.statusShowTime = item.leaveTime
-              }
-              // console.log(item.statusShowTime);
-              // console.log(item.statusTimeInfo);
-              // }, 100);
-              // console.log("controlUnfold", item.controlUnfold);
-              // console.log("isunfold", item.isunfold);
-              // console.log(item);
-            })
-            this.showFlod(this.billList)
+							// setTimeout(() => {
+							if (item.status == 10 || item.status == 20 || item.status == 21 || item.status == 25 || item.status == 26 || item.status == 30 || item.status == 35 || item.status == 45) {
+								item.statusTimeInfo = "面试时间";
+								item.statusShowTime = item.interviewTime;
+							} else if (item.status == 40) {
+								item.statusTimeInfo = "入职时间";
+								item.statusShowTime = item.entryTime;
+							} else if (item.status == 50) {
+								item.statusTimeInfo = "离职时间";
+								item.statusShowTime = item.leaveTime;
+							}
+							// console.log(item.statusShowTime);
+							// console.log(item.statusTimeInfo);
+							// }, 100);
+							// console.log("controlUnfold", item.controlUnfold);
+							// console.log("isunfold", item.isunfold);
+							// console.log(item);
+						});
+						this.showFlod(this.billList);
 
-            this.saveBill = JSON.parse(JSON.stringify(this.billList))
-          }, 0)
+						this.saveBill = JSON.parse(JSON.stringify(this.billList));
+					}, 0);
 
-          this.pagination.total = data.data.recordCount
-          this.$forceUpdate()
-          this.totop()
-        }
-      } catch (error) {
-        console.log(error)
-      }
-      ;(this.statusValue = ''), (this.isspinning = false)
-    },
-    resetpag() {
-      // this.pagination.status = this.pagination.status
-      this.pagination.pageNum = 1
-      this.getBill()
-      this.userBillNumber()
-    },
-    customRendert(a) {
-      console.log(a)
-      this.$message.success(a.id)
-      // console.log(c);
-    },
-    showdiymodal(info) {
-      // 显示 身份证图片弹出框
-      console.log(info)
-      this.isdiymodalshow = true
-      if (info.idCardImageUrl !== null && info.idCardImageUrl !== '') {
-        this.idcardimg = info.idCardImageUrl
-      }
-      // this.$nextTick(() => {
+					this.pagination.total = data.data.recordCount;
+					this.$forceUpdate();
+					this.totop();
+				}
+			} catch (error) {
+				console.log(error);
+			}
+			(this.statusValue = ""), (this.isspinning = false);
+		},
+		resetpag() {
+			// this.pagination.status = this.pagination.status
+			this.pagination.pageNum = 1;
+			this.getBill();
+			this.userBillNumber();
+		},
+		customRendert(a) {
+			console.log(a);
+			this.$message.success(a.id);
+			// console.log(c);
+		},
+		showdiymodal(info) {
+			// 显示 身份证图片弹出框
+			console.log(info);
+			this.isdiymodalshow = true;
+			if (info.idCardImageUrl !== null && info.idCardImageUrl !== "") {
+				this.idcardimg = info.idCardImageUrl;
+			}
+			// this.$nextTick(() => {
 
-      // });
-    },
-    movebox(e) {
-      // 移动身份证弹出框
-      let modalbox = document.querySelector('#diymodal')
-      var x = e.pageX - modalbox.offsetLeft
-      var y = e.pageY - modalbox.offsetTop
-      var mousemove = function (e) {
-        modalbox.style.left = e.pageX - x + 'px' // e.pageX是鼠标在点击之后移动的时候实时传过来的坐标信息,而x是在点击的一瞬间就确定的坐标,
-        modalbox.style.top = e.pageY - y + 'px'
-      }
-      modalbox.addEventListener('mousemove', mousemove)
-      var mouseup = function () {
-        // modalbox.removeEventListener("mousedown", mousedown);
-        modalbox.removeEventListener('mousemove', mousemove)
-      }
-      modalbox.addEventListener('mouseup', mouseup)
-    },
-    mousewhell(e) {
-      // 滚动鼠标缩放图片
-      let that = this
-      console.log(e)
-      console.log(that.scaleNum)
-      console.log(this.scaleNum)
-      var delta = 0
-      let imgbox = document.querySelector('.imgbox')
-      // if (Math.abs(that.rotateNum / 90) % 2 !== 0) {
-      //   imgbox.style.transformOrigin = `${e.offsetY}px ${e.offsetX}px`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
-      // } else {
-      if (that.scaleNum < 1) {
-        imgbox.style.transformOrigin = `50% 50%` // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
-      } else {
-        imgbox.style.transformOrigin = `${e.offsetX}px ${e.offsetY}px` // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
-      }
-      // }
-      var handle = function (delta) {
-        // let
-        console.log('delta', delta)
-        console.log('scaleNum', that.scaleNum)
-        let scaleNum = (that.scaleNum += delta / 15)
-        console.log('scaleNum1', that.scaleNum)
-        if (delta < 0) {
-          //向下滚动
-          console.log(that.scaleNum)
-          if (scaleNum <= 0.5) {
-            that.scaleNum = 0.5
-          }
-        } else {
-          //向上滚动
-          console.log(that.scaleNum)
-          if (scaleNum >= 3) {
-            that.scaleNum = 3
-          }
-        }
-        imgbox.style.transform = `scale(${that.scaleNum})`
-      }
-      if (!e) e = window.event
-      if (e.wheelDelta) {
-        //IE、chrome浏览器使用的是wheelDelta，并且值为“正负180”
-        delta = e.wheelDelta / 180
-        if (window.opera) delta = -delta //因为IE、chrome等向下滚动是负值，FF是正值，为了处理一致性，在此取反处理
-      } else if (e.detail) {
-        //FF浏览器使用的是detail,其值为“正负3”
-        delta = -e.detail / 3
-      }
-      if (delta) {
-        handle(delta)
-      }
-    },
-    closemodal() {
-      this.isdiymodalshow = false
-      this.idcardimg = ''
-      this.scaleNum = 1
-    },
-    rotate(e) {
-      let imgbox1 = document.querySelector('.imgbox1')
-      let imgbox = document.querySelector('.imgbox')
-      this.scaleNum = 1
-      console.log(this.scaleNum)
-      this.rotateNum += e
-      console.log(imgbox1.style)
-      console.log(this.rotateNum)
-      imgbox.style.transformOrigin = `50% 50%` // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
-      // imgbox.style.transformOrigin = `${e.offsetX}px ${e.offsetY}px`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
+			// });
+		},
+		movebox(e) {
+			// 移动身份证弹出框
+			let modalbox = document.querySelector("#diymodal");
+			var x = e.pageX - modalbox.offsetLeft;
+			var y = e.pageY - modalbox.offsetTop;
+			var mousemove = function (e) {
+				modalbox.style.left = e.pageX - x + "px"; // e.pageX是鼠标在点击之后移动的时候实时传过来的坐标信息,而x是在点击的一瞬间就确定的坐标,
+				modalbox.style.top = e.pageY - y + "px";
+			};
+			modalbox.addEventListener("mousemove", mousemove);
+			var mouseup = function () {
+				// modalbox.removeEventListener("mousedown", mousedown);
+				modalbox.removeEventListener("mousemove", mousemove);
+			};
+			modalbox.addEventListener("mouseup", mouseup);
+		},
+		mousewhell(e) {
+			// 滚动鼠标缩放图片
+			let that = this;
+			console.log(e);
+			console.log(that.scaleNum);
+			console.log(this.scaleNum);
+			var delta = 0;
+			let imgbox = document.querySelector(".imgbox");
+			// if (Math.abs(that.rotateNum / 90) % 2 !== 0) {
+			//   imgbox.style.transformOrigin = `${e.offsetY}px ${e.offsetX}px`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
+			// } else {
+			if (that.scaleNum < 1) {
+				imgbox.style.transformOrigin = `50% 50%`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
+			} else {
+				imgbox.style.transformOrigin = `${e.offsetX}px ${e.offsetY}px`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
+			}
+			// }
+			var handle = function (delta) {
+				// let
+				console.log("delta", delta);
+				console.log("scaleNum", that.scaleNum);
+				let scaleNum = (that.scaleNum += delta / 15);
+				console.log("scaleNum1", that.scaleNum);
+				if (delta < 0) {
+					//向下滚动
+					console.log(that.scaleNum);
+					if (scaleNum <= 0.5) {
+						that.scaleNum = 0.5;
+					}
+				} else {
+					//向上滚动
+					console.log(that.scaleNum);
+					if (scaleNum >= 3) {
+						that.scaleNum = 3;
+					}
+				}
+				imgbox.style.transform = `scale(${that.scaleNum})`;
+			};
+			if (!e) e = window.event;
+			if (e.wheelDelta) {
+				//IE、chrome浏览器使用的是wheelDelta，并且值为“正负180”
+				delta = e.wheelDelta / 180;
+				if (window.opera) delta = -delta; //因为IE、chrome等向下滚动是负值，FF是正值，为了处理一致性，在此取反处理
+			} else if (e.detail) {
+				//FF浏览器使用的是detail,其值为“正负3”
+				delta = -e.detail / 3;
+			}
+			if (delta) {
+				handle(delta);
+			}
+		},
+		closemodal() {
+			this.isdiymodalshow = false;
+			this.idcardimg = "";
+			this.scaleNum = 1;
+		},
+		rotate(e) {
+			let imgbox1 = document.querySelector(".imgbox1");
+			let imgbox = document.querySelector(".imgbox");
+			this.scaleNum = 1;
+			console.log(this.scaleNum);
+			this.rotateNum += e;
+			console.log(imgbox1.style);
+			console.log(this.rotateNum);
+			imgbox.style.transformOrigin = `50% 50%`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
+			// imgbox.style.transformOrigin = `${e.offsetX}px ${e.offsetY}px`; // 设置图片的缩放中心,保证跟随鼠标的位置进行图片的缩放
 
-      imgbox1.style.transform = `rotate(${this.rotateNum}deg)`
-      this.mousewhell(e)
-    },
+			imgbox1.style.transform = `rotate(${this.rotateNum}deg)`;
+			this.mousewhell(e);
+		},
 
-    resetsearch(e) {
-      console.log(e)
-      if (e.target.value.length === 0) {
-        this.pagination.keys = ''
+		resetsearch(e) {
+			console.log(e);
+			if (e.target.value.length === 0) {
+				this.pagination.keys = "";
 
-        this.getBill()
-        this.userBillNumber()
-      }
-    },
-    onSearch() {
-      this.pagination.pageNum = 1
-      this.pagination.pageSize = 10
-      this.pagination.status = -1
-      // console.log();
-      this.getBill()
-      this.userBillNumber()
-    },
-    changepage(num) {
-      console.log(Math.ceil(this.pagination.total / this.pagination.pageSize))
-      if ((this.pagination.pageNum === 1 && num === -1) || (this.pagination.pageNum === Math.ceil(this.pagination.total / this.pagination.pageSize) && num === 1)) {
-        if (num === -1) {
-          this.$message.warning('已经到第一页了')
-        } else {
-          this.$message.warning('已经到最后一页了')
-        }
-        return
-      } else {
-        this.pagination.pageNum += num
-      }
-      this.getBill()
-    },
-    totop() {
-      // 返回顶部
-      // console.log(window);
-      document.body.scrollTop = 0
-      document.documentElement.scrollTop = 0
-      // window.body.scrollY = 0;
-    },
-    changeStatus(item, index) {
-      // 控制政策的展开
-      // console.log(item);
-      // console.log(index);
-      let parent = this.$refs['Control' + index][0].parentNode
-      let sibling = this.$refs['Control' + index][0].previousElementSibling
-      if (item.controlUnfold) {
-        parent.style.maxHeight = 'none'
-        sibling.style.height = '100%'
-        console.log(parent)
-      } else {
-        parent.style.maxHeight = '156px'
-        sibling.style.height = '146px'
-        sibling.style.overflow = 'hidden'
-        console.log(parent)
-      }
-      item.controlUnfold = !item.controlUnfold
-      this.$forceUpdate()
-      console.log(item.controlUnfold)
-    },
-    statusFilter() {
-      // 状态筛选
-      let num = this.filterStatus % 3
-      if (num == 1) {
-        this.billList.sort((a, b) => {
-          return a.status - b.status
-        })
-      } else if (num == 2) {
-        this.billList.sort((a, b) => {
-          return b.status - a.status
-        })
-      } else {
-        this.billList = JSON.parse(JSON.stringify(this.saveBill))
-      }
-      this.filterStatus++
-    },
-    showFlod(list) {
-      // setTimeout(() => {
-      list.forEach((item, index) => {
-        // console.log('=======');
-        let parent = this.$refs['Control' + index][0].parentNode
-        let sibling = this.$refs['Control' + index][0].previousElementSibling
-        // console.log('parent ' + parenzt );
-        // console.log('sibling ' + sibling );
-        // console.log('sibling.offsetHeight' + sibling.offsetHeight );
-        // console.log('parent.offsetHeight' + parent.offsetHeight );
-        if (sibling.scrollHeight >= parent.scrollHeight) {
-          // sibling.style.height = "100%";
-          sibling.style.overflow = 'hidden'
-          parent.style.paddingBottom = '20px'
-          item.isunfold = true
-          item.controlUnfold = true
-        } else {
-          item.isunfold = false
-        }
-        // console.log(item);
-      })
-      // }, 100);
-      this.$forceUpdate()
-    },
-    handleChange(e) {
-      // console.log(e);
-      // let that = this;
-      // this.billList = JSON.parse(JSON.stringify(this.saveBill));
-      // let list = [];
-      // this.billList.forEach((item) => {
-      // 	if (item.status == e.value) {
-      // 		list.push(item);
-      // 	}
-      // });
-      // this.billList = list;
-      // setTimeout(() => {
-      // 	this.$nextTick(() => {
-      // 		this.showFlod(that.billList);
-      // 	});
-      // }, 0);
-      // console.log(e);
-      this.pagination.statusMin = e.id
-      this.getBill()
-      this.userBillNumber()
-    },
-    resetStatus(e) {
-      console.log(e)
-      if (e == undefined) {
-        this.pagination.statusMin = ''
-        this.userBillNumber()
-        this.getBill()
-        // this.billList = JSON.parse(JSON.stringify(this.saveBill));
-        // setTimeout(() => {
-        // 	this.showFlod(this.billList);
-        // }, 0);
-      }
-      // console.log(e);
-    },
-    /* 
+				this.getBill();
+				this.userBillNumber();
+			}
+		},
+		onSearch() {
+			this.pagination.pageNum = 1;
+			this.pagination.pageSize = 10;
+			this.pagination.status = -1;
+			// console.log();
+			this.getBill();
+			this.userBillNumber();
+		},
+		changepage(num) {
+			console.log(Math.ceil(this.pagination.total / this.pagination.pageSize));
+			if ((this.pagination.pageNum === 1 && num === -1) || (this.pagination.pageNum === Math.ceil(this.pagination.total / this.pagination.pageSize) && num === 1)) {
+				if (num === -1) {
+					this.$message.warning("已经到第一页了");
+				} else {
+					this.$message.warning("已经到最后一页了");
+				}
+				return;
+			} else {
+				this.pagination.pageNum += num;
+			}
+			this.getBill();
+		},
+		totop() {
+			// 返回顶部
+			// console.log(window);
+			document.body.scrollTop = 0;
+			document.documentElement.scrollTop = 0;
+			// window.body.scrollY = 0;
+		},
+		changeStatus(item, index) {
+			// 控制政策的展开
+			// console.log(item);
+			// console.log(index);
+			let parent = this.$refs["Control" + index][0].parentNode;
+			let sibling = this.$refs["Control" + index][0].previousElementSibling;
+			if (item.controlUnfold) {
+				parent.style.maxHeight = "none";
+				sibling.style.height = "100%";
+				console.log(parent);
+			} else {
+				parent.style.maxHeight = "156px";
+				sibling.style.height = "146px";
+				sibling.style.overflow = "hidden";
+				console.log(parent);
+			}
+			item.controlUnfold = !item.controlUnfold;
+			this.$forceUpdate();
+			console.log(item.controlUnfold);
+		},
+		statusFilter() {
+			// 状态筛选
+			let num = this.filterStatus % 3;
+			if (num == 1) {
+				this.billList.sort((a, b) => {
+					return a.status - b.status;
+				});
+			} else if (num == 2) {
+				this.billList.sort((a, b) => {
+					return b.status - a.status;
+				});
+			} else {
+				this.billList = JSON.parse(JSON.stringify(this.saveBill));
+			}
+			this.filterStatus++;
+		},
+		showFlod(list) {
+			// setTimeout(() => {
+			list.forEach((item, index) => {
+				// console.log('=======');
+				let parent = this.$refs["Control" + index][0].parentNode;
+				let sibling = this.$refs["Control" + index][0].previousElementSibling;
+				// console.log('parent ' + parenzt );
+				// console.log('sibling ' + sibling );
+				// console.log('sibling.offsetHeight' + sibling.offsetHeight );
+				// console.log('parent.offsetHeight' + parent.offsetHeight );
+				if (sibling.scrollHeight >= parent.scrollHeight) {
+					// sibling.style.height = "100%";
+					sibling.style.overflow = "hidden";
+					parent.style.paddingBottom = "20px";
+					item.isunfold = true;
+					item.controlUnfold = true;
+				} else {
+					item.isunfold = false;
+				}
+				// console.log(item);
+			});
+			// }, 100);
+			this.$forceUpdate();
+		},
+		handleChange(e) {
+			// console.log(e);
+			// let that = this;
+			// this.billList = JSON.parse(JSON.stringify(this.saveBill));
+			// let list = [];
+			// this.billList.forEach((item) => {
+			// 	if (item.status == e.value) {
+			// 		list.push(item);
+			// 	}
+			// });
+			// this.billList = list;
+			// setTimeout(() => {
+			// 	this.$nextTick(() => {
+			// 		this.showFlod(that.billList);
+			// 	});
+			// }, 0);
+			// console.log(e);
+			this.pagination.statusMin = e.id;
+			this.getBill();
+			this.userBillNumber();
+		},
+		resetStatus(e) {
+			console.log(e);
+			if (e == undefined) {
+				this.pagination.statusMin = "";
+				this.userBillNumber();
+				this.getBill();
+				// this.billList = JSON.parse(JSON.stringify(this.saveBill));
+				// setTimeout(() => {
+				// 	this.showFlod(this.billList);
+				// }, 0);
+			}
+			// console.log(e);
+		},
+		/* 
       显示工单跟进记录弹出框
     */
-    showDetail(item) {
-      userBillDetailApi(item.id).then((res) => {
-        let { data } = res
-        if (data.status == 200) {
-          console.log(res)
-          this.currentBillDetail = data.data.records
-        } else {
-          this.currentBillDetail = {}
-        }
-        console.log(this.currentBillDetail)
-        console.log(this.currentBillDetail.length)
-        let test = {}
-        console.log(test[0])
-        console.log(toString(this.currentBillDetail) == '{}')
-      })
-      this.billDetailVisible = true
-      console.log(item)
-    },
-    /* 
+		showDetail(item) {
+			userBillDetailApi(item.id).then((res) => {
+				let { data } = res;
+				if (data.status == 200) {
+					console.log(res);
+					this.currentBillDetail = data.data.records;
+				} else {
+					this.currentBillDetail = {};
+				}
+				console.log(this.currentBillDetail);
+				console.log(this.currentBillDetail.length);
+				let test = {};
+				console.log(test[0]);
+				console.log(toString(this.currentBillDetail) == "{}");
+			});
+			this.billDetailVisible = true;
+			console.log(item);
+		},
+		/* 
       关闭工单跟进记录弹出框
     */
-    billDetailModalClose() {
-      this.billDetailVisible = false
-    },
-    /* 
+		billDetailModalClose() {
+			this.billDetailVisible = false;
+		},
+		/* 
       关闭政策显示框
     */
-    policyModalCancel() {
-      this.zzvisible = false
-    },
-    /* 
+		policyModalCancel() {
+			this.zzvisible = false;
+		},
+		/* 
       截出跟进记录字符串
     */
-    spliceStr(str) {
-      return str.split('_')[1]
-    },
-    /* 
+		spliceStr(str) {
+			return str.split("_")[1];
+		},
+		/* 
       显示跟进记录详情弹出框
     */
-    showInfo2(record) {
-      this.currentBillInfo = JSON.parse(record)
-      // this.currentBillInfo = {
-      //   userName: "李俊中",
-      //   nation: "汉族",
-      //   age: "52",
-      //   sex: 1,
-      //   tel: 1311111111,
-      //   idCard: 412825197101040513,
-      //   address: "河南省上蔡县芦岗乡看花楼村王会庄9988",
-      //   storeJobName: "郑州西区格力绿色再生资源",
-      //   policy:
-      //     "●年龄性别：男 35-55；女 35-46 ●薪资明细：计件工资，多劳多得。不同岗位，计件工资约200-280元/天（出勤七天内，男170元/天，在职不满30天的保底工资按60%或按实际操作量计算工资）。入职会安全培训，上岗实习等，以上时间无工资 ●吃饭住宿：吃饭自理;住宿免费，水电均摊 ●代理利润：出勤15天利润400元；（具体政策以面试当天为准）",
-      // };
-      this.zzvisible = true
-    },
-    /* 
+		showInfo2(record) {
+			this.currentBillInfo = JSON.parse(record);
+			// this.currentBillInfo = {
+			//   userName: "李俊中",
+			//   nation: "汉族",
+			//   age: "52",
+			//   sex: 1,
+			//   tel: 1311111111,
+			//   idCard: 412825197101040513,
+			//   address: "河南省上蔡县芦岗乡看花楼村王会庄9988",
+			//   storeJobName: "郑州西区格力绿色再生资源",
+			//   policy:
+			//     "●年龄性别：男 35-55；女 35-46 ●薪资明细：计件工资，多劳多得。不同岗位，计件工资约200-280元/天（出勤七天内，男170元/天，在职不满30天的保底工资按60%或按实际操作量计算工资）。入职会安全培训，上岗实习等，以上时间无工资 ●吃饭住宿：吃饭自理;住宿免费，水电均摊 ●代理利润：出勤15天利润400元；（具体政策以面试当天为准）",
+			// };
+			this.zzvisible = true;
+		},
+		/* 
     复制跟进记录详情文本
      */
-    handleCancel() {
-      var that = this
+		handleCancel() {
+			var that = this;
 
-      var text = '姓名：' + that.currentBillInfo.userName + '/' + (that.currentBillInfo.sex == 1 || that.currentBillInfo.sex == '男' ? '男' : '女') + '/' + that.currentBillInfo.age + '岁' + (that.currentBillInfo.nation == '族' ? '' : '/' + that.currentBillInfo.nation) + '\n电话：' + (that.currentBillInfo.tel == '' || that.currentBillInfo.tel == undefined || that.currentBillInfo.tel == null ? '-' : that.currentBillInfo.tel) + '\n身份证号：' + (that.currentBillInfo.idCard == '' ? '-' : that.currentBillInfo.idCard) + '\n家庭地址：' + (that.currentBillInfo.address == '' || that.currentBillInfo.address == undefined || that.currentBillInfo.address == null ? '-' : that.currentBillInfo.address) + '\n报名岗位：' + that.currentBillInfo.storeJobName + '\n政策：' + that.currentBillInfo.policy
+			var text = "姓名：" + that.currentBillInfo.userName + "/" + (that.currentBillInfo.sex == 1 || that.currentBillInfo.sex == "男" ? "男" : "女") + "/" + that.currentBillInfo.age + "岁" + (that.currentBillInfo.nation == "族" ? "" : "/" + that.currentBillInfo.nation) + "\n电话：" + (that.currentBillInfo.tel == "" || that.currentBillInfo.tel == undefined || that.currentBillInfo.tel == null ? "-" : that.currentBillInfo.tel) + "\n身份证号：" + (that.currentBillInfo.idCard == "" ? "-" : that.currentBillInfo.idCard) + "\n家庭地址：" + (that.currentBillInfo.address == "" || that.currentBillInfo.address == undefined || that.currentBillInfo.address == null ? "-" : that.currentBillInfo.address) + "\n报名岗位：" + that.currentBillInfo.storeJobName + "\n政策：" + that.currentBillInfo.policy;
 
-      this.zzvisible = false
-      this.$copyText(text).then(
-        (e) => {
-          console.log('复制成功：', e)
-          that.$message.success('复制成功')
-        },
-        (e) => {
-          console.log('复制失败：', e)
-        }
-      )
-    },
-    /* 
+			this.zzvisible = false;
+			this.$copyText(text).then(
+				(e) => {
+					console.log("复制成功：", e);
+					that.$message.success("复制成功");
+				},
+				(e) => {
+					console.log("复制失败：", e);
+				}
+			);
+		},
+		/* 
       关闭跟进详情弹出框
     */
-    // handleOk() {
-    //   this.zzvisible = false;
-    // },
-    formatDateYMDHM(time) {
-      return formatDateYMDHM(time)
-    },
-  },
-}
+		// handleOk() {
+		//   this.zzvisible = false;
+		// },
+		formatDateYMDHM(time) {
+			return formatDateYMDHM(time);
+		},
+	},
+};
 </script>
 
 <style scoped lang="less">
 .mybill-container {
-  position: relative;
-  // min-height: 802px;
-  margin-top: 16px;
-  // border-radius: 4px;
-  // padding: 1px 10px;
-  background-color: #fff;
-  font-size: 16px;
+	position: relative;
+	// min-height: 802px;
+	margin-top: 16px;
+	// border-radius: 4px;
+	// padding: 1px 10px;
+	background-color: #fff;
+	font-size: 16px;
 
-  .diymodal {
-    // display: none;
-    width: 512px;
-    height: 512px;
-    position: fixed;
-    border: #ebebeb solid 1px;
-    left: 50%;
-    top: 50%;
-    background: #ffffff;
-    box-shadow: 0px 5px 20px #ddd;
-    z-index: 9999;
-    transform: translate(-50%, -60%);
-    .title {
-      height: 30px;
-      border-bottom: 1px solid rgb(240, 240, 240);
-      i {
-        float: right;
-        width: 30px;
-        margin: 2px 3px 0 0;
-        line-height: 30px;
-        text-align: center;
-        font-size: 12px;
-        cursor: pointer;
-      }
-    }
-    .body {
-      height: calc(100% - 60px);
-      width: 100%;
-      padding: 10px 0;
-      overflow: hidden;
-      .imgbox1 {
-        height: 100%;
+	.diymodal {
+		// display: none;
+		width: 512px;
+		height: 512px;
+		position: fixed;
+		border: #ebebeb solid 1px;
+		left: 50%;
+		top: 50%;
+		background: #ffffff;
+		box-shadow: 0px 5px 20px #ddd;
+		z-index: 9999;
+		transform: translate(-50%, -60%);
+		.title {
+			height: 30px;
+			border-bottom: 1px solid rgb(240, 240, 240);
+			i {
+				float: right;
+				width: 30px;
+				margin: 2px 3px 0 0;
+				line-height: 30px;
+				text-align: center;
+				font-size: 12px;
+				cursor: pointer;
+			}
+		}
+		.body {
+			height: calc(100% - 60px);
+			width: 100%;
+			padding: 10px 0;
+			overflow: hidden;
+			.imgbox1 {
+				height: 100%;
 
-        .imgbox {
-          position: relative;
-          // width: 100%;
-          height: 100%;
-          background-repeat: no-repeat !important;
-          background-size: contain !important;
-          background-position: center center !important;
-        }
-      }
-      .warningbox {
-        height: 100%;
-        padding: 100px 0 160px;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-around;
-        text-align: center;
-        > div:first-child {
-          margin-top: 20px;
-        }
-        // overflow: hidden;
-        img {
-          width: 80px;
-          height: 80px;
-        }
-        p {
-          font-size: 16px;
-          margin-top: 30px;
-        }
-        > div:last-child {
-          margin-top: 20px;
-          height: 32px;
-          button {
-            float: right;
-            width: 72px;
-            height: 32px;
-            background-color: #ff4400;
-            border: none;
-            color: #fff;
-            // border-radius: 4px;
-            margin-right: 60px;
-          }
-        }
-      }
-      // img {
-      //   height: 100%;
-      // }
-    }
-    .footer {
-      height: 40px;
-      width: 100%;
-      border-top: 1px solid rgb(240, 240, 240);
-      background-color: #fff;
-      text-align: center;
-      i {
-        font-size: 20px;
-        line-height: 40px;
-        color: #a1a1a1;
-        // font-weight: bold;
-        cursor: pointer;
-        &:first-child {
-          margin-right: 25px;
-        }
-      }
-    }
-  }
+				.imgbox {
+					position: relative;
+					// width: 100%;
+					height: 100%;
+					background-repeat: no-repeat !important;
+					background-size: contain !important;
+					background-position: center center !important;
+				}
+			}
+			.warningbox {
+				height: 100%;
+				padding: 100px 0 160px;
+				display: flex;
+				flex-direction: column;
+				justify-content: space-around;
+				text-align: center;
+				> div:first-child {
+					margin-top: 20px;
+				}
+				// overflow: hidden;
+				img {
+					width: 80px;
+					height: 80px;
+				}
+				p {
+					font-size: 16px;
+					margin-top: 30px;
+				}
+				> div:last-child {
+					margin-top: 20px;
+					height: 32px;
+					button {
+						float: right;
+						width: 72px;
+						height: 32px;
+						background-color: #ff4400;
+						border: none;
+						color: #fff;
+						// border-radius: 4px;
+						margin-right: 60px;
+					}
+				}
+			}
+			// img {
+			//   height: 100%;
+			// }
+		}
+		.footer {
+			height: 40px;
+			width: 100%;
+			border-top: 1px solid rgb(240, 240, 240);
+			background-color: #fff;
+			text-align: center;
+			i {
+				font-size: 20px;
+				line-height: 40px;
+				color: #a1a1a1;
+				// font-weight: bold;
+				cursor: pointer;
+				&:first-child {
+					margin-right: 25px;
+				}
+			}
+		}
+	}
 }
 /deep/ .contenttitle {
-  display: flex;
-  padding-bottom: 0px;
-  justify-content: space-between;
-  border-bottom: 1px solid rgba(77, 87, 94, 0.1);
-  margin-top: 16px;
-  margin-bottom: 16px;
+	display: flex;
+	padding-bottom: 0px;
+	justify-content: space-between;
+	border-bottom: 1px solid rgba(77, 87, 94, 0.1);
+	margin-top: 16px;
+	margin-bottom: 16px;
 
-  ul {
-    display: flex;
-    height: 40px;
-    .townsmanactive {
-      // border-color: #;
-      color: #ff6600;
-      z-index: 999;
-      border-bottom: 2px solid #ff6600;
-      span {
-        color: #ff6600;
-      }
-    }
-    li {
-      position: relative;
-      // width: 104px;
-      // height: 40px;
-      padding: 0px 20px;
-      padding-bottom: 16px;
-      font-weight: 600;
-      color: #666;
-      // line-height: 40px;
-      text-align: center;
-      cursor: pointer;
-      span {
-        color: #ff6600;
-        margin-left: 4px;
-        font-size: 16px;
-      }
-      &:hover {
-        color: #ff6600;
-        span {
-          color: #ff6600;
-        }
-      }
-      &::after {
-        content: '';
-        position: absolute;
-        display: block;
-        width: 1px;
-        height: 24px;
-        right: 0;
-        top: 0%;
-        // transform: translateY(-50%);
-        background-color: #eeeeee;
-      }
-      &:last-child::after {
-        display: none;
-      }
-      &:nth-child(7)::after {
-        height: 57px;
-        top: -16px;
-      }
-    }
-    button {
-      width: 100px;
-      height: 28px;
-      position: relative;
-      font-size: 14px;
-      border: 1px solid #cccccc;
-      background-color: #fff;
-      margin-right: -1px;
-      cursor: pointer;
-      &:hover {
-        color: #ff4400;
-      }
-    }
-    button:first-child {
-      // border-radius: 4px 0px 0px 4px;
-    }
-    button:last-child {
-      // border-radius: 0px 4px 4px 0px;
-    }
-  }
+	ul {
+		display: flex;
+		height: 40px;
+		.townsmanactive {
+			// border-color: #;
+			color: #ff6600;
+			z-index: 999;
+			border-bottom: 2px solid #ff6600;
+			span {
+				color: #ff6600;
+			}
+		}
+		li {
+			position: relative;
+			// width: 104px;
+			// height: 40px;
+			padding: 0px 20px;
+			padding-bottom: 16px;
+			font-weight: 600;
+			color: #666;
+			// line-height: 40px;
+			text-align: center;
+			cursor: pointer;
+			span {
+				color: #ff6600;
+				margin-left: 4px;
+				font-size: 16px;
+			}
+			&:hover {
+				color: #ff6600;
+				span {
+					color: #ff6600;
+				}
+			}
+			&::after {
+				content: "";
+				position: absolute;
+				display: block;
+				width: 1px;
+				height: 24px;
+				right: 0;
+				top: 0%;
+				// transform: translateY(-50%);
+				background-color: #eeeeee;
+			}
+			&:last-child::after {
+				display: none;
+			}
+			&:nth-child(7)::after {
+				height: 57px;
+				top: -16px;
+			}
+		}
+		button {
+			width: 100px;
+			height: 28px;
+			position: relative;
+			font-size: 14px;
+			border: 1px solid #cccccc;
+			background-color: #fff;
+			margin-right: -1px;
+			cursor: pointer;
+			&:hover {
+				color: #ff4400;
+			}
+		}
+		button:first-child {
+			// border-radius: 4px 0px 0px 4px;
+		}
+		button:last-child {
+			// border-radius: 0px 4px 4px 0px;
+		}
+	}
 }
 /deep/ .contentbody {
-  // /deep/ .ant-table-placeholder {
-  //   min-height: 300px;
-  //   > div {
-  //     position: relative;
-  //     height: 131px;
-  //     top: 30px;
-  //     // transform: translateY(-50%);
-  //   }
-  // }
-  .searchbox {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    .ant-input {
-      border-radius: 6px;
-    }
-    .searchinput {
-      display: flex;
-      position: relative;
-      > div {
-        display: flex;
-        // width: 375px;
-        justify-content: start;
-        align-items: center;
-        font-size: 14px;
-        > div {
-          margin-left: 50px;
-          width: 70px;
-        }
-      }
-      .ant-input {
-        width: 400px;
-        // width: 300px;
-        position: relative;
-        height: 32px;
-        text-indent: 10px;
-        background: #fff;
-        // border: 1px solid rgba(77, 87, 94, 0.3);
-        // border-radius: 136px;
-        box-shadow: 0px 2px 4px 0px transparent;
-        font-size: 14px !important;
-        padding-right: 0;
-        border-color: #e9e9e9;
-        // z-index: ;
-        &::placeholder {
-          text-indent: 10px;
-          font-size: 14px !important;
-        }
-        &:hover {
-          border-color: #ff4400;
-          box-shadow: none;
-        }
-        &:focus {
-          border-color: #ff4400;
-        }
-      }
-      .ant-input-affix-wrapper {
-        .ant-input-prefix {
-          position: absolute;
-          width: 20px;
-          right: 0;
-          top: 16px;
-          i {
-            color: #c9c9c9;
-          }
-        }
-        .ant-input-suffix {
-          // position: absolute;
-          right: 0px !important;
-        }
-      }
-      button {
-        width: 70px;
-        height: 32px;
-        color: white;
-        background: #ff4400;
-        border-color: #ff4400;
-        border: none;
-        // border-radius: 16px;
-        font-size: 14px;
-        box-shadow: none;
-        cursor: pointer;
-        outline: none;
-        &:hover {
-          background-color: #ff4400d9;
-        }
-        // &:focus {
-        //   border: none;
-        // }
-      }
-      .ant-calendar-picker-input {
-        display: flex;
-        padding-left: 0;
-        justify-content: center;
-        // margin-left: 20px;
-        width: 260px;
-        border-color: #ccc;
-        // border-radius: 4px;
-        // border: none;
-        &:hover {
-          border-color: #ff4400;
-        }
-        .ant-calendar-range-picker-input {
-          width: 95px;
-          font-size: 14px;
-        }
-        .ant-calendar-range-picker-separator {
-          margin-right: 10px;
-        }
-        .ant-calendar-picker-clear {
-          margin-right: 10px;
-        }
-      }
-    }
-    .pagechange {
-      button {
-        width: 66px;
-        height: 24px;
-        border: 1px solid rgba(77, 87, 94, 0.3);
-        border-radius: 4px;
-        font-size: 14px;
-        color: #4d575e;
-        background-color: #fff;
-        &:hover {
-          border-color: #ff4400;
-          color: #ff4400;
-        }
-        &:first-child {
-          margin-right: 12px;
-        }
-      }
-    }
-  }
-  .infocontent {
-    .contenttltle {
-      margin-top: 16px;
-      > ul {
-        height: 32px;
-        line-height: 32px;
-        display: flex;
-        justify-content: space-between;
-        background-color: #f5f5f5;
-        border: 1px solid #e8e8e8;
-        font-size: 14px;
-        text-align: center;
-        border-radius: 6px;
-        // li {
-        // }
-        li:first-child {
-          width: 263px;
-          padding-left: 60px;
-        }
-        li:nth-child(2) {
-          width: 246px;
-          // line-height: 100px;
-          // background-color: red;
-        }
-        li:nth-child(3) {
-          // width: 213px;
-          flex: 1;
-          // background-color: green;
-        }
-        li:nth-child(4) {
-          display: flex;
-          justify-content: end;
-          align-items: center;
-          padding-left: 50px;
-          padding-right: 16px;
-          width: 321px;
-          > div:first-child {
-            line-height: 30px;
-          }
-          .ant-select {
-            width: 120px;
-            // margin-left: 20px;
-          }
-          .ant-select-focused .ant-select-selection,
-          .ant-select-selection:focus,
-          .ant-select-selection:active {
-            border-color: #ff4400;
-            box-shadow: none;
-          }
-          .ant-select-selection {
-            border-radius: 4px;
-          }
-          .ant-select-selection:hover {
-            border-color: #ff4400;
-          }
-          .ant-select-focused {
-            box-shadow: none;
-          }
-          // background-color: purple;
-        }
-      }
-    }
-    .isDownstyle {
-      .proxyInfo {
-        background-color: #fff3ef !important;
-        border-color: #ff4400cc !important;
-      }
-      .billInfo {
-        li {
-          border-color: #ff4400cc !important;
-          .serial {
-            border-color: #ff4400cc !important;
-          }
-        }
-      }
-    }
-    .infoSubset {
-      // height: 174px;
-      // background-color: pink;
-      margin-top: 16px;
-      font-size: 14px;
-      overflow: hidden;
-      .proxyInfo {
-        display: flex;
-        height: 40px;
-        padding: 0 16px;
-        // background-color: skyblue;
-        background-color: #f5f5f5;
-        justify-content: space-between;
-        align-items: center;
-        border: 1px solid #ccc;
-        border-radius: 6px 6px 0 0;
-        li {
-          flex: 1;
-          &:nth-child(2) {
-            margin-left: 5px;
-          }
-          &:nth-child(3) {
-            // margin-left: 100px;
-            position: relative;
-            transform: translateX(52px);
-          }
-          &:last-child {
-            text-align: right;
-          }
-          // flex: 1;
-        }
-      }
-      .billInfo {
-        display: flex;
-        justify-content: space-between;
-        // overflow: hidden;
-        li {
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          align-items: center;
-          text-align: center;
-          border: 1px solid #ccc;
-          border-top: none;
-          overflow: hidden;
-          &:nth-child(-n + 3) {
-            border-right: none;
-          }
-        }
-        li:first-child {
-          position: relative;
-          width: 273px;
-          padding-left: 60px;
-          .serial {
-            display: flex;
-            align-items: center;
-            position: absolute;
-            height: 100%;
-            width: 60px;
-            left: 0;
-            font-weight: 400;
-            color: #333;
-            font-size: 16px;
-            justify-content: center;
-            background-color: #fff;
-            border-right: 1px solid #ccc;
-          }
-          // flex-direction: column;
+	// /deep/ .ant-table-placeholder {
+	//   min-height: 300px;
+	//   > div {
+	//     position: relative;
+	//     height: 131px;
+	//     top: 30px;
+	//     // transform: translateY(-50%);
+	//   }
+	// }
+	.searchbox {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		.ant-input {
+			border-radius: 6px;
+		}
+		.searchinput {
+			display: flex;
+			position: relative;
+			> div {
+				display: flex;
+				// width: 375px;
+				justify-content: start;
+				align-items: center;
+				font-size: 14px;
+				> div {
+					margin-left: 50px;
+					width: 70px;
+				}
+			}
+			.ant-input {
+				width: 400px;
+				// width: 300px;
+				position: relative;
+				height: 32px;
+				text-indent: 10px;
+				background: #fff;
+				// border: 1px solid rgba(77, 87, 94, 0.3);
+				// border-radius: 136px;
+				box-shadow: 0px 2px 4px 0px transparent;
+				font-size: 14px !important;
+				padding-right: 0;
+				border-color: #e9e9e9;
+				// z-index: ;
+				&::placeholder {
+					text-indent: 10px;
+					font-size: 14px !important;
+				}
+				&:hover {
+					border-color: #ff4400;
+					box-shadow: none;
+				}
+				&:focus {
+					border-color: #ff4400;
+				}
+			}
+			.ant-input-affix-wrapper {
+				.ant-input-prefix {
+					position: absolute;
+					width: 20px;
+					right: 0;
+					top: 16px;
+					i {
+						color: #c9c9c9;
+					}
+				}
+				.ant-input-suffix {
+					// position: absolute;
+					right: 0px !important;
+				}
+			}
+			button {
+				width: 70px;
+				height: 32px;
+				color: white;
+				background: #ff4400;
+				border-color: #ff4400;
+				border: none;
+				// border-radius: 16px;
+				font-size: 14px;
+				box-shadow: none;
+				cursor: pointer;
+				outline: none;
+				&:hover {
+					background-color: #ff4400d9;
+				}
+				// &:focus {
+				//   border: none;
+				// }
+			}
+			.ant-calendar-picker-input {
+				display: flex;
+				padding-left: 0;
+				justify-content: center;
+				// margin-left: 20px;
+				width: 260px;
+				border-color: #ccc;
+				// border-radius: 4px;
+				// border: none;
+				&:hover {
+					border-color: #ff4400;
+				}
+				.ant-calendar-range-picker-input {
+					width: 95px;
+					font-size: 14px;
+				}
+				.ant-calendar-range-picker-separator {
+					margin-right: 10px;
+				}
+				.ant-calendar-picker-clear {
+					margin-right: 10px;
+				}
+			}
+		}
+		.pagechange {
+			button {
+				width: 66px;
+				height: 24px;
+				border: 1px solid rgba(77, 87, 94, 0.3);
+				border-radius: 4px;
+				font-size: 14px;
+				color: #4d575e;
+				background-color: #fff;
+				&:hover {
+					border-color: #ff4400;
+					color: #ff4400;
+				}
+				&:first-child {
+					margin-right: 12px;
+				}
+			}
+		}
+	}
+	.infocontent {
+		.contenttltle {
+			margin-top: 16px;
+			> ul {
+				height: 32px;
+				line-height: 32px;
+				display: flex;
+				justify-content: space-between;
+				background-color: #f5f5f5;
+				border: 1px solid #e8e8e8;
+				font-size: 14px;
+				text-align: center;
+				border-radius: 6px;
+				// li {
+				// }
+				li:first-child {
+					width: 263px;
+					padding-left: 60px;
+				}
+				li:nth-child(2) {
+					width: 246px;
+					// line-height: 100px;
+					// background-color: red;
+				}
+				li:nth-child(3) {
+					// width: 213px;
+					flex: 1;
+					// background-color: green;
+				}
+				li:nth-child(4) {
+					display: flex;
+					justify-content: end;
+					align-items: center;
+					padding-left: 50px;
+					padding-right: 16px;
+					width: 321px;
+					> div:first-child {
+						line-height: 30px;
+					}
+					.ant-select {
+						width: 120px;
+						// margin-left: 20px;
+					}
+					.ant-select-focused .ant-select-selection,
+					.ant-select-selection:focus,
+					.ant-select-selection:active {
+						border-color: #ff4400;
+						box-shadow: none;
+					}
+					.ant-select-selection {
+						border-radius: 4px;
+					}
+					.ant-select-selection:hover {
+						border-color: #ff4400;
+					}
+					.ant-select-focused {
+						box-shadow: none;
+					}
+					// background-color: purple;
+				}
+			}
+		}
+		.isDownstyle {
+			.proxyInfo {
+				background-color: #fff3ef !important;
+				border-color: #ff4400cc !important;
+			}
+			.billInfo {
+				li {
+					border-color: #ff4400cc !important;
+					.serial {
+						border-color: #ff4400cc !important;
+					}
+				}
+			}
+		}
+		.infoSubset {
+			// height: 174px;
+			// background-color: pink;
+			margin-top: 16px;
+			font-size: 14px;
+			overflow: hidden;
+			.proxyInfo {
+				display: flex;
+				height: 40px;
+				padding: 0 16px;
+				// background-color: skyblue;
+				background-color: #f5f5f5;
+				justify-content: space-between;
+				align-items: center;
+				border: 1px solid #ccc;
+				border-radius: 6px 6px 0 0;
+				li {
+					flex: 1;
+					&:nth-child(2) {
+						margin-left: 5px;
+					}
+					&:nth-child(3) {
+						// margin-left: 100px;
+						position: relative;
+						transform: translateX(52px);
+					}
+					&:last-child {
+						text-align: right;
+					}
+					// flex: 1;
+				}
+			}
+			.billInfo {
+				display: flex;
+				justify-content: space-between;
+				// overflow: hidden;
+				li {
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					align-items: center;
+					text-align: center;
+					border: 1px solid #ccc;
+					border-top: none;
+					overflow: hidden;
+					&:nth-child(-n + 3) {
+						border-right: none;
+					}
+				}
+				li:first-child {
+					position: relative;
+					width: 273px;
+					padding-left: 60px;
+					.serial {
+						display: flex;
+						align-items: center;
+						position: absolute;
+						height: 100%;
+						width: 60px;
+						left: 0;
+						font-weight: 400;
+						color: #333;
+						font-size: 16px;
+						justify-content: center;
+						background-color: #fff;
+						border-right: 1px solid #ccc;
+					}
+					// flex-direction: column;
 
-          // justify-content: space-around;
-          // padding: 28px 0 32px;
-          i {
-            text-align: center;
-            width: 24px;
-            font-size: 24px;
-            &:before {
-              cursor: pointer;
-            }
-          }
-          // span {
-          // 	display: block;
-          // 	height: 22px;
-          // }
-          span:nth-of-type(1) {
-            font-weight: bold;
-            margin-bottom: 5px;
-          }
-          // background-color: blue;
-        }
-        li:nth-child(2) {
-          width: 246px;
-          // line-height: 100px;
-          // background-color: red;
-        }
-        li:nth-child(3) {
-          width: 400px;
-          // display: block;
-          position: relative;
-          max-height: 156px;
-          min-height: 156px;
-          text-align: left;
-          padding: 6px 16px 6px 16px;
+					// justify-content: space-around;
+					// padding: 28px 0 32px;
+					i {
+						text-align: center;
+						width: 24px;
+						font-size: 24px;
+						&:before {
+							cursor: pointer;
+						}
+					}
+					// span {
+					// 	display: block;
+					// 	height: 22px;
+					// }
+					span:nth-of-type(1) {
+						font-weight: bold;
+						margin-bottom: 5px;
+					}
+					// background-color: blue;
+				}
+				li:nth-child(2) {
+					width: 246px;
+					// line-height: 100px;
+					// background-color: red;
+				}
+				li:nth-child(3) {
+					width: 400px;
+					// display: block;
+					position: relative;
+					max-height: 156px;
+					min-height: 156px;
+					text-align: left;
+					padding: 6px 16px 6px 16px;
 
-          overflow: hidden;
-          > p {
-            // white-space: break-space;
-            // text-align: center;
-            margin-bottom: 0;
-            word-break: break-all;
-            font-size: 14px;
-            width: 100%;
-          }
-          div {
-            position: absolute;
-            width: 42px;
-            height: 20px;
-            right: 19px;
-            bottom: 3px;
-            text-align: right;
-            background-color: #fff;
-            color: #ff4400;
-            cursor: pointer;
-          }
-          // background-color: green;
-        }
-        li:nth-child(4) {
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          // padding-top: 62px;
-          width: 321px;
-          // background-color: purple;
-        }
-      }
-    }
-  }
+					overflow: hidden;
+					> p {
+						// white-space: break-space;
+						// text-align: center;
+						margin-bottom: 0;
+						word-break: break-all;
+						font-size: 14px;
+						width: 100%;
+					}
+					div {
+						position: absolute;
+						width: 42px;
+						height: 20px;
+						right: 19px;
+						bottom: 3px;
+						text-align: right;
+						background-color: #fff;
+						color: #ff4400;
+						cursor: pointer;
+					}
+					// background-color: green;
+				}
+				li:nth-child(4) {
+					display: flex;
+					flex-direction: column;
+					justify-content: center;
+					// padding-top: 62px;
+					width: 321px;
+					// background-color: purple;
+				}
+			}
+		}
+	}
 }
 .icon-zhengjian {
-  transform: scaleX(-1.2);
+	transform: scaleX(-1.2);
 }
 .billDetailModal {
-  /deep/ .ant-modal-content {
-    .ant-modal-body {
-      max-height: 700px;
-      overflow: auto;
-      padding: 30px;
-      // 跟进信息的状态
-      #progressinfo {
-        margin: 0 !important;
-        .ui-step-one:last-child .ui-list-info {
-          border-left: 0;
-        }
-      }
-      #progressinfo > div {
-        margin-left: 24px;
-        padding-top: 0;
-        padding-bottom: 0;
-        padding-right: 16px;
-        position: relative;
-      }
+	/deep/ .ant-modal-content {
+		.ant-modal-body {
+			max-height: 700px;
+			overflow: auto;
+			padding: 30px;
+			// 跟进信息的状态
+			#progressinfo {
+				margin: 0 !important;
+				.ui-step-one:last-child .ui-list-info {
+					border-left: 0;
+				}
+			}
+			#progressinfo > div {
+				margin-left: 24px;
+				padding-top: 0;
+				padding-bottom: 0;
+				padding-right: 16px;
+				position: relative;
+			}
 
-      .titleMain div {
-        padding-bottom: 20px;
-        padding-left: 13px;
-        border-left: 2px solid #cccccc;
-        left: 16px;
-        line-height: 20px;
-        /*height: 22px;*/
-        font-size: 16px;
-        font-weight: bold;
-        color: #333333;
-      }
+			.titleMain div {
+				padding-bottom: 20px;
+				padding-left: 13px;
+				border-left: 2px solid #cccccc;
+				left: 16px;
+				line-height: 20px;
+				/*height: 22px;*/
+				font-size: 16px;
+				font-weight: bold;
+				color: #333333;
+			}
 
-      .cg-cricle,
-      .cb-cricle {
-        position: absolute;
-        left: -4.5px;
-        top: 1px;
-        background: #cccccc;
-        width: 10px;
-        height: 10px;
-        border-radius: 100%;
-      }
+			.cg-cricle,
+			.cb-cricle {
+				position: absolute;
+				left: -4.5px;
+				top: 1px;
+				background: #cccccc;
+				width: 10px;
+				height: 10px;
+				border-radius: 100%;
+			}
 
-      .ui-list-info {
-        padding-bottom: 24px;
-        border-left: 2px solid #cccccc;
-        padding-left: 13px;
-        position: relative;
-        top: -3px;
-        margin-bottom: -4px;
-      }
-      #progressinfo {
-        margin-top: 24px;
-        font-size: 14px;
-        margin-bottom: 125px;
-        ul {
-          margin-bottom: 0;
+			.ui-list-info {
+				padding-bottom: 24px;
+				border-left: 2px solid #cccccc;
+				padding-left: 13px;
+				position: relative;
+				top: -3px;
+				margin-bottom: -4px;
+			}
+			#progressinfo {
+				margin-top: 24px;
+				font-size: 14px;
+				margin-bottom: 125px;
+				ul {
+					margin-bottom: 0;
 
-          li {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            border-left: 1px solid #e8e8e8;
-            margin-left: 4px;
-            position: relative;
-            padding-bottom: 29px;
+					li {
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+						border-left: 1px solid #e8e8e8;
+						margin-left: 4px;
+						position: relative;
+						padding-bottom: 29px;
 
-            p {
-              margin-bottom: 0;
-            }
+						p {
+							margin-bottom: 0;
+						}
 
-            > div:first-child {
-              position: absolute;
-              width: 8px;
-              height: 8px;
-              left: -4.5px;
-              top: 0;
-              border: 2px solid #1890ff;
-              background-color: #fff;
-              border-radius: 50%;
-              box-sizing: border-box;
-            }
+						> div:first-child {
+							position: absolute;
+							width: 8px;
+							height: 8px;
+							left: -4.5px;
+							top: 0;
+							border: 2px solid #1890ff;
+							background-color: #fff;
+							border-radius: 50%;
+							box-sizing: border-box;
+						}
 
-            > div:nth-child(2) {
-              margin-left: 37px;
-              margin-top: -7px;
-            }
+						> div:nth-child(2) {
+							margin-left: 37px;
+							margin-top: -7px;
+						}
 
-            > div:last-child {
-              color: #ccc;
-              cursor: pointer;
-            }
-          }
+						> div:last-child {
+							color: #ccc;
+							cursor: pointer;
+						}
+					}
 
-          li:last-child {
-            border-color: transparent;
-          }
-        }
+					li:last-child {
+						border-color: transparent;
+					}
+				}
 
-        .loadmore {
-          text-align: center;
-          color: #1890ff;
-        }
-      }
-      .titleMain > div > img {
-        position: absolute;
-        top: 0px;
-        left: -10px;
-        display: inline-block;
-        width: 20px;
-        height: 20px;
-        background-color: #ccc;
-        line-height: 20px;
-        border-radius: 50%;
-        padding: 2px;
-      }
-      .titleMain:first-of-type > div {
-        color: #ff4400;
-      }
-      .titleMain:first-of-type > div > img {
-        background-color: #ff4400;
-      }
-    }
-    .ant-modal-header {
-      background-color: #f5f5f5;
-      border-bottom: 0px solid #000;
-    }
-  }
+				.loadmore {
+					text-align: center;
+					color: #1890ff;
+				}
+			}
+			.titleMain > div > img {
+				position: absolute;
+				top: 0px;
+				left: -10px;
+				display: inline-block;
+				width: 20px;
+				height: 20px;
+				background-color: #ccc;
+				line-height: 20px;
+				border-radius: 50%;
+				padding: 2px;
+			}
+			.titleMain:first-of-type > div {
+				color: #ff4400;
+			}
+			.titleMain:first-of-type > div > img {
+				background-color: #ff4400;
+			}
+		}
+		.ant-modal-header {
+			background-color: #f5f5f5;
+			border-bottom: 0px solid #000;
+		}
+	}
 }
 .recordInfo {
-  /deep/ .ant-modal-content {
-    .ant-modal-body {
-      padding-left: 120px;
-      .mb8 {
-        margin-bottom: 20px !important;
-      }
-      .ant-row > div:first-child {
-        text-align: right;
-        margin-right: 32px;
-      }
-    }
-  }
+	/deep/ .ant-modal-content {
+		.ant-modal-body {
+			padding-left: 120px;
+			.mb8 {
+				margin-bottom: 20px !important;
+			}
+			.ant-row > div:first-child {
+				text-align: right;
+				margin-right: 32px;
+			}
+		}
+	}
 }
 /deep/ .ant-calendar-panel {
-  .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
-    background: #ff4400;
-  }
-  .ant-calendar-date:hover {
-    border-color: #ff4400;
-    background-color: #fff;
-    color: #ff4400;
-  }
-  .ant-calendar-today .ant-calendar-date {
-    background-color: #ff4400;
-    border-color: #ff4400;
-    color: #fff;
-  }
-  .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
-  .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
-    background-color: #ff4400;
-    border-color: #ff4400;
-    color: #fff;
-  }
-  .ant-calendar-range .ant-calendar-in-range-cell::before {
-    background: #fff3ef;
-  }
-  .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
-  .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
-    background: #ff4400;
-  }
-  .ant-calendar-header a:hover {
-    color: #ff4400;
-  }
-  .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover,
-  .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
-  .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,
-  .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover,
-  .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
-    background: #ff4400;
-  }
-  .ant-calendar-month-panel-month:hover,
-  .ant-calendar-year-panel-year:hover,
-  .ant-calendar-decade-panel-decade:hover {
-    background: #fff3ef;
-  }
+	.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
+		background: #ff4400;
+	}
+	.ant-calendar-date:hover {
+		border-color: #ff4400;
+		background-color: #fff;
+		color: #ff4400;
+	}
+	.ant-calendar-today .ant-calendar-date {
+		background-color: #ff4400;
+		border-color: #ff4400;
+		color: #fff;
+	}
+	.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
+	.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
+		background-color: #ff4400;
+		border-color: #ff4400;
+		color: #fff;
+	}
+	.ant-calendar-range .ant-calendar-in-range-cell::before {
+		background: #fff3ef;
+	}
+	.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
+	.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
+		background: #ff4400;
+	}
+	.ant-calendar-header a:hover {
+		color: #ff4400;
+	}
+	.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover,
+	.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
+	.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,
+	.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover,
+	.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
+		background: #ff4400;
+	}
+	.ant-calendar-month-panel-month:hover,
+	.ant-calendar-year-panel-year:hover,
+	.ant-calendar-decade-panel-decade:hover {
+		background: #fff3ef;
+	}
 }
 </style>
diff --git a/src/components/userinfo/usercenter/components/vocationalBill.vue b/src/components/userinfo/usercenter/components/vocationalBill.vue
new file mode 100644
index 0000000..fbf653e
--- /dev/null
+++ b/src/components/userinfo/usercenter/components/vocationalBill.vue
@@ -0,0 +1,432 @@
+<template>
+	<div class="mybill-container f40 w">
+		<div class="searchbox">
+			<div class="searchinput f40">
+				<a-input placeholder="搜索工单号/职位/姓名/电话/身份证号" allowClear @keyup.enter="onSearch" @input="resetsearch" v-model="pagination.keys">
+					<i slot="prefix" class="iconfont icon-sousuo"></i>
+					<button slot="suffix" @click="onSearch" style="border-radius: 0px 6px 6px 0">搜索</button>
+				</a-input>
+				<div>
+					<div>报名时间：</div>
+					<a-range-picker style @change="dateChange" class dropdownClassName="f40" />
+				</div>
+			</div>
+			<div class="pagechange">
+				<a-button style="">导出线索</a-button>
+			</div>
+		</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">
+				<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>
+	</div>
+</template>
+
+<script>
+import { userBillApi, userBillNumberApi, userBillDetailApi } from "../../../../api/userinfo";
+import { getUserApplyOrderStatusByIdToBill, isEmptyCheck, formatDateYMDHM, formatDateYMD } from "../../../../utils/commonUtil";
+
+export default {
+	// 组件名称
+	name: "mybillcontainer",
+	// 局部注册的组件
+	components: {},
+	// 组件参数 接收来自父组件的数据
+	props: {},
+	// 组件状态值
+	data() {
+		return {
+			isspinning: false,
+			billList: [],
+			pagination: {
+				pageNum: 1,
+				pageSize: 10,
+				total: null, //分页配置
+				status: -1,
+				keys: "",
+			},
+		};
+	},
+	// 计算属性
+	computed: {
+		columns() {
+			const columns = [
+				{
+					title: "序号",
+					dataIndex: "index",
+					key: "index",
+					customRender: (text, row, index) => {
+						return index + 1;
+					},
+					// ellipsis: true,
+					width: 60,
+				},
+				{
+					title: "姓名",
+					dataIndex: "userName",
+					key: "userName",
+					scopedSlots: { customRender: "userName" },
+					ellipsis: true,
+					width: 100,
+				},
+				{
+					title: "手机号",
+					dataIndex: "tel",
+					key: "tel",
+					ellipsis: true,
+					width: 140,
+				},
+				{
+					title: "报名职教",
+					dataIndex: "storeJobName",
+					key: "storeJobName",
+					scopedSlots: { customRender: "storeJobName" },
+
+					ellipsis: true,
+					width: 160,
+				},
+				{
+					title: "报名人",
+					dataIndex: "applyUserName",
+					key: "applyUserName",
+					scopedSlots: { customRender: "applyUserName" },
+
+					ellipsis: true,
+					width: 100,
+				},
+				{
+					title: "服务费",
+					dataIndex: "returnFee",
+					key: "returnFee",
+					// sorter: (a, b) => a.userApplyOrder.localeCompare(b.userApplyOrder),
+					scopedSlots: { customRender: "returnFee" },
+					ellipsis: true,
+					width: 100,
+				},
+				{
+					title: "备注",
+					dataIndex: "desp",
+					key: "desp",
+					scopedSlots: { customRender: "desp" },
+					ellipsis: true,
+				},
+				{
+					title: "报名时间",
+					dataIndex: "createTime",
+					key: "createTime",
+					scopedSlots: { customRender: "createTime" },
+
+					ellipsis: true,
+					width: 160,
+				},
+			];
+			return columns;
+		},
+	},
+	// 侦听器
+	watch: {},
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+	created() {
+		this.getBill();
+		// this.userBillNumber()
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {},
+	// 组件方法
+	methods: {
+		resetsearch(e) {
+			console.log(e);
+			if (e.target.value.length === 0) {
+				this.pagination.keys = "";
+
+				this.getBill();
+				// this.userBillNumber();
+			}
+		},
+		onSearch() {
+			this.pagination.pageNum = 1;
+			this.pagination.pageSize = 10;
+			this.pagination.status = -1;
+			// console.log();
+			this.getBill();
+			// this.userBillNumber();
+		},
+		dateChange(e) {
+			console.log("ischange");
+			console.log(e);
+
+			if (e.length != 0) {
+				let date1 = new Date(e[0]._d);
+				let date2 = new Date(e[1]._d);
+				this.pagination.startDate = formatDateYMD(date1);
+				this.pagination.endDate = formatDateYMD(date2);
+			} else {
+				this.pagination.startDate = "";
+				this.pagination.endDate = "";
+			}
+			this.getBill();
+			// this.userBillNumber();
+		},
+		onChange(e) {
+			this.pagination.pageNum = e;
+			console.log(e);
+			this.getBill();
+		},
+		onPageChange(current, size) {
+			console.log(current);
+			console.log(size);
+			this.pagination.pageSize = size;
+			this.getBill();
+		},
+		async getBill() {
+			console.log("click");
+			// let that = this;
+			console.log(this.pagination.status);
+			try {
+				this.isspinning = true;
+				const { data } = await userBillApi(this.pagination);
+				console.log(data);
+				if (data.status === 200) {
+					// console.log();
+					this.billList = data.data.recordList;
+
+					console.log(this.billList);
+					setTimeout(() => {
+						this.billList.forEach((item, index) => {
+							let differenceTime = new Date().getTime() - new Date(item.updateTime).getTime();
+							var D = Math.floor(differenceTime / (24 * 60 * 60 * 1000));
+							var level1 = differenceTime % (24 * 3600 * 1000);
+							var H = Math.floor(level1 / (3600 * 1000));
+							var level2 = level1 % (3600 * 1000);
+							var M = Math.floor(level2 / (60 * 1000));
+							var level3 = level2 % (60 * 1000);
+							var S = Math.floor(level3 / 1000);
+							item.diffTime = null;
+							if (D > 0) {
+								item.diffTime = D + "天前";
+							} else if (H > 0) {
+								item.diffTime = H + "小时前";
+							} else if (M > 0) {
+								item.diffTime = M + "分钟前";
+							} else {
+								item.diffTime = S + "秒前";
+							}
+							// console.log(new Date(differenceTime).getDate());
+							// console.log(item.userName, D, H, M);
+							// console.log(item);
+							if (item.sex === 1) {
+								item.sex = "男";
+							} else if (item.sex === 2) {
+								item.sex = "女";
+							} else {
+								item.sex = "未知";
+							}
+
+							// if (index % 2 === 0) {
+							//   item.status = 60;
+							// }
+							if (!isEmptyCheck(item.tel)) {
+								let first = item.tel.slice(0, 3);
+								let second = item.tel.slice(3, 7);
+								let thirdly = item.tel.slice(7, 12);
+								// console.log(first);
+								// console.log(second);
+								// console.log(thirdly);
+								item.tel = first + " " + second + " " + thirdly;
+							}
+
+							if (item.status === 60 || item.status === 70) {
+								item.isDown = true;
+							} else {
+								item.isDown = false;
+							}
+							item.statusTag = getUserApplyOrderStatusByIdToBill(item.status);
+							item.interviewTime = formatDateYMDHM(item.interviewTime);
+							item.entryTime = formatDateYMDHM(item.entryTime);
+							item.leaveTime = formatDateYMDHM(item.leaveTime);
+							// item.updateTime = formatDateYMDHMS(item.updateTime);
+							// item.createTime = formatDateYMDHMS(item.createTime);
+							item.updateTime = isEmptyCheck(item.updateTime) ? "2022-03-16 14:19" : formatDateYMDHM(item.updateTime);
+							item.createTime = isEmptyCheck(item.createTime) ? "2022-03-16 14:19" : formatDateYMDHM(item.createTime);
+							item.index = index + 1;
+
+							// console.log(that.$refs["Control" + index][0]);
+
+							// setTimeout(() => {
+							if (item.status == 10 || item.status == 20 || item.status == 21 || item.status == 25 || item.status == 26 || item.status == 30 || item.status == 35 || item.status == 45) {
+								item.statusTimeInfo = "面试时间";
+								item.statusShowTime = item.interviewTime;
+							} else if (item.status == 40) {
+								item.statusTimeInfo = "入职时间";
+								item.statusShowTime = item.entryTime;
+							} else if (item.status == 50) {
+								item.statusTimeInfo = "离职时间";
+								item.statusShowTime = item.leaveTime;
+							}
+							// console.log(item.statusShowTime);
+							// console.log(item.statusTimeInfo);
+							// }, 100);
+							// console.log("controlUnfold", item.controlUnfold);
+							// console.log("isunfold", item.isunfold);
+							// console.log(item);
+							for (const k in item) {
+								item[k] = item[k] ? item[k] : "-";
+							}
+						});
+						// this.showFlod(this.billList);
+
+						this.saveBill = JSON.parse(JSON.stringify(this.billList));
+					}, 0);
+
+					this.pagination.total = data.data.recordCount;
+					this.$forceUpdate();
+					// this.totop();
+				}
+			} catch (error) {
+				console.log(error);
+			}
+			this.statusValue = "";
+			this.isspinning = false;
+		},
+	},
+};
+</script>
+<style scoped lang="less">
+.mybill-container {
+	/deep/.searchbox {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-bottom: 16px;
+		margin-top: 32px;
+		.ant-input {
+			border-radius: 6px;
+		}
+		.searchinput {
+			display: flex;
+			position: relative;
+			> div {
+				display: flex;
+				// width: 375px;
+				justify-content: start;
+				align-items: center;
+				font-size: 14px;
+				> div {
+					margin-left: 50px;
+					width: 70px;
+				}
+			}
+			.ant-input {
+				width: 400px;
+				// width: 300px;
+				position: relative;
+				height: 32px;
+				text-indent: 10px;
+				background: #fff;
+				// border: 1px solid rgba(77, 87, 94, 0.3);
+				// border-radius: 136px;
+				box-shadow: 0px 2px 4px 0px transparent;
+				font-size: 14px !important;
+				padding-right: 0;
+				border-color: #e9e9e9;
+				// z-index: ;
+				&::placeholder {
+					text-indent: 10px;
+					font-size: 14px !important;
+				}
+				&:hover {
+					border-color: #ff4400;
+					box-shadow: none;
+				}
+				&:focus {
+					border-color: #ff4400;
+				}
+			}
+			.ant-input-affix-wrapper {
+				.ant-input-prefix {
+					position: absolute;
+					width: 20px;
+					right: 0;
+					top: 16px;
+					i {
+						color: #c9c9c9;
+					}
+				}
+				.ant-input-suffix {
+					// position: absolute;
+					right: 0px !important;
+					.ant-input-clear-icon {
+						padding-right: 12px;
+					}
+				}
+			}
+			button {
+				width: 70px;
+				height: 32px;
+				color: white;
+				background: #ff4400;
+				border-color: #ff4400;
+				border: none;
+				// border-radius: 16px;
+				font-size: 14px;
+				box-shadow: none;
+				cursor: pointer;
+				outline: none;
+				&:hover {
+					background-color: #ff4400d9;
+				}
+				// &:focus {
+				//   border: none;
+				// }
+			}
+			.ant-calendar-picker-input {
+				display: flex;
+				padding-left: 0;
+				justify-content: center;
+				// margin-left: 20px;
+				width: 260px;
+				border-color: #ccc;
+				// border-radius: 4px;
+				// border: none;
+				&:hover {
+					border-color: #ff4400;
+				}
+				.ant-calendar-range-picker-input {
+					width: 95px;
+					font-size: 14px;
+				}
+				.ant-calendar-range-picker-separator {
+					margin-right: 10px;
+				}
+				.ant-calendar-picker-clear {
+					margin-right: 10px;
+				}
+			}
+		}
+		.pagechange {
+			display: flex;
+			align-items: center;
+			button {
+				font-size: 14px;
+				color: #ff4400;
+				border-color: #ff4400;
+				&:hover {
+					border-color: #ff4400ff;
+					color: #ff4400ff;
+				}
+				&:first-child {
+					// margin-right: 12px;
+				}
+			}
+		}
+	}
+}
+</style>
diff --git a/src/main-prod.js b/src/main-prod.js
index 9650b18..cadc2e9 100644
--- a/src/main-prod.js
+++ b/src/main-prod.js
@@ -12,6 +12,19 @@ import moment from "moment";
 import "moment/locale/zh-cn";
 import AMap from "vue-amap";
 Vue.use(AMap);
+router.onError((error) => {
+  console.log("路由报错")
+  const pattern = /net::ERR_ABORTED 404 (Not Found)/g;
+  const err = /Failed to fetch dynamically/g;
+  const isChunkLoadFailed = error.message.match(pattern);
+  const isChunkLoadFailedErr = error.message.match(err);
+  if (isChunkLoadFailed || isChunkLoadFailedErr) {
+    message.error('系统已升级，正在刷新本地存储，请稍候...');
+    setTimeout(() => {
+      location.reload();
+    }, 2000)
+  }
+});
 AMap.initAMapApiLoader({
   // 高德key
   key: "44f4591aabba558514366f6e55f8d20e", // 自己到官网申请，我随便写的
diff --git a/src/router/index.js b/src/router/index.js
index 597928f..4136097 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -24,6 +24,12 @@ const routes = [
         component: () => import("../components/FirstJob/joblist.vue"),
         // component: resolve => require(['../components/FirstJob/joblist.vue'],resolve)
       },
+      {
+        path: "/list?type=vocational",
+        name: "JobList",
+        component: () =>
+          import("../components/FirstJob/joblist.vue"),
+      },
       {
         path: "/list1",
         name: "JobList",
@@ -122,6 +128,13 @@ const routes = [
           import("../components/userinfo/usercenter/components/mybill.vue"),
         // component: resolve => require(['../components/userinfo/usercenter/components/mybill.vue'],resolve)
       },
+      {
+        path: "vocationalBill",
+        name: "vocationalBill",
+        component: () =>
+          import("../components/userinfo/usercenter/components/vocationalBill.vue"),
+        // component: resolve => require(['../components/userinfo/usercenter/components/mybill.vue'],resolve)
+      },
       {
         path: "merchantManagement",
         name: "merchantManagement",
diff --git a/src/style/index.less b/src/style/index.less
index 259120b..c5d00ac 100644
--- a/src/style/index.less
+++ b/src/style/index.less
@@ -665,6 +665,7 @@ i {
 	.ant-pagination-item {
 		border: none;
 		border-radius: 6px;
+    line-height: 32px;
 		a:hover {
 			color: #ff4400;
 		}
diff --git a/src/views/main.vue b/src/views/main.vue
index be1337c..1cf3b8c 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -22,8 +22,45 @@
 							<li>
 								<router-link to="/list" @click.native="toList" :class="routertitleindex == 1 ? 'titleactive' : ''" rel="opener">稻田职位</router-link>
 							</li>
-							<li>
-								<router-link to="/mybill" :class="routertitleindex == 5 ? 'titleactive' : ''" rel="opener">我的报名</router-link>
+							<li v-if="false">
+								<router-link to="/list?type=vocational" :class="routertitleindex == 8 ? 'titleactive' : ''" rel="opener">职教职培</router-link>
+							</li>
+							<li v-if="false">
+								<a-dropdown
+									overlayClassName="logindropdown"
+									placement="bottomRight"
+									:getPopupContainer="
+										(triggerNode) => {
+											return triggerNode.parentNode || document.body;
+										}
+									"
+								>
+									<span class="" style="cursor: pointer">
+										<div :class="routertitleindex == 5 ? 'titleactive' : ''">我的报名</div>
+									</span>
+									<div class="loginbox" style="" slot="overlay">
+										<router-link to="/mybill">
+											<div>
+												<span>职位报名</span>
+												<i class="iconfont icon-youjiantou"></i>
+											</div>
+										</router-link>
+										<router-link to="/vocationalBill">
+											<div>
+												<span>职教报名</span>
+												<i class="iconfont icon-youjiantou"></i>
+											</div>
+										</router-link>
+									</div>
+								</a-dropdown>
+							</li>
+							<li v-else>
+								<router-link to="/mybill" :class="routertitleindex == 5? 'titleactive' : ''">
+									<!-- <div> -->
+										<span>职位报名</span>
+										<!-- <i class="iconfont icon-youjiantou"></i> -->
+									<!-- </div> -->
+								</router-link>
 							</li>
 							<!--<li>
                 <router-link to="/mytownsman" :class="routertitleindex == 4 ? 'titleactive' : ''">我的老乡</router-link>
@@ -154,7 +191,7 @@
 			</div>
 		</div>
 
-		<router-view :isspecialboxshow.sync="isspecialboxshow" :formvalue="formvalue" :jobMainList="jobMainList" :isspinning="isspinning"></router-view>
+		<router-view :isspecialboxshow.sync="isspecialboxshow" :formvalue="formvalue"></router-view>
 		<!-- 老乡广告 -->
 		<!-- <div class="fellowtownsman" v-if="laoxiangshow">
       <div class="w">
@@ -248,14 +285,13 @@ import {
 } from "../api/job";
 
 import { logoutApi } from "../api/login";
-import { disposeJobListData, setReturnFee } from "../utils/commonUtil";
 
 export default {
 	inject: ["reload"],
 	provide() {
 		return {
-			getJobList: this.getJobList,
-			getJobListYicai: this.getJobListYicai,
+			// getJobList: this.getJobList,
+			// getJobListYicai: this.getJobListYicai,
 			logout: this.logout,
 		};
 	},
@@ -271,14 +307,13 @@ export default {
 	data() {
 		return {
 			fellowList: [],
-			isspinning: false,
+			// isspinning: false,
 			isspecialboxshow: false,
 			isfootershow: true,
 			laoxiangshow: false,
 			isbannershow: true,
 			isLogin: false,
 			loginValue: {},
-			jobMainList: [],
 			formvalue: {
 				// 筛选的上传参数
 				district: [], // 城镇数据
@@ -357,6 +392,10 @@ export default {
 				window.addEventListener("scroll", this.windowScroll); //监听页面滚动
 				if (to.fullPath.indexOf("serviceoutlets") > -1) {
 					this.routertitleindex = 2;
+				} else if (to.fullPath.indexOf("mybill") > -1 || to.fullPath.indexOf("vocationalBill") > -1) {
+					this.routertitleindex = 5;
+				} else if (to.fullPath.indexOf("vocational") > -1) {
+					this.routertitleindex = 8;
 				} else if (to.fullPath.indexOf("list") > -1 || to.fullPath.indexOf("detail") > -1) {
 					this.routertitleindex = 1;
 				} else if (to.fullPath.indexOf("aboutus") > -1) {
@@ -365,8 +404,6 @@ export default {
 					this.routertitleindex = 0;
 				} else if (to.fullPath.indexOf("mytownsman") > -1) {
 					this.routertitleindex = 4;
-				} else if (to.fullPath.indexOf("mybill") > -1) {
-					this.routertitleindex = 5;
 				} else if (to.fullPath.indexOf("dataStatistics") > -1) {
 					this.routertitleindex = 6;
 				} else {
@@ -404,10 +441,9 @@ export default {
 		if (localStorage.getItem("LOGIN_DATA")) {
 			this.isLogin = true;
 		}
-		this.getJobList();
-		this.getJobListYicai();
+		// this.getJobList();
+		// this.getJobListYicai();
 		this.isLaoxiangshow();
-		this.getRecommendJob();
 		this.showfooter();
 	},
 	/**
@@ -477,98 +513,6 @@ export default {
 				}
 			}
 		},
-		// 获取工作列表
-		async getJobList(newdata) {
-			this.isspinning = true;
-			console.log(this.formvalue);
-			try {
-				newdata = {
-					district: "",
-					monthlyPayStr: "",
-					ageStr: "",
-					jobSpecialLabelIds: "",
-					aliasName: "",
-					pageNum: 1,
-					pageSize: 8,
-					total: null, //分页配置
-				};
-				for (var k in this.formvalue) {
-					// console.log(this.formvalue[k]);
-					if (Array.isArray(this.formvalue[k])) {
-						newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
-					} else {
-						newdata[k] = this.formvalue[k];
-					}
-				}
-				// console.log(newdata);
-				// debugger;
-				// console.log(this.isLogin);
-				if (this.isLogin) {
-					const { data } = await JobListApi(newdata);
-					// console.log(data);
-					if (data.status === 200) {
-						this.jobMainList = disposeJobListData(data.data.recordList);
-						this.formvalue.total = data.data.recordCount;
-						console.log(this.jobMainList);
-					} else {
-						this.$message.info("数据获取失败");
-					}
-				}
-				this.totop();
-				//  = data.data.recordList;
-				// console.log(this.formvalue);
-			} catch (error) {
-				console.log(error);
-			}
-			this.isspinning = false;
-		},
-
-		// 获取一才工作列表
-		async getJobListYicai(newdata) {
-			this.isspinning = true;
-			console.log(this.formvalue);
-			try {
-				newdata = {
-					agencyId: "3087",
-					recruitment: "1",
-					keys: "",
-					pageNum: 1,
-					pageSize: 8,
-					total: null, //分页配置
-				};
-				for (var k in this.formvalue) {
-					// console.log(this.formvalue[k]);
-					if (Array.isArray(this.formvalue[k])) {
-						newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
-					} else {
-						newdata[k] = this.formvalue[k];
-					}
-				}
-				// console.log(newdata);
-				// debugger;
-				// console.log(this.isLogin);
-				if (this.isLogin) {
-					const { data } = await JobListApiYicai(newdata);
-					// console.log(data);
-					if (data.status === 200) {
-						this.jobMainList = disposeJobListData(data.data.recordList);
-						this.jobMainList.forEach((item, index) => {
-							item["servetype"] = setReturnFee(item.returnFee, item.returnFeeType);
-						});
-						this.formvalue.total = data.data.recordCount;
-						console.log(this.jobMainList);
-					} else {
-						this.$message.info("数据获取失败");
-					}
-				}
-				this.totop();
-				//  = data.data.recordList;
-				// console.log(this.formvalue);
-			} catch (error) {
-				console.log(error);
-			}
-			this.isspinning = false;
-		},
 
 		totop() {
 			// console.log(window);
@@ -588,25 +532,7 @@ export default {
 				this.laoxiangshow = true;
 			}
 		},
-		async getRecommendJob() {
-			this.isspinning = true;
-			try {
-				if (this.isLogin) {
-					const { data } = await JobListApi({
-						pageNum: 1,
-						pageSize: 4,
-						jobCategory: 608,
-					});
-					// console.log(data);
-					this.fellowList = disposeJobListData(data.data.recordList);
-					// console.log(this.fellowList);
-				}
-				// this.$emit("update:relationList", this.relationList);
-			} catch (error) {
-				console.log(error);
-			}
-			this.isspinning = false;
-		},
+
 		async logout() {
 			// logoutApi().then((result) => {
 			//   console.log(result);