From 401d3be395de13a30c7203246a29c6a00c6fb0ac Mon Sep 17 00:00:00 2001
From: zsk <710162063@qq.com>
Date: Tue, 24 Dec 2024 11:47:07 +0800
Subject: [PATCH] 2

---
 src/api/job.js                                   |    7 +-
 src/components/FirstJob/components/recommend.vue |   27 +-
 src/components/FirstJob/detail.vue               |  112 +-
 src/components/FirstJob/detail有图版1224.vue  | 2075 ++++++++++++
 src/components/FirstJob/joblist.vue              |  162 +-
 src/components/FirstJob/joblist有图版1224.vue | 3643 ++++++++++++++++++++++
 src/utils/commonUtil.js                          |    6 +-
 7 files changed, 5802 insertions(+), 230 deletions(-)
 create mode 100644 src/components/FirstJob/detail有图版1224.vue
 create mode 100644 src/components/FirstJob/joblist有图版1224.vue

diff --git a/src/api/job.js b/src/api/job.js
index 109b87e..70b6252 100644
--- a/src/api/job.js
+++ b/src/api/job.js
@@ -6,7 +6,9 @@ let setqs = function (data) {
 // 获取职位列表
 export function JobListApi(data) {
 	return request({
-		url: "/yishoudan/store/job/platform/list",
+		// url: "/yishoudan/store/job/platform/list",
+		url: "/yishoudan/custom/job/listV2",
+    
 		method: "post",
 		// data: setqs(data),
 		// headers: { "Content-Type": "application/x-www-form-urlencoded" },
@@ -45,7 +47,8 @@ export function JobListApiYicai(data) {
 // 获取职位详情
 export function getJobDetailApi(data,jobClassify) {
 	return request({
-		url: `/yishoudan/store/job/platform/detail/${data}?jobClassify=${jobClassify}`,
+		// url: `/yishoudan/store/job/platform/detail/${data}?jobClassify=${jobClassify}`,
+		url: `/yishoudan/custom/job/detailV2/${data}?jobClassify=${jobClassify}`,
 		method: "get",
 	});
 }
diff --git a/src/components/FirstJob/components/recommend.vue b/src/components/FirstJob/components/recommend.vue
index 472f15a..52699ff 100644
--- a/src/components/FirstJob/components/recommend.vue
+++ b/src/components/FirstJob/components/recommend.vue
@@ -12,12 +12,22 @@
         <div class="jobinfobox" v-for="(item, index) in relationList" :key="index">
           <router-link target="_blank" :to="'/detail?id=' + item.id +'&jobClassify='+item.jobClassify" @click.prevent="resetpage">
             <!-- <a href="javascript:;" > -->
-            <div class="imgbox">
+            <!-- <div class="imgbox">
               <img v-if="item.logo" :src="item.logo" alt />
               <img v-else src="../../../../static/img/nopicture.png" alt />
               <span>服务费{{ item.servetype }}</span>
-            </div>
+            </div> -->
+           
             <div class="jobname">{{item.jobName || '-' }}</div>
+            <span style=" padding: 0 10px;
+          height: 20px;
+          background: #ff4400;
+          border-radius: 16px;
+          font-size: 12px;
+          font-weight: 500;
+          text-align: center;
+          color: #ffffff;
+          line-height: 20px;">服务费{{ item.servetype }}</span>
             <!-- </a> -->
           </router-link>
           <div class="jobinfo">
@@ -105,7 +115,7 @@ export default {
           jobCategory: 608,
         })
         console.log(data)
-        this.relationList = disposeJobListData(data.data.pageBean.recordList)
+        this.relationList = disposeJobListData(data.data.recordList)
 
         console.log(this.relationList)
         // this.relationList.forEach((item) => {
@@ -184,7 +194,7 @@ export default {
       // padding: 20px;
       border-bottom: 1px solid #f2f0ec;
 
-      margin-bottom: 20px;
+      margin-bottom: 10px;
       .imgbox {
         width: 200px;
         height: 200px;
@@ -218,11 +228,12 @@ export default {
         text-align: left;
         color: #4d575e;
         line-height: 18px;
-        margin-top: 16px;
+        margin-bottom: 8px;
+        // margin-top: 16px;
         // border-bottom: 1px solid #f2f0ec;
       }
       .jobinfo {
-        margin-top: 12px;
+        margin-top: 8px;
         font-size: 14px;
         font-weight: 400;
         text-align: left;
@@ -248,8 +259,8 @@ export default {
         }
       }
       /deep/ .jobprice {
-        margin-top: 16px;
-        margin-bottom: 16px;
+        margin-top: 8px;
+        margin-bottom:8px;
         font-size: 14px;
         text-align: left;
         color: #ff4400;
diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index 8c86601..e61c1fe 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -24,11 +24,10 @@
 					<a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" />
 					<div class="subsetleft" v-show="!skeletonshow">
 						<div class="info">
-							<div class="imgbox">
+							<!-- <div class="imgbox">
 								<img v-if="jobDetail.logo" :src="jobDetail.logo" alt />
 								<div v-else class="default_avatar">{{ jobDetail.vocationalName }}</div>
-								<!-- <img v-else src="../../../static/img/nopicture.png" alt /> -->
-							</div>
+							</div> -->
 							<div class="jobinfobox">
 								<div>
 									<div class="jobname">{{ jobDetail.vocationalName }}</div>
@@ -103,10 +102,10 @@
 					<a-skeleton avatar active class="skeleton1" v-show="skeletonshow" :paragraph="{ rows: 4 }" />
 					<div class="subsetleft" v-show="!skeletonshow">
 						<div class="info">
-							<div class="imgbox">
+							<!-- <div class="imgbox">
 								<img v-if="jobDetail.logo || store.logo" :src="jobDetail.logo || store.logo" alt />
 								<img v-else src="../../../static/img/nopicture.png" alt />
-							</div>
+							</div> -->
 							<div class="jobinfobox">
 								<div class="jobname">{{ jobDetail.jobName }}
                   <span class="hotTag"  v-if="jobDetail.hotJob == 1">
@@ -115,34 +114,35 @@
 										</span>
                 </div>
 								<div class="jobinfo">
-									<span>{{ jobDetail.district }}</span>
+									<span>{{ jobDetail.storeAddr }} </span>
+
 									<span>{{ jobDetail.gender }}</span>
 									<span>{{ jobDetail.age }}</span>
 								</div>
-								<div class="jobtag">
+								<!--	<div class="jobtag">
 									<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">
+							 <div class="jobtag1">
 									<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">
 									<a-tag style="background-color: #f5f5f5">暂无特色</a-tag>
-								</div>
+								</div> -->
 								<div style="display: flex; align-items: center; height: 26px; margin-top: 16px">
 									<div class="jobpricehour" v-html="getSalaryClassifyValue(jobDetail.salaryClassify, jobDetail.salaryClassifyValue)"></div>
 									<span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
 									<div class="jobpricemonth">
-										<span>{{ jobDetail.minMonthlyPay }}</span
-										>- <span>{{ jobDetail.maxMonthlyPay }}</span
+										<span>{{ jobDetail.minMonthlyPay/100 }}</span
+										>-<span>{{ jobDetail.maxMonthlyPay/100 }}</span
 										>元/月
 									</div>
 								</div>
 							</div>
 						</div>
-						<div class="swiperBox" style="display: flex; justify-content: start">
+						<!-- <div class="swiperBox" style="display: flex; justify-content: start">
 							<img :src="jobDetail.logo || jobDetail.store.logo" alt v-if="jobDetail.logo || jobDetail.store.logo" @click="showImage(0, 'logo')" style="cursor: pointer; width: 80px; height: 45px" />
 							<div id="swiper">
 								<div class="swiper-wrapper">
@@ -161,7 +161,7 @@
 							</div>
 							<div class="swiper-button-next"></div>
 							<div class="swiper-button-prev"></div>
-						</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>
@@ -217,7 +217,7 @@
 										<span slot="label" class>薪资明细</span>
 										<span>{{ jobDetail.salaryDetail || "-" }}</span>
 									</a-descriptions-item>
-									<a-descriptions-item>
+									<!-- <a-descriptions-item>
 										<span slot="label" class>发薪日</span>
 										<span>{{ jobDetail.payDay || "-" }}</span>
 									</a-descriptions-item>
@@ -248,15 +248,10 @@
 										<span slot="label" class>试用期</span>
 										<span>{{ jobDetail.probationStr || "-" }}</span>
 									</a-descriptions-item> 
-                  </template>
-
+                  </template> -->
 
 
 									<!-- <a-descriptions-item>
-										<span slot="label" class>试用期</span>
-										<span>{{ jobDetail.probation || "-" }}</span>
-									</a-descriptions-item> -->
-									<a-descriptions-item>
 										<span slot="label" class>福利待遇</span>
 										<span>{{ jobDetail.boon || "-" }}</span>
 									</a-descriptions-item>
@@ -265,7 +260,7 @@
 										<span style="white-space: break-spaces">
 											{{ jobDetail.salaryDesp || "-" }}
 										</span>
-									</a-descriptions-item>
+									</a-descriptions-item> -->
 								</a-descriptions>
 							</div>
 							<!-- 岗位要求 -->
@@ -285,7 +280,7 @@
                       {{jobDetail.genderRemark || ''}}
 										</span>
 									</a-descriptions-item>
-									<a-descriptions-item>
+									<!-- <a-descriptions-item>
 										<span slot="label" class>文化要求</span>
 										<span>{{ jobDetail.education || "-" }}</span>
 									</a-descriptions-item>
@@ -302,14 +297,14 @@
 									<a-descriptions-item>
 										<span slot="label" class>疑难杂症</span>
 										<span>{{ jobDetail.otherRequireStr || "-" }}</span>
-									</a-descriptions-item>
+									</a-descriptions-item> -->
 								</a-descriptions>
 							</div>
 							<!-- 基本信息 -->
 							<div class id="contentspecial">
 								<div class="mb12 mt20">岗位说明</div>
 								<a-descriptions bordered size="small" :column="1" class="leftDesc">
-									<a-descriptions-item class="test1">
+									<!-- <a-descriptions-item class="test1">
 										<span slot="label" class>工作内容</span>
 										<span>{{ jobDetail.workContent || "-" }}</span>
 									</a-descriptions-item>
@@ -317,24 +312,24 @@
 									<a-descriptions-item class="test1">
 										<span slot="label" class>工作方式</span>
 										<span>{{ jobDetail.workMode || "-" }}</span>
-									</a-descriptions-item>
+									</a-descriptions-item> -->
 
 									<a-descriptions-item>
 										<span slot="label" class>班次工时</span>
 										<span>{{ jobDetail.workClasses || "-" }}</span>
 									</a-descriptions-item>
-									<a-descriptions-item>
+									<!-- <a-descriptions-item>
 										<span slot="label" class>工作衣</span>
 										<span>{{ jobDetail.workClothes || "-" }}</span>
 									</a-descriptions-item>
 									<a-descriptions-item>
 										<span slot="label" class>车间</span>
 										<span>{{ jobDetail.securityCheck || "-" }}</span>
-									</a-descriptions-item>
+									</a-descriptions-item> -->
 								</a-descriptions>
 							</div>
 
-							<div class="condition" id="condition">
+							<!-- <div class="condition" id="condition">
 								<div class="mb12 mt20">吃饭住宿</div>
 								<ul class="conditiontable">
 									<li>
@@ -358,32 +353,32 @@
 										<span>{{ jobDetail.dormitoryDesp || "-" }}</span>
 									</li>
 								</ul>
-							</div>
+							</div> -->
 							<div class="required" id="abutment">
 								<div class="mb12 mt20">对接信息</div>
-								<a-descriptions bordered size="small" :column="1" class="leftDesc" v-if="jobClassify == 1">
-									<a-descriptions-item class="test1">
+								<a-descriptions bordered size="small" :column="1" class="leftDesc">
+									<!-- <a-descriptions-item class="test1">
 										<span slot="label" class>面试时间</span>
 										<span>{{ jobDetail.interviewDuration || "-" }}</span>
-									</a-descriptions-item>
+									</a-descriptions-item> -->
 									<a-descriptions-item class="test1">
 										<span slot="label" class>面试地点</span>
-										<span>{{ jobPoses.interview.posContent || "-" }}</span>
+										<span>{{ jobDetail.interviewAddr || "-" }}</span>
 									</a-descriptions-item>
-									<a-descriptions-item class="test1">
+									 <a-descriptions-item class="test1">
 										<span slot="label" class>面试说明</span>
 										<span>{{ jobDetail.interviewDesp || "-" }}</span>
 									</a-descriptions-item>
-									<a-descriptions-item class="test1">
+									<!--<a-descriptions-item class="test1">
 										<span slot="label" class>入职说明</span>
 										<span>{{ jobDetail.entryDesp || "-" }}</span>
 									</a-descriptions-item>
 									<a-descriptions-item class="test1">
 										<span slot="label" class>离职说明</span>
 										<span>{{ jobDetail.leaveRequire || "-" }}</span>
-									</a-descriptions-item>
+									</a-descriptions-item> -->
 								</a-descriptions>
-								<a-descriptions bordered size="small" :column="1" class="leftDesc" v-else>
+								<!-- <a-descriptions bordered size="small" :column="1" class="leftDesc" v-else>
 									<a-descriptions-item class="test1">
 										<span slot="label" class>驻场信息</span>
 										<span>{{ onSiteUsersInfo || "-" }}</span>
@@ -396,45 +391,22 @@
 										<span slot="label" class>其他说明</span>
 										<span>{{ jobDetail.otherInfo || "-" }}</span>
 									</a-descriptions-item>
-								</a-descriptions>
+								</a-descriptions> -->
 							</div>
 						</div>
-						<a-anchor @click.prevent class="navigation">
+						<!-- <a-anchor @click.prevent class="navigation">
 							<a-anchor-link href="#tip" title="注意" />
 							<a-anchor-link href="#pay" title="薪资" />
 							<a-anchor-link href="#required" title="要求" />
 							<a-anchor-link href="#contentspecial" title="岗位" />
 							<a-anchor-link href="#condition" title="吃住" />
 							<a-anchor-link href="#abutment" title="对接" />
-						</a-anchor>
+						</a-anchor> -->
 					</div>
 
 					<!-- 财务结算 -->
 					<div v-else-if="tabchange == 0">
-						<a-descriptions bordered size="small" :column="1" class="leftDesc mt20" style="width: 900px" v-if="jobClassify == 1">
-							<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.deductTaxDesp || "-" }}</span>
-							</a-descriptions-item>
-							<a-descriptions-item>
-								<span slot="label">
-									<div class="c6">账单日</div>
-									<div class="c6">{{ "(出名单时间)" }}</div>
-								</span>
-								<span>{{ jobDetail.outListTime || "-" }}</span>
-							</a-descriptions-item>
-							<a-descriptions-item>
-								<span slot="label" class>
-									<div class="c6">结算说明</div>
-								</span>
-								<span>{{ jobDetail.settlementTime || "-" }}</span>
-							</a-descriptions-item>
-						</a-descriptions>
-						<a-descriptions bordered size="small" :column="1" class="leftDesc mt20" style="width: 900px" v-else-if="jobClassify == 2">
+						<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.servetype }}</span>
@@ -450,7 +422,7 @@
 							<div class="mb12 mt20 titlestyle">职位通告</div>
 							<div class="showInfo" style="width: unset; color: #000 !important">
 								<div class="copy" @click="copyText($event)">复制</div>
-								<div class="copyInfo" style="border: none; padding: 0 0; width: unset; white-space: pre-line">{{ jobDetail.jobDesp || "-" }}</div>
+								<div class="copyInfo" style="border: none; padding: 0 0; width: unset; white-space: pre-line">{{ jobDetail.jobInfo || "-" }}</div>
 							</div>
 						</div>
 					</div>
@@ -461,7 +433,7 @@
 					<h1 class="bottombox" style>
 						<i>项目方</i>
 					</h1>
-          <template v-if="agency.agencyName == '江西人海'">
+          <template v-if="agency.supplierName == '江西人海'">
             <img style="width: 60px; height: 60px; border-radius: 50%; display: block; margin: 24px auto 0" src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/renhai.jpg" alt />
           </template>
           <template v-else>
@@ -469,7 +441,7 @@
           </template>
           <div style="color: #333">
 						<p class="f14" style="margin-top: 10px; margin-bottom: 0">
-							{{ agency.agencyName || "-" }}
+							{{ agency.supplierName || "-" }}
 							<!-- <i class="iconfont icon-dianhua1 ml4 f14" style="line-height: 24px; color: #ff4400"></i> -->
 						</p>
 						<!-- <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/ysd1.png" style="width: 20px; height: 20px" alt="" /> -->
@@ -481,7 +453,7 @@
 						<i class="iconfont icon-dianhua1 ml4 f14" style="line-height: 24px; color: #ff4400"></i>
 					</p> -->
 				</div>
-				<div class="companyinfo" v-if="from != 'vocational'">
+				<!-- <div class="companyinfo" v-if="from != 'vocational'">
 					<div class="companydetail">
 						<h1 class="bottombox">
 							<i>企业详情</i>
@@ -494,7 +466,7 @@
 							<GDMap :positionInfo="positionInfo"></GDMap>
 						</div>
 					</div>
-				</div>
+				</div> -->
 				<recommend />
 			</div>
 		</div>
@@ -884,7 +856,7 @@ export default {
 					this.jobDetail.jobDesp = data.data.record.jobDesp.replaceAll("*****", "");
 					this.customServiceUrl = data.data.customServiceUrl;
 					this.jobPoses = data.data.jobPoses;
-					this.agency = data.data.agency;
+					this.agency = data.data.record.supplier;
 					this.customServiceUsers = data.data.customServiceUsers;
 
 					if (this.jobClassify == 1) {
diff --git a/src/components/FirstJob/detail有图版1224.vue b/src/components/FirstJob/detail有图版1224.vue
new file mode 100644
index 0000000..8c86601
--- /dev/null
+++ b/src/components/FirstJob/detail有图版1224.vue
@@ -0,0 +1,2075 @@
+<template>
+	<div class="detail-container">
+		<!-- 面包屑 -->
+		<a-breadcrumb class="w">
+			<a-breadcrumb-item href>
+				<router-link to="/main">
+					<a-icon type="home" />
+				</router-link>
+			</a-breadcrumb-item>
+			<a-breadcrumb-item href>
+				<a @click="toList">
+					<span>{{ from == "vocational" ? "职教职培" : "稻田职位" }}</span>
+				</a>
+			</a-breadcrumb-item>
+			<a-breadcrumb-item href>
+				<span style="color: #333">{{ from == "vocational" ? "详情" : "职位详情" }}</span>
+			</a-breadcrumb-item>
+		</a-breadcrumb>
+		<!-- 主体区域 -->
+		<div class="maincontent w">
+			<!-- 职教 -->
+			<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="jobDetail.logo" :src="jobDetail.logo" alt />
+								<div v-else class="default_avatar">{{ jobDetail.vocationalName }}</div>
+								<!-- <img v-else src="../../../static/img/nopicture.png" alt /> -->
+							</div>
+							<div class="jobinfobox">
+								<div>
+									<div class="jobname">{{ jobDetail.vocationalName }}</div>
+									<div class="jobinfo">
+										<span>{{ jobDetail.district || "河南省 | 郑州市 | 16-35岁" }}</span>
+										<!-- <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"> 工作薪资：{{ jobDetail.salary }} </span>
+									</div>
+								</div>
+								<div style="margin-top: 8px; font-size: 14px; font-weight: normal; text-align: left; color: #ff4400; font-weight: 600">
+									<span class="" style="font-size: 24px">学费{{ jobDetail.tuition }}</span>
+									<span style="font-size: 16px"> | 课期{{ jobDetail.semester }}</span>
+								</div>
+							</div>
+						</div>
+						<div class="swiperBox">
+							<div id="swiper">
+								<div class="swiper-wrapper">
+									<div class="swiper-slide" v-for="(item, index) in [...vocationalImgList]" :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.serviceCharge }}</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="showRecord">报名</button>
+							<!-- <button class="norecruitment bottombox1" v-else>暂时停招</button> -->
+						</div>
+					</div>
+				</div>
+				<div style="padding: 0 16px">
+					<div class="" style="color: #333; font-size: 20px; font-weight: 600; margin: 32px 0 16px">职教描述</div>
+					<div class="c7" style="white-space: pre-line; font-size: 16px">
+						{{ jobDetail.desp }}
+					</div>
+				</div>
+			</div>
+
+			<!-- 非职教 -->
+			<div class="maincontentleft" v-else>
+				<div class="mask" v-if="!(jobDetail.recruitment == '1')"></div>
+
+				<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="jobDetail.logo || store.logo" :src="jobDetail.logo || store.logo" alt />
+								<img v-else src="../../../static/img/nopicture.png" alt />
+							</div>
+							<div class="jobinfobox">
+								<div class="jobname">{{ jobDetail.jobName }}
+                  <span class="hotTag"  v-if="jobDetail.hotJob == 1">
+											<i class="iconfont icon-dianzan1 mr0" style="font-size: 12px"></i>
+											主推
+										</span>
+                </div>
+								<div class="jobinfo">
+									<span>{{ jobDetail.district }}</span>
+									<span>{{ jobDetail.gender }}</span>
+									<span>{{ jobDetail.age }}</span>
+								</div>
+								<div class="jobtag">
+									<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">
+									<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">
+									<a-tag style="background-color: #f5f5f5">暂无特色</a-tag>
+								</div>
+								<div style="display: flex; align-items: center; height: 26px; margin-top: 16px">
+									<div class="jobpricehour" v-html="getSalaryClassifyValue(jobDetail.salaryClassify, jobDetail.salaryClassifyValue)"></div>
+									<span style="font-size: 16px">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
+									<div class="jobpricemonth">
+										<span>{{ jobDetail.minMonthlyPay }}</span
+										>- <span>{{ jobDetail.maxMonthlyPay }}</span
+										>元/月
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="swiperBox" style="display: flex; justify-content: start">
+							<img :src="jobDetail.logo || jobDetail.store.logo" alt v-if="jobDetail.logo || jobDetail.store.logo" @click="showImage(0, 'logo')" style="cursor: pointer; width: 80px; height: 45px" />
+							<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 fss">
+							<button type="primary" class="jobDespBtn" v-if="jobClassify == 1">
+
+								<a :href="jobDetail.customServiceUrl || 'javascript:;'" target="_blank" v-if="jobDetail.customServiceUrl"> <i class="iconfont icon-kefu_lan mr6"></i>联系客服</a>
+								<a href="javascript:;" v-else @click="noCustom"> <i class="iconfont icon-kefu_lan mr6"></i>联系客服</a>
+
+                
+							</button>
+
+							<a-dropdown :trigger="['click']" overlayClassName="special-dropdown" v-else>
+								<button type="primary" class="jobDespBtn">
+									<a href="javascript:;" target="_blank"> <i class="iconfont icon-kefu_lan mr6"></i>联系客服</a>
+								</button>
+								<a-menu slot="overlay" style="padding: 0 10px">
+									<a-menu-item v-for="(item, index) in customServiceUsers" :key="index"> <i class="iconfont icon-dianhua1 mr4 f14" style="color: #ff4400"></i>{{ item.aliasName }} {{ item.tel }} </a-menu-item>
+								</a-menu>
+							</a-dropdown>
+							<button class="dropdown bottombox1" @click="torecord()" v-if="jobDetail.recruitment == '1'">报名</button>
+							<button class="norecruitment bottombox1" v-else>暂时停招</button>
+						</div>
+					</div>
+				</div>
+				<div class="jobinformationbox">
+					<h1>
+						<div class="infotitle">
+							<span @click="tabchange = 1" :class="tabchange === 1 ? 'active' : ''">基本信息</span>
+							<span @click="tabchange = 0" :class="tabchange === 0 ? 'active' : ''">财务结算</span>
+							<span @click="tabchange = 2" :class="tabchange === 2 ? 'active' : ''">职位描述</span>
+						</div>
+					</h1>
+					<div class="pay" id="tip" v-show="tabchange === 1">
+						<div class="mb12 mt20 titlestyle">温馨提示</div>
+						<div class="showInfo" style="width: unset">{{ jobDetail.notes || "-" }}</div>
+					</div>
+					<div v-if="tabchange === 1" style="display: flex">
+						<!-- 薪资 -->
+						<div class="baseInfoContent" v-if="tabchange === 1">
+							<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.salaryDetail || "-" }}</span>
+									</a-descriptions-item>
+									<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.bankInfo || "-" }}</span>
+									</a-descriptions-item>
+                  <a-descriptions-item>
+										<span slot="label" class>保险</span>
+										<span>{{ jobDetail.employeeInsurance || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class>押金</span>
+										<span>{{ jobDetail.foregift || "-" }}</span>
+									</a-descriptions-item>
+                  <template v-if="jobClassify == 2">
+                    <a-descriptions-item>
+                      <span slot="label" class>培训/试用期</span>
+                      <span>{{ jobDetail.training || "-" }}</span>
+                    </a-descriptions-item>
+                  </template>
+                  <template v-else>
+                    <a-descriptions-item v-if="jobClassify == 1">
+                      <span slot="label" class>培训</span>
+                      <span>{{ jobDetail.training || "-" }}</span>
+                    </a-descriptions-item>
+                    <a-descriptions-item>
+										<span slot="label" class>试用期</span>
+										<span>{{ jobDetail.probationStr || "-" }}</span>
+									</a-descriptions-item> 
+                  </template>
+
+
+
+									<!-- <a-descriptions-item>
+										<span slot="label" class>试用期</span>
+										<span>{{ jobDetail.probation || "-" }}</span>
+									</a-descriptions-item> -->
+									<a-descriptions-item>
+										<span slot="label" class>福利待遇</span>
+										<span>{{ jobDetail.boon || "-" }}</span>
+									</a-descriptions-item>
+									 <a-descriptions-item v-if="jobClassify == 1">
+										<span slot="label" class>薪资说明</span>
+										<span style="white-space: break-spaces">
+											{{ jobDetail.salaryDesp || "-" }}
+										</span>
+									</a-descriptions-item>
+								</a-descriptions>
+							</div>
+							<!-- 岗位要求 -->
+							<div class="required" id="required">
+								<div class="mb12 mt20">招聘要求</div>
+								<a-descriptions bordered size="small" :column="1" class="leftDesc">
+									<a-descriptions-item class="test1">
+										<span slot="label" class>性别年龄</span>
+										<span>
+											<span class="man" v-if="jobDetail.minAgeMan">
+												男 {{ jobDetail.minAgeMan }}<span v-if="jobDetail.maxAgeMan"> {{ "- " + jobDetail.maxAgeMan }} </span>岁 ；
+											</span>
+											<span class="woman" v-if="jobDetail.minAgeWoman">
+												女 {{ jobDetail.minAgeWoman }}<span>{{ "- " + jobDetail.maxAgeWoman }}</span
+												>岁
+											</span>
+                      {{jobDetail.genderRemark || ''}}
+										</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class>文化要求</span>
+										<span>{{ jobDetail.education || "-" }}</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.idCardStr || "-" }}</span>
+									</a-descriptions-item>
+
+									<a-descriptions-item>
+										<span slot="label" class>疑难杂症</span>
+										<span>{{ jobDetail.otherRequireStr || "-" }}</span>
+									</a-descriptions-item>
+								</a-descriptions>
+							</div>
+							<!-- 基本信息 -->
+							<div class id="contentspecial">
+								<div class="mb12 mt20">岗位说明</div>
+								<a-descriptions bordered size="small" :column="1" class="leftDesc">
+									<a-descriptions-item class="test1">
+										<span slot="label" class>工作内容</span>
+										<span>{{ jobDetail.workContent || "-" }}</span>
+									</a-descriptions-item>
+
+									<a-descriptions-item class="test1">
+										<span slot="label" class>工作方式</span>
+										<span>{{ jobDetail.workMode || "-" }}</span>
+									</a-descriptions-item>
+
+									<a-descriptions-item>
+										<span slot="label" class>班次工时</span>
+										<span>{{ jobDetail.workClasses || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class>工作衣</span>
+										<span>{{ jobDetail.workClothes || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item>
+										<span slot="label" class>车间</span>
+										<span>{{ jobDetail.securityCheck || "-" }}</span>
+									</a-descriptions-item>
+								</a-descriptions>
+							</div>
+
+							<div class="condition" id="condition">
+								<div class="mb12 mt20">吃饭住宿</div>
+								<ul class="conditiontable">
+									<li>
+										<span>吃饭</span>
+										<span>{{ jobDetail.workingLunch || "-" }}</span>
+									</li>
+									<li>
+										<span>住宿费用</span>
+										<span>{{ jobDetail.dormitory || "-" }}</span>
+									</li>
+									<li>
+										<span>宿舍设施</span>
+										<span>{{ jobDetail.dormitoryFacilities || "-" }}</span>
+									</li>
+									<li>
+										<span>宿舍距离</span>
+										<span>{{ jobDetail.dormDistance || "-" }}</span>
+									</li>
+									<li>
+										<span>入住条件</span>
+										<span>{{ jobDetail.dormitoryDesp || "-" }}</span>
+									</li>
+								</ul>
+							</div>
+							<div class="required" id="abutment">
+								<div class="mb12 mt20">对接信息</div>
+								<a-descriptions bordered size="small" :column="1" class="leftDesc" v-if="jobClassify == 1">
+									<a-descriptions-item class="test1">
+										<span slot="label" class>面试时间</span>
+										<span>{{ jobDetail.interviewDuration || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item class="test1">
+										<span slot="label" class>面试地点</span>
+										<span>{{ jobPoses.interview.posContent || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item class="test1">
+										<span slot="label" class>面试说明</span>
+										<span>{{ jobDetail.interviewDesp || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item class="test1">
+										<span slot="label" class>入职说明</span>
+										<span>{{ jobDetail.entryDesp || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item class="test1">
+										<span slot="label" class>离职说明</span>
+										<span>{{ jobDetail.leaveRequire || "-" }}</span>
+									</a-descriptions-item>
+								</a-descriptions>
+								<a-descriptions bordered size="small" :column="1" class="leftDesc" v-else>
+									<a-descriptions-item class="test1">
+										<span slot="label" class>驻场信息</span>
+										<span>{{ onSiteUsersInfo || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item class="test1">
+										<span slot="label" class>面试地址</span>
+										<span>{{ jobDetail.interviewAddr || "-" }}</span>
+									</a-descriptions-item>
+									<a-descriptions-item class="test1">
+										<span slot="label" class>其他说明</span>
+										<span>{{ jobDetail.otherInfo || "-" }}</span>
+									</a-descriptions-item>
+								</a-descriptions>
+							</div>
+						</div>
+						<a-anchor @click.prevent class="navigation">
+							<a-anchor-link href="#tip" title="注意" />
+							<a-anchor-link href="#pay" title="薪资" />
+							<a-anchor-link href="#required" title="要求" />
+							<a-anchor-link href="#contentspecial" title="岗位" />
+							<a-anchor-link href="#condition" title="吃住" />
+							<a-anchor-link href="#abutment" title="对接" />
+						</a-anchor>
+					</div>
+
+					<!-- 财务结算 -->
+					<div v-else-if="tabchange == 0">
+						<a-descriptions bordered size="small" :column="1" class="leftDesc mt20" style="width: 900px" v-if="jobClassify == 1">
+							<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.deductTaxDesp || "-" }}</span>
+							</a-descriptions-item>
+							<a-descriptions-item>
+								<span slot="label">
+									<div class="c6">账单日</div>
+									<div class="c6">{{ "(出名单时间)" }}</div>
+								</span>
+								<span>{{ jobDetail.outListTime || "-" }}</span>
+							</a-descriptions-item>
+							<a-descriptions-item>
+								<span slot="label" class>
+									<div class="c6">结算说明</div>
+								</span>
+								<span>{{ jobDetail.settlementTime || "-" }}</span>
+							</a-descriptions-item>
+						</a-descriptions>
+						<a-descriptions bordered size="small" :column="1" class="leftDesc mt20" style="width: 900px" v-else-if="jobClassify == 2">
+							<a-descriptions-item class="test1">
+								<span slot="label" class>服务费</span>
+								<span>{{ jobDetail.servetype }}</span>
+							</a-descriptions-item>
+							<a-descriptions-item class="test1">
+								<span slot="label" class>服务费详情</span>
+								<span>{{ jobDetail.returnFeeDesp || "-" }}</span>
+							</a-descriptions-item>
+						</a-descriptions>
+					</div>
+					<div v-else-if="tabchange === 2">
+						<div class="pay" id="tip">
+							<div class="mb12 mt20 titlestyle">职位通告</div>
+							<div class="showInfo" style="width: unset; color: #000 !important">
+								<div class="copy" @click="copyText($event)">复制</div>
+								<div class="copyInfo" style="border: none; padding: 0 0; width: unset; white-space: pre-line">{{ jobDetail.jobDesp || "-" }}</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="maincontentright">
+				<div class="hotphone">
+					<h1 class="bottombox" style>
+						<i>项目方</i>
+					</h1>
+          <template v-if="agency.agencyName == '江西人海'">
+            <img style="width: 60px; height: 60px; border-radius: 50%; display: block; margin: 24px auto 0" src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/renhai.jpg" alt />
+          </template>
+          <template v-else>
+					  <img style="width: 60px; height: 60px; border-radius: 50%; display: block; margin: 24px auto 0" :src="agency.logo || 'https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/moren.svg'" alt />
+          </template>
+          <div style="color: #333">
+						<p class="f14" style="margin-top: 10px; margin-bottom: 0">
+							{{ agency.agencyName || "-" }}
+							<!-- <i class="iconfont icon-dianhua1 ml4 f14" style="line-height: 24px; color: #ff4400"></i> -->
+						</p>
+						<!-- <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/ysd1.png" style="width: 20px; height: 20px" alt="" /> -->
+						<!-- <p class="f16">{{ managerInfo.workPhone || "-" }}</p> -->
+					</div>
+					<!-- <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="companyinfo" v-if="from != 'vocational'">
+					<div class="companydetail">
+						<h1 class="bottombox">
+							<i>企业详情</i>
+						</h1>
+					</div>
+					<div class="companylocation" style="text-align: center; padding: 0 20px 20px" v-if="positionInfo.lng || positionInfo.storeLng">
+						<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>
+						<div class="imgbox">
+							<GDMap :positionInfo="positionInfo"></GDMap>
+						</div>
+					</div>
+				</div>
+				<recommend />
+			</div>
+		</div>
+		<recordModal :show.sync="recordShow" :jobDetail="jobDetail"></recordModal>
+	</div>
+</template>
+<script>
+import { getJobDetailApi } from "../../api/job";
+import { disposeJobListData, getSalaryClassifyValue } from "../../utils/commonUtil";
+import recommend from "../../components/FirstJob/components/recommend.vue";
+import { nationlist } from "../../utils/datalist";
+import { getUserManagerApi } from "../../api/userinfo";
+import "swiper/dist/css/swiper.css";
+import Vue from "vue";
+import Viewer from "v-viewer";
+import "viewerjs/dist/viewer.css";
+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: {
+		// 需要配置的属性
+		toolbar: {
+			zoomIn: true,
+			zoomOut: true,
+			oneToOne: false,
+			reset: false,
+			prev: true,
+			play: {
+				show: true,
+				size: "large",
+			},
+			next: true,
+			rotateLeft: true,
+			rotateRight: true,
+			flipHorizontal: false,
+			flipVertical: false,
+		},
+		title: false,
+		navbar: false,
+		initialViewIndex: 1,
+		isMeetting: false,
+	},
+});
+export default {
+	// 组件名称
+	name: "",
+	// 局部注册的组件
+	components: {
+		recommend,
+		GDMap,
+		recordModal,
+		// GDMap
+		// recordbill,
+	},
+	// 组件参数 接收来自父组件的数据
+	props: {},
+	// 组件状态值
+	data() {
+		return {
+			agency: {},
+			onSiteUsersInfo: "",
+			customServiceUsers: [],
+			previewVisible: false,
+			previewImage: "",
+			relationList: [],
+			jobDetail: {}, // 职位相关信息
+			storeImage: [],
+			storeInfo: {},
+			id: "",
+			jobClassify: "",
+			currentPageNum: this.$route.query.page || "",
+			visible: false, // 录单模态框的展示
+			xiangdanVisible: false, // 详单的弹出
+			confirmLoading: false, // 录单提交的loading效果
+			positionInfo: {}, // 企业位置信息
+			jobPoses: {}, // 职位位置信息
+			store: {}, // 职位详情信息
+			skeletonshow: true,
+			tabchange: 1,
+			nationlist,
+			imgList: [], // 预览图片列表
+			labelColor: ["pink", "blue", "purple", "orange", "green", "cyan", "red", "purple"],
+			form: {
+				// 录单数据
+				name: "",
+				peoplecard: "",
+				gender: "",
+				nation: "",
+				location: "",
+				firm: "",
+				post: "",
+				pattern: "",
+				policy: "",
+				proxy: "",
+				facedate: "",
+			},
+			storeJob: {},
+			// rules: {
+			//   // 录单校验规则
+			//   name: [{ required: true, message: "请输入姓名", trigger: "submit" }],
+			//   // tel: [{ required: true, message: "请输入手机号", trigger: "submit" }],
+			// },
+			apply: {},
+			myswiper: null, // 存储swiper实例
+			managerInfo: {},
+			customServiceUrl: "", // 客服信息
+			from: null, // 来源
+			recordShow: false,
+			vocationalImgList: ["https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job1.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job2.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job4.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job5.png", "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job6.png"],
+			zhijiaoList: [
+				// 职教列表
+				{
+					id: 0,
+					vocationalName: "电气工程师（初级班）",
+					logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job1.png",
+					tuition: "6800元",
+					serviceCharge: "2000元/人",
+					salary: "7000-9000元/月",
+					enterprise: "",
+					semester: "30天",
+					totalProfit: "2500元/人+就业分成",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景： 
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：电气工程师（初级）实习期6000-8000元/月，实习期过后，7000-9000元/月。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. 电工基础课程
+2. 气动基础课程
+3. 传感器课程
+4. 西门子200SMART PLC课程
+5. ABB机器人课程
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿 
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+				{
+					id: 1,
+					vocationalName: "调试工程师（中级班）",
+					logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job2.png",
+					tuition: "11800元",
+					serviceCharge: "3000元/人",
+					salary: "8000-11000元/月",
+					enterprise: "",
+					semester: "60天",
+					totalProfit: "4000元/人+就业分成",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景： 
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：调试工程师（中级）实习期7000-9000元/月，实习期过后，8000-11000元/月。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. PLC编程基础知识
+2. 编程基本指令学习
+3. 威纶通触摸屏
+4. 运动控制课程
+5. 模拟量应用课程
+6. 通信课程/绘图课程
+7. 非标设备实操课程
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿 
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+				{
+					id: 2,
+					vocationalName: "运营管理团队（高级班）",
+					logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png",
+					tuition: "19800元",
+					serviceCharge: "6500元/人",
+					salary: "9000-11000元/月",
+					enterprise: "",
+					semester: "90天",
+					totalProfit: "8000元/人",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景： 
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：运营/教师精英班（高级）实习期（三个月）8000-9000元/月，实习期过后9000-11000元/月，运营管理类学员孵化创业年综合收入20w。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. 自动化专业技能培训 5周
+2. 自动化教学技法培训 5周
+3. 线上新媒体应用培训 1周
+4. 综合素养培训 1周
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿 
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+			],
+		};
+	},
+	// 计算属性
+	computed: {},
+	// 侦听器
+	watch: {},
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+
+	beforeCreate() {},
+	created() {
+		// console.log(this.$router.matcher.match());
+		if (sessionStorage.getItem("PAGE_TYPE")) {
+			this.id = JSON.parse(sessionStorage.getItem("PAGE_TYPE")).id;
+
+			this.jobClassify = JSON.parse(sessionStorage.getItem("PAGE_TYPE")).jobClassify;
+			this.currentPageNum = JSON.parse(sessionStorage.getItem("PAGE_TYPE")).pageNum;
+
+			console.log("PAGE_TYPE", JSON.parse(sessionStorage.getItem("PAGE_TYPE")));
+		}
+    if(this.$route.query.jobClassify){
+      this.jobClassify = this.$route.query.jobClassify
+    }
+		if (this.$route.query.id) {
+			this.id = this.$route.query.id;
+		}
+		console.log("this.id ", this.id);
+		console.log("this.$route", this.$route); // 获取传过来的params数据
+		if (this.$route.query.type) {
+			this.from = this.$route.query.type;
+			this.jobDetail = this.zhijiaoList.find((item) => item.id == this.$route.query.id);
+			this.skeletonshow = false;
+			console.log(this.jobDetail);
+		} else {
+			this.getJobDetail();
+		}
+		this.getUserManager();
+		// Object.defineProperties("window.opener", "sessionStorage", {
+		//   LOGIN_DATA: {},
+		// });
+		// console.log(window.opener);
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {
+		let that = this;
+		// console.log(this.$refs.scrollimg);
+		// this.$refs.scrollimg.goTo(0, false);
+		setTimeout(() => {
+			this.myswiper = new swiper("#swiper", {
+				// loop: true,
+				// loopAdditionalSlides: 3,
+				// speed: 500,
+				// keyboard: true,
+				// allowTouchMove: false,
+				// slidesPerView: 1,
+				slidesPerView: 4,
+				slidesPerGroup: 1,
+				// loop: true,
+				// loopFillGroupWithBlank: true,
+				// pagination: {
+				//   el: ".swiper-pagination",
+				//   clickable: true,
+				// },
+				navigation: {
+					nextEl: ".swiper-button-next",
+					prevEl: ".swiper-button-prev",
+					disabledClass: "swiper-button-disabled",
+				},
+				// spaceBetween: 100,
+				// effect: 'fade',
+				// fadeEffect: {
+				//   crossFade: true,
+				// },
+				// autoplay: {
+				//   delay: 8000,
+				//   stopOnLastSlide: false,
+				//   disableOnInteraction: false,
+				// },
+				on: {
+					// slideChangeTransitionEnd() {
+					// that.progressPercent = 0
+					// },
+				},
+			});
+		}, 1000);
+	},
+	// 组件方法
+	methods: {
+    noCustom() {
+      this.$message.error('此职位暂未接入客服');
+    },
+		async getJobDetail() {
+			console.log("this.id", this.id);
+			try {
+				const { data } = await getJobDetailApi(this.id, this.jobClassify);
+				console.log("data", data);
+				if (data.status === 200) {
+					console.log(data);
+					this.jobDetail = disposeJobListData(data.data.record);
+					this.jobDetail = {
+						...this.jobDetail,
+						...data.data,
+					};
+					this.jobDetail.jobDesp = data.data.record.jobDesp.replaceAll("*****", "");
+					this.customServiceUrl = data.data.customServiceUrl;
+					this.jobPoses = data.data.jobPoses;
+					this.agency = data.data.agency;
+					this.customServiceUsers = data.data.customServiceUsers;
+
+					if (this.jobClassify == 1) {
+						this.positionInfo = data.data.store;
+						this.store = data.data.store;
+						this.positionInfo.desc = this.positionInfo.detailPosition;
+						this.positionInfo.containerName = "mapContainer";
+						this.positionInfo.name = this.positionInfo.aliasName;
+						this.jobDetail.district = disposeJobListData(data.data.store).district;
+					} else {
+						this.positionInfo = data.data.record;
+						this.store = data.data.record;
+						this.positionInfo.desc = this.positionInfo.storeAddr;
+						this.positionInfo.containerName = "mapContainer";
+						this.positionInfo.name = this.positionInfo.storeName;
+						this.positionInfo.lat = this.positionInfo.storeLat;
+						this.positionInfo.lng = this.positionInfo.storeLng;
+						this.jobDetail.district = this.positionInfo.storeDistrict;
+					}
+					if (data.data.onSiteUsers) {
+						this.onSiteUsersInfo = data.data.onSiteUsers.map((item) => `${item.aliasName} ${item.tel}`).join(", ");
+					}
+
+					// console.log(this.jobDetail.jobRequestLabelNames)
+					// if(this.jobDetail.jobRequestLabelNames){
+					//   this.jobDetail.jobRequestLabelNames = this.jobDetail.jobRequestLabelNames.split(',')
+					// }
+
+					// if(this.jobDetail.jobSpecialLabelNames){
+					//   this.jobDetail.jobSpecialLabelNames = this.jobDetail.jobSpecialLabelNames.split(',')
+					// }
+
+					this.skeletonshow = false;
+					console.log(this.jobDetail);
+					console.log(this.jobPoses);
+					let newdata = {
+						id: data.data.record.id,
+						// aliasName: data.data.store.aliasName,
+						jobName: data.data.record.jobName,
+					};
+					this.storeInfo = newdata;
+					let regs = /\.(jpg|jpeg|png)(\?.*)?$/;
+					// data.data.storeImage.forEach((item) => {
+					//   if (regs.test(item.url.toLowerCase())) {
+					//     this.storeImage.push(item.url)
+					//   }
+					// })
+					// console.log(this.storeImage);
+					let storeImage = [];
+					let storeVideo = [];
+					if (data.data.storeImage) {
+						data.data.storeImage.forEach((item) => {
+							console.log(item.url);
+
+							if (regs.test(item.url.toLowerCase())) {
+								storeImage.push(item.url);
+							} else {
+								storeVideo.push(item.url);
+							}
+						});
+					}
+
+					if (data.data.images) {
+						data.data.images.forEach((item) => {
+							console.log(item.url);
+
+							if (regs.test(item.url.toLowerCase())) {
+								storeImage.push(item.url);
+							} else {
+								storeVideo.push(item.url);
+							}
+						});
+					}
+
+					this.storeImage = [...storeImage, ...storeVideo];
+					console.log("this.storeImage", this.storeImage);
+				} else {
+					this.$message.warning("数据获取失败");
+				}
+
+				//  = data.data.recordList;
+				// console.log(data);
+				// console.log(this.jobDetail);
+			} catch (error) {
+				console.log(error);
+			}
+		},
+		/**
+		 * 获取登录人对应的客户经理信息
+		 */
+		getUserManager() {
+			getUserManagerApi().then(({ data }) => {
+				console.log(data);
+				// this.$store.commit('setManagerInfo', data.data)
+				this.managerInfo = data.data;
+				// console.log('+++++++++++++++++++++++++', this.$store)
+			});
+		},
+		/**
+		 * 职教职培报名点击
+		 */
+		showRecord(info) {
+			console.log(info);
+			this.currentInfo = info;
+			this.recordShow = true;
+			// window.open(`https://jinshuju.net/f/ohFOxo?x_field_1=${this.jobDetail.vocationalName}&background=white&banner=show&embedded=true&inner_redirect=false`);
+		},
+		// 录单弹出层的关闭
+		handleCancel() {
+			this.visible = false;
+			this.previewVisible = false;
+			let movie = document.querySelector("#movie");
+			console.dir(movie);
+			movie.pause();
+			// this.form = {
+			//   // 录单数据
+			//   name: '',
+			//   tel: '',
+			//   peoplecard: '',
+			//   username: '',
+			// }
+		},
+		// 录单提交按钮的回调
+		handleOk() {
+			this.$refs.ruleForm.validate((ispass, no) => {
+				// console.log(ispass);
+				if (ispass) {
+					this.confirmLoading = true;
+
+					setTimeout(() => {
+						this.confirmLoading = false;
+						this.visible = false;
+					}, 2000);
+				} else {
+					// console.log(123);
+				}
+				console.log(no);
+			});
+		},
+		// 弹出录单模态框
+		// showmodal() {
+		//   this.visible = true;
+		//   console.log(this.id);
+		// },
+		showmodal() {
+			this.visible = true;
+			// this.apply = item;
+			// console.log(this.apply);
+			// console.log(id);
+		},
+		onClose() {
+			this.visible = false;
+			this.form = {
+				// 录单数据
+				name: "",
+				peoplecard: "",
+				gender: "", // 性别
+				nation: "", // 民族
+				location: "", // 家庭住址
+				firm: "", // 公司名
+				post: "", // 岗位
+				pattern: "", // 模式
+				policy: "", // 代理政策
+				proxy: "", // 代理
+				facedate: "", // 面试时间
+			};
+		},
+		torecord(item) {
+			// 跳转到路由新页面的方法
+			console.log(item);
+			// let userinfo = JSON.stringify(item);
+			console.log(this.jobDetail);
+			console.log(this.storeInfo);
+			this.storeInfo.currentPageNum = this.currentPageNum;
+			console.log(this.storeInfo);
+			this.$router.push({ name: "recordbill", params: this.storeInfo });
+			sessionStorage.setItem("CURRENT_FIRM", JSON.stringify(this.storeInfo));
+		},
+		getSalaryClassifyValue(salaryClassify, salaryClassifyValue) {
+			return getSalaryClassifyValue(salaryClassify, salaryClassifyValue);
+		},
+		/**
+		 *  图片预览点击
+		 *
+		 *
+		 */
+		showImage(idx, type) {
+			var that = this;
+			console.log(that.storeImage);
+			if (this.from == "vocational") {
+				that.vocationalImgList.forEach((item, index) => {
+					if (that.isImg(item)) {
+						that.imgList.push(item);
+					}
+				});
+			} else {
+				that.storeImage.forEach((item, index) => {
+					if (that.isImg(item)) {
+						that.imgList.push(item);
+					}
+				});
+				if (type == "logo") {
+					that.imgList.unshift(that.jobDetail.logo || that.jobDetail.store.logo);
+				}
+			}
+
+			this.$viewerApi({
+				options: { initialViewIndex: idx },
+				images: this.imgList,
+			});
+
+			// }
+		},
+		isImg(str) {
+			console.log(str);
+			let regs = /\.(jpg|jpeg|png)(\?.*)?$/;
+			return regs.test(str);
+		},
+
+		copyText() {
+			console.log(123);
+			var clipboard = new Clipboard(".copy", {
+				// .copy 是点击的触发元素
+				target: function () {
+					// 通过target指定要复印的节点
+					return document.querySelector(".copyInfo"); // .copyInfo 是要复制的目标内容
+				},
+			});
+			clipboard.on("success", (e) => {
+				// success 是成功的回调 success => error 可以捕获复制失败的异常信息
+				console.log(e);
+				this.$message.success("复制成功");
+			});
+		},
+		toList() {
+			// 跳转到列表页
+			this.$router.push({
+				path: this.from == "vocational" ? "/list?type=vocational" : "/list?",
+				// query: {
+				// 	pagenum: this.currentPageNum || "",
+				// },
+			});
+		},
+		handlePreview(file) {
+			this.previewImage = file;
+			this.previewVisible = true;
+		},
+	},
+};
+</script>
+
+<style scoped lang="less">
+.special-dropdown .ant-dropdown-menu-item:hover {
+	background-color: #fff;
+}
+.special-dropdown ul > li {
+	border-bottom: 1px solid #eee;
+	line-height: 30px;
+}
+.special-dropdown ul > li:last-child {
+	border-bottom: 0;
+}
+
+.detail-container {
+	// overflow: hidden;
+	// border-top: 1px solid #eeefef;
+
+	// background-color: #f6f6f6;
+}
+/deep/ .ant-form {
+	// overflow: auto;
+	margin-bottom: 50px;
+}
+// 录单模态框样式
+/deep/ .ant-drawer-wrapper-body {
+	// overflow: none;
+	// position: relative;
+	&::-webkit-scrollbar {
+		/*滚动条整体样式*/
+		width: 0px; /*高宽分别对应横竖滚动条的尺寸*/
+		height: 4px;
+	}
+
+	.ant-drawer-header {
+		position: absolute;
+		width: 100%;
+		background-color: #fff;
+		padding: 12px 24px;
+		z-index: 999;
+		.ant-drawer-close {
+			height: 48px;
+			width: 48px;
+			line-height: 48px;
+		}
+	}
+	.ant-drawer-body {
+		overflow-y: auto;
+		margin-top: 47px;
+	}
+}
+// /deep/ .ant-modal {
+//   top: 30px !important;
+// }
+// .modal {
+//   .ant-form-item {
+//     margin-top: -8px;
+//     /deep/ .ant-form-item-label {
+//       line-height: 22px;
+//     }
+//     .ant-input {
+//       // width: 430px;
+//       height: 40px;
+//       // border: none;
+//       border: 1px solid #dddddd;
+//       box-shadow: none !important;
+//       // background-color: #f6f6f6;
+//     }
+//   }
+//   /deep/ .ant-modal-footer {
+//     padding: 10px 24px;
+//     .ant-btn {
+//       &:hover {
+//         color: #ff4400;
+//         border-color: #ff4400;
+//       }
+//     }
+//     .ant-btn.ant-btn-primary {
+//       background-color: #ff4400 !important;
+//       border: none;
+//       line-height: 32px;
+//       margin-left: 12px;
+//       color: #fff;
+//       box-shadow: none;
+//       &:hover {
+//         background-color: #ff8025 !important;
+//       }
+//     }
+//   }
+//   /deep/ .ant-modal-header {
+//     .ant-modal-title {
+//       font-size: 20px;
+//       // font-weight: normal;
+//     }
+//   }
+//   /deep/ .ant-modal-body {
+//     padding: 24px 24px 8px 24px;
+//     overflow: auto;
+//     height: 630px;
+//     max-height: 630px !important;
+//   }
+// }
+/deep/ .maincontent {
+	display: flex;
+	justify-content: space-between;
+	margin-top: 12px;
+	.maincontentleft {
+		width: 944px;
+		margin-right: 16px;
+		text-align: left;
+		.subset {
+			padding: 20px;
+			// margin-bottom: 16px;
+			// width: 914px;
+			background-color: #fff;
+			// height: 302px;
+			border-radius: 6px;
+			border: 1px solid #ededed;
+			display: flex;
+			justify-content: space-between;
+			.subsetleft {
+				display: flex;
+				flex-direction: column;
+				.info {
+					display: flex;
+				}
+				.imgbox {
+					width: 186px;
+					height: 186px;
+					margin-right: 20px;
+					overflow: hidden;
+					position: relative;
+					// .slick-active {
+					//   button {
+					//     background-color: #fe6a00 !important;
+					//   }
+					// }
+					// .slick-track {
+					// transition: all 0s ease 0s !important;
+					// }
+					img {
+						position: absolute;
+						// width: 100%;
+						// height: 100%;
+						height: 100%;
+						// width: 100%;
+						top: 50%;
+						left: 50%;
+						// left: 0;
+						// top: 0;
+						// right: 0;
+						// bottom: 0;
+						// margin: auto;
+						transform: translateX(-50%) translateY(-50%);
+					}
+
+					.ant-carousel {
+						.slick-slide {
+							text-align: center;
+							height: 186px;
+							// height: 160px;
+							// line-height: 160px;
+							// background: #364d79;
+							overflow: hidden;
+						}
+						.custom-slick-arrow {
+							width: 35px;
+							height: 35px;
+							font-size: 35px;
+							margin-top: -20px;
+							border-radius: 50%;
+							color: #fff;
+							background-color: rgba(31, 45, 61, 0.11);
+							opacity: 0.6;
+						}
+						.custom-slick-arrow:before {
+							// color: #ff4400;
+							display: none;
+						}
+						.custom-slick-arrow:hover {
+							// background-color: #ff6a00cc;
+							opacity: 0.8;
+						}
+						.slick-slide h3 {
+							color: #fff;
+						}
+					}
+				}
+				.jobinfobox {
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
+          // .hotTag {
+          //       display: flex;
+          //       line-height: 44px;
+          //       margin-left: 18px;
+          //       div {
+          //         font-size: 14px;
+          //       }
+          //       li {
+          //         margin-right: 12px;
+          //         color: #ff6a00;
+          //         font-size: 14px;
+          //         cursor: pointer;
+          //       }
+          //       > .active {
+          //         text-decoration: underline;
+          //       }
+          //     }
+              .hotTag {
+							background-color: #f40;
+							color: #fff;
+							font-size: 12px;
+							padding:2px 4px;
+              border-radius: 2px;
+              position: relative;
+              top: -3px;
+							i {
+								margin-right: 4px;
+								color: #fff;
+							}
+						}
+					.jobname {
+						// margin: 12px 0;
+						font-size: 20px;
+						font-weight: 600;
+						text-align: left;
+						color: #333;
+						line-height: 30px;
+						// &:hover {
+						//   color: #ff4400;
+						// }
+					}
+					.jobinfo {
+						margin-top: 12px;
+						font-size: 16px;
+						font-weight: 400;
+						text-align: left;
+						color: #999;
+						line-height: 26px;
+					}
+					.jobtag,
+					.jobtag1 {
+						margin-top: 12px;
+						text-align: left;
+						// span:first-child {
+						//   color: #ff4400;
+						//   background: rgba(254, 97, 0, 0.1);
+						// }
+						span {
+							margin-right: 8px;
+							font-size: 14px;
+							padding: 0px 12px;
+							border: none;
+							height: 26px;
+							line-height: 26px;
+							// background: rgba(51, 51, 51, 0.06);
+							border-radius: 4px;
+						}
+					}
+					.jobtag1 {
+						span {
+							background-color: #f5f5f5;
+							color: #666;
+						}
+					}
+					.jobpricemonth {
+						// margin-top: 16px;
+						font-size: 16px;
+						font-weight: 400;
+						text-align: left;
+						color: #666;
+						line-height: 26px;
+					}
+					.jobpricehour {
+						// margin-top: 16px;
+						font-size: 16px;
+						font-weight: normal;
+						text-align: left;
+						color: #ff4400;
+						// line-height: 24px;
+						span {
+							vertical-align: baseline;
+							font-weight: 600;
+							font-size: 22px;
+							line-height: 26px;
+						}
+					}
+					.billbutton {
+						display: flex;
+						justify-content: flex-start;
+						margin-top: 15px;
+						span {
+							padding: 0 16px;
+							height: 36px;
+							margin-right: 20px;
+							border-radius: 4px;
+							background-color: rgba(254, 97, 0, 0.1);
+							font-size: 18px;
+							font-weight: normal;
+							color: #ff4400;
+							line-height: 34px;
+						}
+						// button {
+						//   width: 160px;
+						//   // padding: 0 16px;
+						//   height: 36px;
+						//   border: none;
+						//   background-color: #ff4400;
+						//   color: #fff;
+						//   font-weight: normal;
+						//   font-size: 18px;
+						// border-radius: 4px;
+						//   cursor: pointer;
+						//   &:hover {
+						//     background-color: #ff7614;
+						//   }
+						// }
+						.dropdown {
+							width: 160px;
+							padding: 0 16px;
+							height: 36px;
+							border: none;
+							background-color: #ff4400;
+							color: #fff;
+							font-weight: normal;
+							font-size: 18px;
+							border-radius: 4px;
+							text-align: center;
+							line-height: 36px;
+							cursor: pointer;
+							&:hover {
+								color: #fff;
+
+								background-color: #ff4400cc;
+							}
+						}
+					}
+				}
+			}
+			.subsetright {
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				align-items: flex-end;
+				.topbox {
+					width: 116px;
+					height: 54px;
+					text-align: center;
+					overflow: hidden;
+					background: rgba(255, 106, 0, 0.1);
+					border-radius: 4px;
+					line-height: 30px;
+					div {
+						// font-weight: normal;
+						font-size: 16px;
+
+						span:first-of-type {
+							font-size: 20px;
+							// font-weight: normal;
+						}
+					}
+					div:first-child {
+						height: 24px;
+						background: #ff4400;
+						line-height: 21px;
+						font-size: 14px;
+						color: #ffffff;
+						border: 1px solid #ff4400;
+						border-radius: 4px 4px 0px 0px;
+					}
+					div:last-child {
+						font-weight: normal;
+						background-color: #fff3ef;
+						color: #ff4400;
+						font-size: 18px;
+						span:last-child {
+							font-size: 16px;
+						}
+					}
+				}
+				.sub-bottombox {
+					font-size: 16px;
+
+					.bottombox1 {
+						width: 116px;
+						height: 32px;
+						line-height: 30px;
+						font-size: 16px;
+						// border: 1px solid rgba(77, 87, 94, 0.3);
+						border-radius: 4px;
+						border: 1px solid #ff4400;
+						background-color: #fff;
+						color: #ff4400;
+						cursor: pointer;
+						&:hover {
+							color: #fff;
+
+							background-color: #ff4400;
+						}
+					}
+					.jobDespBtn {
+						width: 116px;
+						height: 32px;
+						line-height: 30px;
+						font-size: 16px;
+						margin-right: 20px;
+						// border: 1px solid rgba(77, 87, 94, 0.3);
+						border-radius: 4px;
+						border: 1px solid #d9d9d9;
+						background-color: #fff;
+						color: #333;
+						transition: none;
+						cursor: pointer;
+						&:hover {
+							color: #ff4400;
+							border: 1px solid #ff4400;
+
+							// background-color: #ff791a;
+						}
+						i {
+							color: #ff4400;
+						}
+					}
+					.norecruitment {
+						border: 1px solid #ccc;
+						margin-left: 16px;
+						color: #ccc;
+						cursor: default;
+						&:hover {
+							border: 1px solid #ccc;
+							background-color: #fff;
+							color: #ccc;
+						}
+					}
+				}
+			}
+		}
+		.proxy {
+			margin-bottom: 16px;
+			div {
+				white-space: break-spaces;
+			}
+			// padding: 20px !important;
+		}
+		.jobinformationbox,
+		.proxy {
+			width: 944px;
+			// border: 1px solid #eeefef;
+			overflow: hidden;
+			border-radius: 4px;
+			padding: 20px 0;
+			background-color: #fff;
+
+			h1 {
+				display: flex;
+				justify-content: space-between;
+				font-size: 18px;
+				// margin-bottom: 20px;
+				> span {
+					font-size: 14px;
+					color: #ff4400;
+					text-decoration: underline;
+					cursor: pointer;
+				}
+				.infotitle {
+					display: flex;
+					margin-top: -2px;
+					border-bottom: 1px solid #eeefef;
+					span {
+						margin-bottom: -1px;
+						height: 30px;
+						padding: 1px 12px 0 12px;
+						margin-right: 6px;
+						background-color: #fafafa;
+						border: 1px solid #ededed;
+						border-bottom: none;
+						cursor: pointer;
+						border-radius: 4px 4px 0 0;
+					}
+					.active {
+						background-color: #fafafa;
+						// font-weight: bold;0
+						color: #ff4400;
+					}
+				}
+				span {
+					height: 25px;
+				}
+			}
+		}
+		#tip,
+		#other {
+			div:last-child {
+				width: 640px;
+				padding: 12px 16px;
+				font-size: 16px;
+				border: 1px solid #ededed;
+				color: #333;
+			}
+		}
+		.copy {
+			width: 46px !important;
+			position: relative;
+			padding: 0px 8px !important;
+			float: right;
+			top: 6px;
+			/* right: 20px; */
+			bottom: 4px;
+			font-size: 14px !important;
+			border: 1px solid #ff4400 !important;
+			color: #ff4400 !important;
+			line-height: 22px;
+			text-align: center;
+			border-radius: 4px;
+			cursor: pointer;
+			&:hover {
+				color: #fff !important;
+				background-color: #ff4400 !important;
+			}
+		}
+		.jobinformationbox {
+			h1 {
+				position: relative;
+				.copy {
+					position: absolute;
+					padding: 0px 12px;
+					right: 20px;
+					bottom: 4px;
+					font-size: 14px;
+					border: 1px solid #ff4400;
+					color: #ff4400;
+					// border-radius: 5px;
+					line-height: 22px;
+					text-align: center;
+					cursor: pointer;
+					&:hover {
+						color: #fff;
+						background-color: #ff4400;
+					}
+				}
+			}
+			.navigation {
+				position: relative;
+				flex: 1;
+				margin-top: 40px;
+				// width: 70px !important;
+				.ant-affix {
+					left: calc(50% + 156px) !important; // 手动定位固定位置
+				}
+				.ant-anchor-wrapper {
+					padding-left: 5px !important;
+				}
+				.ant-anchor-ink-ball {
+					// border-color: #ff4400;
+					width: 12px;
+					height: 12px;
+					border: 3px solid #ff4400;
+				}
+				.ant-anchor-link {
+					padding: 10px 20px !important;
+					a {
+						color: #666;
+						font-size: 18px;
+						font-weight: 600;
+					}
+				}
+				.ant-anchor-link-active {
+					a {
+						color: #ff4400 !important;
+						// font-weight: bold;
+					}
+				}
+			}
+
+			.baseInfoContent {
+				width: 748px;
+				> div {
+					> div:first-child {
+						font-size: 16px;
+						color: #333;
+						font-weight: 600;
+					}
+				}
+
+				.condition {
+					.conditiontable {
+						display: flex;
+						width: 640px;
+						flex-direction: column;
+						font-size: 16px;
+						border-radius: 6px;
+						border: 1px solid #ededed;
+						> li {
+							display: flex;
+							align-items: center;
+							border-bottom: 1px solid #ededed;
+
+							&:last-child {
+								border-bottom: 0px;
+							}
+						}
+
+						li {
+							display: flex;
+							min-height: 44px;
+							width: 100%;
+							span:first-child {
+								padding: 12px 16px;
+								width: 124px;
+								text-align: center;
+								border-right: 1px solid #ededed;
+								color: #666;
+								// font-weight: bold;
+							}
+							span:last-child {
+								flex: 1;
+								display: flex;
+								color: #333;
+								padding: 12px 16px;
+								white-space: break-space;
+								align-items: center;
+							}
+						}
+						li:not(li:last-child) {
+							border-bottom: 1px solid #ededed;
+						}
+					}
+				}
+			}
+		}
+	}
+	.maincontentright {
+		// position: sticky;
+		// top: 0;
+		width: 240px;
+		> div {
+			margin-bottom: 16px;
+		}
+		.jobDetailInfo {
+			width: 240px;
+			overflow: hidden;
+			// height: 114px;
+			// padding: 0 20px 0px 20px;
+			border-radius: 4px;
+			background-color: #fff;
+			text-align: left;
+			h1 {
+				position: relative;
+				text-align: center;
+				margin-bottom: 0;
+
+				span {
+					position: absolute;
+					right: 10px;
+					color: #ff4400;
+				}
+			}
+			p {
+				font-size: 16px;
+				word-break: break-all;
+				white-space: break-spaces;
+				padding: 16px 20px;
+			}
+		}
+		.hotphone {
+			overflow: hidden;
+			position: relative;
+			width: 240px;
+			height: 200px;
+			// height: 114px;
+			// padding: 0 20px 20px 20px;
+			border: 1px solid #eee;
+			border-radius: 6px;
+			background-color: #fff;
+			text-align: center;
+			// p {
+			// 	position: absolute;
+			// 	width: 100%;
+			// 	font-size: 20px;
+			// 	color: #333;
+			// 	font-weight: 600;
+			// 	top: 75%;
+			// 	left: 50%;
+			// 	transform: translateX(-50%) translateY(-50%);
+			// }
+		}
+		.companyinfo {
+			overflow: hidden;
+			// padding: 0 20px 20px 20px;
+			border-radius: 6px;
+			border: 1px solid #ededed;
+			background-color: #fff;
+
+			.companydetail {
+				// width: 200px;
+				p:first-of-type {
+					padding: 20px;
+					font-size: 18px;
+					font-weight: normal;
+					text-align: left;
+					color: #4d575e;
+					margin-bottom: 12px;
+					line-height: 22px;
+					white-space: nowrap;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+				.imgbox {
+					// width: 230px;
+					display: flex;
+					align-items: center;
+					height: 172px;
+					margin-bottom: 12px;
+					img {
+						width: 100%;
+					}
+				}
+				p:last-of-type {
+					font-size: 16px;
+					text-align: left;
+					color: #788085;
+					line-height: 22px;
+					margin-bottom: 15px;
+				}
+			}
+			.companylocation {
+				// width: 200px;
+				h1 {
+					// height: 50px;
+					// line-height: 50px;
+					padding-top: 10px;
+					text-align: center;
+					// border-top: 1px solid #eeefef;
+				}
+				.imgbox {
+					width: 200px;
+					height: 200px;
+					margin-top: 20px;
+
+					img {
+						width: 100%;
+						height: 100%;
+					}
+				}
+			}
+		}
+		.recommendposition {
+			border: 1px solid #ededed;
+		}
+	}
+	.leftDesc {
+		.ant-descriptions-view {
+			width: 640px;
+			border-radius: 6px;
+			// border: 0 !important;
+		}
+	}
+
+	.leftDesc.ant-descriptions-bordered table {
+		// min-height: 352px !important;
+		tbody {
+			tr {
+				height: 44px;
+			}
+		}
+	}
+	.leftDesc.ant-descriptions-bordered .ant-descriptions-item-label {
+		width: 124px;
+		text-align: center;
+		font-weight: normal;
+		background-color: #fff;
+		padding: 8px 0;
+		font-size: 16px;
+		color: #666;
+		letter-spacing: 1px;
+		// padding: 8px 0px;
+		/*vertical-align: baseline;*/
+	}
+
+	.leftDesc.ant-descriptions-bordered .ant-descriptions-item-content {
+		white-space: break-spaces;
+		text-align: left;
+		// padding-left: 8px;
+		font-size: 16px;
+		color: #333;
+	}
+	.boubleLevel > .ant-descriptions-view > table > tbody > .ant-descriptions-row:last-child > .ant-descriptions-item-content {
+		// padding: 0 !important;
+		.noborder {
+			.ant-descriptions-view {
+				// border: 0 !important;
+			}
+		}
+	}
+	// .right
+}
+.showInfo {
+	width: unset;
+	white-space: pre-wrap;
+	word-break: break-all;
+	line-height: 28px;
+	color: #ff4400 !important;
+	border-radius: 6px;
+}
+.hotTel {
+	position: fixed;
+	top: 50%;
+	left: calc(50vw + 616px);
+	width: 104px;
+	height: 110px;
+	background-color: #fff;
+	box-shadow: 5px 0px 10px 3px #eee;
+	text-align: center;
+	padding-top: 10px;
+	> i {
+		font-size: 40px;
+	}
+	> p {
+		font-size: 16px;
+		text-align: center;
+		color: #ff4400;
+	}
+	&:hover > div {
+		display: block;
+	}
+	div {
+		position: absolute;
+		display: none;
+		height: 110px;
+		width: 200px;
+		left: -236px;
+		bottom: 0px;
+		text-align: center;
+		box-shadow: 5px 0px 10px 3px #ddd;
+		background-color: #fff;
+		> p:first-child {
+			padding: 14px 0;
+			border-bottom: 1px solid #eee;
+		}
+		> p:last-child {
+			padding: 16px 0;
+			font-size: 24px;
+			color: #ff4400;
+		}
+	}
+}
+.mask {
+	position: fixed;
+	width: 100vw;
+	height: 100vh;
+	background-color: rgba(0, 0, 0, 0.06);
+	top: 0;
+	left: 0;
+	z-index: 999;
+	pointer-events: none;
+}
+.swiperBox {
+	width: 350px;
+	margin-top: 20px;
+	position: relative;
+	.swiper-button-next {
+		right: 0px;
+		background-image: url(http://matripe.oss-cn-beijing.aliyuncs.com/img/right.svg);
+	}
+	.swiper-button-prev {
+		left: -10px;
+		background-image: url(http://matripe.oss-cn-beijing.aliyuncs.com/img/left.svg);
+	}
+}
+#swiper {
+	width: 340px;
+	overflow: hidden;
+	.swiper-wrapper {
+		// width: 460px;
+	}
+	.swiper-slide {
+		img {
+			width: 80px;
+			height: 45px;
+			object-fit: cover;
+			// width: 100%;
+		}
+	}
+}
+.swiper-button-disabled {
+	display: none;
+}
+.spic.ant-modal-wrap {
+	text-align: center;
+}
+/deep/ .spic {
+	.ant-modal {
+		width: auto !important;
+		display: inline-block;
+	}
+	.ant-modal-close {
+		top: 24px;
+		right: 6px;
+		position: fixed;
+		color: #fff;
+
+		.ant-modal-close-x {
+			font-size: 30px;
+		}
+	}
+	.ant-modal-content {
+		background-color: transparent;
+
+		.ant-modal-body {
+			padding: 0;
+		}
+
+		img {
+			-moz-user-select: none;
+			-webkit-user-select: none;
+			-ms-user-select: none;
+			-khtml-user-select: none;
+			user-select: none;
+		}
+	}
+}
+.rightFixed {
+	/deep/.ant-anchor-ink {
+		display: none;
+	}
+}
+.default_avatar {
+	width: 186px;
+	height: 186px;
+	display: flex;
+	align-items: center;
+	text-align: center;
+	background-color: #d85043;
+	color: #fff;
+	font-size: 44px;
+	line-height: 1.3;
+}
+</style>
diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index 0dc78d5..4c2eeee 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -34,140 +34,7 @@
 						<img src="//matripe.oss-cn-beijing.aliyuncs.com/bcSVG/dtLogo.png" class="icon" />
 					</router-link>
 				</span>
-				<!-- 特色筛选的列表盒子 -->
-				<!-- <div v-if="isspecialboxshow" class="specialbox" @click.stop="">
-					<div class="w">
-						<ul>
-							<li
-								v-for="(item, index) in specialList"
-								:key="index"
-								@click.stop="specialclick(index, item)"
-								:class="{
-									'special-active': filterObj.specialactive.indexOf(item.name) > -1,
-								}"
-							>
-								{{ item.name }}
-							</li>
-						</ul>
-					</div>
-        </div>-->
-				<!-- <ul class="filterbox">
-					<li>
-						<i class="iconfont icon-dingwei"></i>
-						<a-cascader
-							:options="cityoption"
-							change-on-select
-							@change="onChange"
-							placeholder="选择城市"
-							v-model="formvalue.district"
-							popupClassName="flitercity"
-							:getPopupContainer="
-								(triggerNode) => {
-									return triggerNode.parentNode || document.body;
-								}
-							"
-							id="city"
-							:popupStyle="{
-								transform: 'all .1s',
-							}"
-							><i slot="suffixIcon" class="iconfont icon-xiala"></i
-						></a-cascader>
-
-						<div @click="visible = true">
-							<span :style="{ color: currentCity != '全国' ? '#ff6a00' : '' }">{{ currentCity }}</span>
-							<div><i class="iconfont icon-sousuoxiala"></i> <i class="iconfont icon-guanbishixin" v-show="currentCity != '全国'" @click.stop="resetCity"></i></div>
-						</div>
-					</li>
-					<li>
-						<div>
-							<a-cascader
-								:options="options.price"
-								placeholder="工价"
-								@change="onChange"
-								popupClassName="monthlypay"
-								:getPopupContainer="
-									(triggerNode) => {
-										return triggerNode.parentNode || document.body;
-									}
-								"
-								v-model="formvalue.monthlyPayStr"
-								id="price"
-								><i slot="suffixIcon" class="iconfont icon-xiala"></i
-							></a-cascader>
-						</div>
-					</li>
-					<li>
-						<div>
-							<a-cascader
-								:options="options.gender"
-								placeholder="性别"
-								@change="onChange"
-								class="gender"
-								popupClassName="gender"
-								:getPopupContainer="
-									(triggerNode) => {
-										return triggerNode.parentNode || document.body;
-									}
-								"
-								v-model="formvalue.sex"
-								id="gender"
-								><i slot="suffixIcon" class="iconfont icon-xiala"></i
-							></a-cascader>
-						</div>
-					</li>
-
-					<li>
-						<a-cascader
-							:options="options.age"
-							placeholder="年龄"
-							@change="onChange"
-							popupClassName="agestr"
-							:getPopupContainer="
-								(triggerNode) => {
-									return triggerNode.parentNode || document.body;
-								}
-							"
-							v-model="formvalue.ageStr"
-							id="age"
-							><i slot="suffixIcon" class="iconfont icon-xiala"></i
-						></a-cascader>
-					</li>
-
-					<li class="special">
-						<div @click.stop="isspecialboxshowclick" :style="isspecialboxshow ? 'color:#ff4400' : ''">
-							<ul class="showspecial" v-if="filterObj.specialactive.length !== 0">
-								<li v-for="(item, index) in filterObj.specialactive" :key="index" @click.stop>{{ item }}<i class="iconfont icon-guanbi" @click.stop="delmark(index)"></i></li>
-							</ul>
-							<span v-if="filterObj.specialactive.length > 2">...</span>
-							<span :style="filterObj.specialactive.length > 0 ? 'color:#ff4400' : ''" v-if="filterObj.specialactive.length === 0">特色</span><i class="iconfont icon-xiala" :class="isspecialboxshow ? 'turn' : ''" :style="isspecialboxshow ? 'color:#ff4400' : ''"></i>
-						</div>
-					</li>
-					<li class="ageinputbox">
-						<a-input
-							class="ageinput"
-							placeholder="年龄,如20"
-							v-model="formvalue.ageStr"
-							type="text"
-							allow-clear
-							@input="resetAgeSearch"
-							@keyup.enter="onSearch"
-							@click.stop="
-								() => {
-									return false;
-								}
-							"
-						></a-input>
-						<div class="confirm">
-							<button @click="onSearch">确定</button>
-						</div>
-					</li>
-					<li class="claerfilter">
-						<div>
-							<a @click="claerfilter" href="javascript:;" v-show="formvalue.ageStr.length != 0 || formvalue.sex.length != 0 || formvalue.monthlyPayStr.length != 0 || filterObj.specialactive.length != 0">清空筛选条件</a>
-						</div>
-					</li>
-        </ul>-->
-				<div class="searchBox" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" outline="0" hidefocus="true">
+			  <div class="searchBox" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" outline="0" hidefocus="true">
 					<a-input placeholder="搜索职位、企业名称、年龄要求" @keyup.enter="onSearch" @input="resetsearch" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" v-model="searchValue" class="searchinput" style allow-clear>
 						<div slot="prefix" class="fsa w100" @focus.stop tabindex="0" @click.stop="visible = true">
 							<span class="dpib esl" style="width: 60px">{{ currentCity }}</span>
@@ -222,7 +89,7 @@
 			<div class="maincontentleft" v-if="!isVocational" style="padding-top: 50px">
 				<div class="tabBar" @click="changeTab($event)">
 					<div class="tabSubset" :class="{ active: signType == '' }" v-if="!hasTab" data-type="0">全部</div>
-					<div class="tabSubset" :class="{ active: signType == 1 }" v-if="loginValue.agencyName == '郑州一才工作' || loginValue.agencyName == '一才工作'" data-type="1">一才</div>
+					<!-- <div class="tabSubset" :class="{ active: signType == 1 }" v-if="loginValue.agencyName == '郑州一才工作' || loginValue.agencyName == '一才工作'" data-type="1">一才</div> -->
 					<!-- v-if="loginValue.agencyName == '郑州一才工作' || loginValue.agencyName == '一才工作'" -->
 					<!-- v-if="loginValue.agencyName == '郑州一才工作' || loginValue.agencyName == '一才工作'" -->
 					<!-- <div class="tabSubset" :class="{ active: signType == 2 }" data-type="2">三方</div> -->
@@ -505,11 +372,10 @@
 
 						<span @click="toDetail(item)" style="cursor: pointer">
 							<div class="subsetleft" @click="totop">
-								<div class="imgbox">
+								<!-- <div class="imgbox">
 									<img v-if="item.logo.length !== 0" :src="item.logo" style="object-fit: cover; width: 156px; height: 156px" />
 									<div v-else class="default_avatar">{{ item.brandName || item.jobName }}</div>
-									<!-- <img v-else src="../../../static/img/nopicture.png" /> -->
-								</div>
+								</div> -->
 								<div class="jobinfobox">
 									<!-- <router-link
                   target="_blank"
@@ -519,7 +385,7 @@
 									<div class="jobname">{{ item.jobName }}</div>
 									<div class="xmfDiv">
 										<img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/xmfb.svg" class="" alt="" />
-										<span class="f12 ml4" style="color: #646572">{{ item.agencyName }}</span>
+										<span class="f12 ml4" style="color: #646572">{{ item.supplierName }}</span>
 									</div>
 
 									<!-- <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/ysd1.png" style="width: 20px;height: 20px;" alt=""> -->
@@ -544,8 +410,8 @@
 									<div class="jobpricehour" v-html="getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue)"></div>
 									<div class="jobpricemonth" v-if="item.minMonthlyPay">
 										<template v-if="signType != 1">
-											<span>{{ item.minMonthlyPay ? item.minMonthlyPay : "" }}</span
-											>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay : "" }}</span
+											<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}</span
+											>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100: "" }}</span
 											>元/月
 										</template>
 										<template v-else>
@@ -624,11 +490,10 @@
 					>
 						<router-link target="_blank" :to="`/detail?id=${item.id}&page=${formvalue.pageNum}&type=vocational`" rel="opener">
 							<div class="subsetleft" @click="totop">
-								<div class="imgbox">
+								<!-- <div class="imgbox">
 									<img v-if="item.logo.length !== 0" :src="item.logo" />
 									<div v-else class="default_avatar">{{ item.vocationalName || item.jobName }}</div>
-									<!-- <img v-else src="../../../static/img/nopicture.png" /> -->
-								</div>
+								</div> -->
 								<div class="jobinfobox" style="display: flex; flex-direction: column; justify-content: space-between">
 									<div>
 										<div class="jobname">{{ item.vocationalName }}</div>
@@ -1298,8 +1163,8 @@ export default {
 						pageSize: 4,
 						jobCategory: 608,
 					});
-					console.log(data.data.pageBean.recordList);
-					this.fellowList = disposeJobListData(data.data.pageBean.recordList);
+					console.log(data.data.recordList);
+					this.fellowList = disposeJobListData(data.data.recordList);
 					// console.log(this.fellowList);
 				}
 				// this.$emit("update:relationList", this.relationList);
@@ -1338,8 +1203,8 @@ export default {
 					const { data } = await JobListApi(newdata);
 					console.log("data", data);
 					if (data.status === 200) {
-						this.jobMainList = disposeJobListData(data.data.pageBean.recordList);
-						this.formvalue.total = data.data.pageBean.recordCount;
+						this.jobMainList = disposeJobListData(data.data.recordList);
+						this.formvalue.total = data.data.recordCount;
 						console.log(this.jobMainList);
 					} else {
 						this.$message.info("数据获取失败");
@@ -1356,6 +1221,7 @@ export default {
 
 		// 获取一才工作列表
 		async getJobListYicai(newdata) {
+      return
 			this.isspinning = true;
 			console.log(this.formvalue);
 			try {
diff --git a/src/components/FirstJob/joblist有图版1224.vue b/src/components/FirstJob/joblist有图版1224.vue
new file mode 100644
index 0000000..0dc78d5
--- /dev/null
+++ b/src/components/FirstJob/joblist有图版1224.vue
@@ -0,0 +1,3643 @@
+<template>
+	<div class="joblist-container">
+		<!-- 城市的弹出框 -->
+		<a-modal class="cityModal" transitionName v-model="visible" width="680px" @cancel="cityModalClose" title="请选择城市" :footer="null">
+			<div class="inputBox">
+				<a-input placeholder="请输入城市名称" allow-clear width="300px" v-model="cityValue" @keyup.enter="searchCity" @input="resetCityList"></a-input>
+				<a-button @click="searchCity">确认</a-button>
+			</div>
+			<ul class="firstList">
+				<li @click="[(currentCityList = hotCityList), (activeInd = -1)]">
+					<div :class="activeInd == -1 ? 'active' : ''">热门地区</div>
+				</li>
+				<li v-for="(item, index) in hasJobCityList.firstList" :key="index" @click="[changeCurrentCity(index), (activeInd = index)]">
+					<div :class="activeInd == index ? 'active' : ''">
+						<span v-for="i in item" :key="i">{{ i }}</span>
+					</div>
+				</li>
+			</ul>
+			<ul class="currentCity">
+				<li v-for="(item, index) in currentCityList" :key="index">
+					<div @click="searchJob(item)">{{ item.name }}</div>
+				</li>
+			</ul>
+		</a-modal>
+		<!-- 筛选导航 -->
+		<div class="navigation">
+			<div class="w" id="navigation">
+				<span class="dn">
+					<!-- <i class="iconfont icon-yigezhuanmenfuwudailidepingtai"></i> -->
+					<router-link to="/main">
+						<!--   <svg class="icon" aria-hidden="true">
+              <use xlink:href="#icon-yishoudanlogo"></use></svg
+            >-->
+						<img src="//matripe.oss-cn-beijing.aliyuncs.com/bcSVG/dtLogo.png" class="icon" />
+					</router-link>
+				</span>
+				<!-- 特色筛选的列表盒子 -->
+				<!-- <div v-if="isspecialboxshow" class="specialbox" @click.stop="">
+					<div class="w">
+						<ul>
+							<li
+								v-for="(item, index) in specialList"
+								:key="index"
+								@click.stop="specialclick(index, item)"
+								:class="{
+									'special-active': filterObj.specialactive.indexOf(item.name) > -1,
+								}"
+							>
+								{{ item.name }}
+							</li>
+						</ul>
+					</div>
+        </div>-->
+				<!-- <ul class="filterbox">
+					<li>
+						<i class="iconfont icon-dingwei"></i>
+						<a-cascader
+							:options="cityoption"
+							change-on-select
+							@change="onChange"
+							placeholder="选择城市"
+							v-model="formvalue.district"
+							popupClassName="flitercity"
+							:getPopupContainer="
+								(triggerNode) => {
+									return triggerNode.parentNode || document.body;
+								}
+							"
+							id="city"
+							:popupStyle="{
+								transform: 'all .1s',
+							}"
+							><i slot="suffixIcon" class="iconfont icon-xiala"></i
+						></a-cascader>
+
+						<div @click="visible = true">
+							<span :style="{ color: currentCity != '全国' ? '#ff6a00' : '' }">{{ currentCity }}</span>
+							<div><i class="iconfont icon-sousuoxiala"></i> <i class="iconfont icon-guanbishixin" v-show="currentCity != '全国'" @click.stop="resetCity"></i></div>
+						</div>
+					</li>
+					<li>
+						<div>
+							<a-cascader
+								:options="options.price"
+								placeholder="工价"
+								@change="onChange"
+								popupClassName="monthlypay"
+								:getPopupContainer="
+									(triggerNode) => {
+										return triggerNode.parentNode || document.body;
+									}
+								"
+								v-model="formvalue.monthlyPayStr"
+								id="price"
+								><i slot="suffixIcon" class="iconfont icon-xiala"></i
+							></a-cascader>
+						</div>
+					</li>
+					<li>
+						<div>
+							<a-cascader
+								:options="options.gender"
+								placeholder="性别"
+								@change="onChange"
+								class="gender"
+								popupClassName="gender"
+								:getPopupContainer="
+									(triggerNode) => {
+										return triggerNode.parentNode || document.body;
+									}
+								"
+								v-model="formvalue.sex"
+								id="gender"
+								><i slot="suffixIcon" class="iconfont icon-xiala"></i
+							></a-cascader>
+						</div>
+					</li>
+
+					<li>
+						<a-cascader
+							:options="options.age"
+							placeholder="年龄"
+							@change="onChange"
+							popupClassName="agestr"
+							:getPopupContainer="
+								(triggerNode) => {
+									return triggerNode.parentNode || document.body;
+								}
+							"
+							v-model="formvalue.ageStr"
+							id="age"
+							><i slot="suffixIcon" class="iconfont icon-xiala"></i
+						></a-cascader>
+					</li>
+
+					<li class="special">
+						<div @click.stop="isspecialboxshowclick" :style="isspecialboxshow ? 'color:#ff4400' : ''">
+							<ul class="showspecial" v-if="filterObj.specialactive.length !== 0">
+								<li v-for="(item, index) in filterObj.specialactive" :key="index" @click.stop>{{ item }}<i class="iconfont icon-guanbi" @click.stop="delmark(index)"></i></li>
+							</ul>
+							<span v-if="filterObj.specialactive.length > 2">...</span>
+							<span :style="filterObj.specialactive.length > 0 ? 'color:#ff4400' : ''" v-if="filterObj.specialactive.length === 0">特色</span><i class="iconfont icon-xiala" :class="isspecialboxshow ? 'turn' : ''" :style="isspecialboxshow ? 'color:#ff4400' : ''"></i>
+						</div>
+					</li>
+					<li class="ageinputbox">
+						<a-input
+							class="ageinput"
+							placeholder="年龄,如20"
+							v-model="formvalue.ageStr"
+							type="text"
+							allow-clear
+							@input="resetAgeSearch"
+							@keyup.enter="onSearch"
+							@click.stop="
+								() => {
+									return false;
+								}
+							"
+						></a-input>
+						<div class="confirm">
+							<button @click="onSearch">确定</button>
+						</div>
+					</li>
+					<li class="claerfilter">
+						<div>
+							<a @click="claerfilter" href="javascript:;" v-show="formvalue.ageStr.length != 0 || formvalue.sex.length != 0 || formvalue.monthlyPayStr.length != 0 || filterObj.specialactive.length != 0">清空筛选条件</a>
+						</div>
+					</li>
+        </ul>-->
+				<div class="searchBox" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" outline="0" hidefocus="true">
+					<a-input placeholder="搜索职位、企业名称、年龄要求" @keyup.enter="onSearch" @input="resetsearch" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" v-model="searchValue" class="searchinput" style allow-clear>
+						<div slot="prefix" class="fsa w100" @focus.stop tabindex="0" @click.stop="visible = true">
+							<span class="dpib esl" style="width: 60px">{{ currentCity }}</span>
+							<div>
+								<i class="iconfont icon-sousuoxiala"></i>
+								<i class="iconfont icon-guanbishixin" v-show="currentCity != '全国'" @click.stop="resetCity"></i>
+							</div>
+						</div>
+						<button slot="suffix" @click="onSearch" style="border-radius: 0px 6px 6px 0">搜索</button>
+					</a-input>
+					<!-- v-show="isdownHotStoreShow" -->
+					<!-- <ul class="downHotStore" style="display: none">
+						<div>热门企业</div>
+						<li v-for="(item, index) in hotStoreList" :key="index" @click="getHotStoreList(item)">
+							{{ item.storeName }}
+						</li>
+          </ul>-->
+					<div class="hotStore">
+						<!-- <span>热门企业：</span> -->
+						<ul>
+							<li v-for="(item, index) in hotStoreList" :key="index" @click="getHotStoreList(item)">{{ item.storeName }}</li>
+							<!-- <li @click="resetResult" style="color: #aaa">重置</li> -->
+						</ul>
+					</div>
+				</div>
+				<ul class="hotTag" style="display: none">
+					<div>热门：</div>
+					<li
+						v-for="(item, index) in specialHotTag"
+						:key="index"
+						@click="specialclick(index, item)"
+						:class="{
+							active: filterObj.specialactive.indexOf(item) > -1,
+						}"
+					>
+						{{ item.name }}
+					</li>
+				</ul>
+			</div>
+		</div>
+		<!-- 面包屑 -->
+		<!-- <a-breadcrumb class="w">
+      <a-breadcrumb-item href="">
+        <router-link to="/main"><a-icon type="home" /></router-link>
+      </a-breadcrumb-item>
+      <a-breadcrumb-item href="">
+        <span>一手职位</span>
+      </a-breadcrumb-item>
+    </a-breadcrumb>-->
+		<!-- #### 主体部分 ##### -->
+		<div class="w" id="maincontent">
+			<div class="maincontentleft" v-if="!isVocational" style="padding-top: 50px">
+				<div class="tabBar" @click="changeTab($event)">
+					<div class="tabSubset" :class="{ active: signType == '' }" v-if="!hasTab" data-type="0">全部</div>
+					<div class="tabSubset" :class="{ active: signType == 1 }" v-if="loginValue.agencyName == '郑州一才工作' || loginValue.agencyName == '一才工作'" data-type="1">一才</div>
+					<!-- v-if="loginValue.agencyName == '郑州一才工作' || loginValue.agencyName == '一才工作'" -->
+					<!-- v-if="loginValue.agencyName == '郑州一才工作' || loginValue.agencyName == '一才工作'" -->
+					<!-- <div class="tabSubset" :class="{ active: signType == 2 }" data-type="2">三方</div> -->
+				</div>
+				<div class="filter" v-show="signType == ''" :class="[filterStatus == 0 ? '' : 'nobd']" style>
+					<div class="filter-title" :style="{ top: filterStatus == 0 ? '-32px' : '-21px' }">
+						<span>
+							<span>
+								所有筛选
+								<i class="iconfont icon-youjiantou"></i>
+							</span>
+							<span class="filter-show">
+								<span @click="delFilter($event, 'price')" v-show="filterObj.price">
+									{{ filterObj.price }}
+									<i class="iconfont icon-guanbi2" v-show="filterObj.price"></i>
+								</span>
+								<span @click="delFilter($event, 'gender')" v-show="filterObj.gender">
+									{{ filterObj.gender }}
+									<i class="iconfont icon-guanbi2" v-show="filterObj.gender"></i>
+								</span>
+								<span @click="delFilter($event, 'age')" v-show="filterObj.age">
+									{{ filterObj.age }}
+									<i class="iconfont icon-guanbi2" v-show="filterObj.age"></i>
+								</span>
+								<span @click="delFilter($event, 'special', item)" v-for="(item, index) in filterObj.specialactive" :key="index">
+									{{ item.name }}
+									<i class="iconfont icon-guanbi2"></i>
+								</span>
+								<i v-show="showDotted" style="line-height: 24px">...</i>
+							</span>
+						</span>
+						<span>
+							<span class="toggleFilter" @click="hideFilterContent">
+								{{ filterStatus == 0 ? "收起筛选" : "展开筛选" }}
+								<i
+									class="iconfont icon-sousuoxiala"
+									:style="{
+										transform: filterStatus == 0 ? 'rotate(180deg) scale(.6)' : '',
+									}"
+								></i>
+							</span>
+							<a-dropdown :trigger="['click']" overlayClassName="sortClass" placement="bottomRight">
+								<span class="sort">{{ sortStr }}</span>
+								<a-menu slot="overlay">
+									<a-menu-item>
+										<div class="sortMenu" :class="sortNum == 1 ? 'active' : ''" @click="sortList('price')">工价优先</div>
+									</a-menu-item>
+									<a-menu-item>
+										<div class="sortMenu" :class="sortNum == 2 ? 'active' : ''" @click="sortList('juli')">距离优先</div>
+									</a-menu-item>
+									<a-menu-item>
+										<div class="sortMenu" :class="sortNum == 3 ? 'active' : ''" @click="sortList('fuwufei')">佣金优先</div>
+									</a-menu-item>
+								</a-menu>
+							</a-dropdown>
+						</span>
+					</div>
+					<div class="filter-content" style="transition: height 0.2s">
+						<dl class="price">
+							<dt>工价：</dt>
+							<dd>
+								<div class="ageinputbox">
+									<!-- <div> -->
+									<a-input
+										class="ageinput"
+										v-model="minMonthlyPay"
+										:maxLength="5"
+										type="text"
+										allow-clear
+										prefix="￥"
+										@input="resetPriceSearch"
+										@click.stop="
+											() => {
+												return false;
+											}
+										"
+									></a-input>
+									<span class="middle-line">-</span>
+									<a-input
+										class="ageinput"
+										v-model="maxMonthlyPay"
+										:maxLength="5"
+										type="text"
+										allow-clear
+										prefix="￥"
+										@input="resetPriceSearch"
+										@click.stop="
+											() => {
+												return false;
+											}
+										"
+									></a-input>
+									<div class="confirm">
+										<button @click="searchPrice">确定</button>
+									</div>
+									<!-- </div> -->
+								</div>
+								<i @click="searchPrice">
+									<span
+										:style="{
+											color: filterObj.price == '3000-4000' ? '#ff4400' : '',
+										}"
+										>3000-4000</span
+									>
+									<span
+										:style="{
+											color: filterObj.price == '4000-5000' ? '#ff4400' : '',
+										}"
+										>4000-5000</span
+									>
+									<span
+										:style="{
+											color: filterObj.price == '5000-6000' ? '#ff4400' : '',
+										}"
+										>5000-6000</span
+									>
+									<span
+										:style="{
+											color: filterObj.price == '6000-7000' ? '#ff4400' : '',
+										}"
+										>6000-7000</span
+									>
+								</i>
+							</dd>
+						</dl>
+						<dl class="price">
+							<dt>年龄：</dt>
+							<dd>
+								<div class="ageinputbox">
+									<!-- <div> -->
+									<a-input
+										class="ageinput age"
+										v-model="minAge"
+										:maxLength="3"
+										type="text"
+										allow-clear
+										suffix="岁"
+										@input="resetAgeSearch"
+										@click.stop="
+											() => {
+												return false;
+											}
+										"
+									></a-input>
+									<span class="middle-line">-</span>
+									<a-input
+										class="ageinput age"
+										v-model="maxAge"
+										:maxLength="3"
+										type="text"
+										allow-clear
+										suffix="岁"
+										@input="resetAgeSearch"
+										@click.stop="
+											() => {
+												return false;
+											}
+										"
+									></a-input>
+									<div class="confirm">
+										<button @click="searchAge">确定</button>
+									</div>
+									<!-- </div> -->
+								</div>
+							</dd>
+						</dl>
+						<dl>
+							<dt>性别：</dt>
+							<dd @click="searchGender">
+								<span :style="{ color: filterObj.gender == '男' ? '#ff4400' : '' }">男</span>
+								<span :style="{ color: filterObj.gender == '女' ? '#ff4400' : '' }">女</span>
+								<span
+									:style="{
+										color: filterObj.gender == '男女不限' ? '#ff4400' : '',
+									}"
+									>男女不限</span
+								>
+							</dd>
+						</dl>
+						<dl>
+							<dt>分类：</dt>
+							<dd>
+								<span v-for="(item, index) in classifyList" :key="index" :class="{ 'special-active': filterObj.specialactive.indexOf(item) > -1 }" @click.stop="classifyClick(index, item)">{{ item.name }}</span>
+							</dd>
+						</dl>
+						<dl>
+							<dt>薪资福利：</dt>
+							<dd>
+								<span
+									v-for="(item, index) in tagArray1"
+									:key="index"
+									:class="{
+										'special-active': filterObj.specialactive.indexOf(item) > -1,
+									}"
+									@click.stop="specialclick(index, item)"
+									>{{ item.name }}</span
+								>
+							</dd>
+						</dl>
+						<dl>
+							<dt>宿舍保障：</dt>
+							<dd>
+								<span
+									v-for="(item, index) in tagArray3"
+									:key="index"
+									:class="{
+										'special-active': filterObj.specialactive.indexOf(item) > -1,
+									}"
+									@click.stop="specialclick(index, item)"
+									>{{ item.name }}</span
+								>
+							</dd>
+						</dl>
+						<dl>
+							<dt>班制休息：</dt>
+							<dd>
+								<span
+									v-for="(item, index) in tagArray0"
+									:key="index"
+									:class="{
+										'special-active': filterObj.specialactive.indexOf(item) > -1,
+									}"
+									@click.stop="specialclick(index, item)"
+									>{{ item.name }}</span
+								>
+							</dd>
+						</dl>
+						<dl>
+							<dt>面试特色：</dt>
+							<dd>
+								<span
+									v-for="(item, index) in tagArray4"
+									:key="index"
+									:class="{
+										'special-active': filterObj.specialactive.indexOf(item) > -1,
+									}"
+									@click.stop="specialclick(index, item)"
+									>{{ item.name }}</span
+								>
+							</dd>
+						</dl>
+						<dl>
+							<dt>其他特色：</dt>
+							<dd>
+								<span
+									v-for="(item, index) in tagArray2"
+									:key="index"
+									:class="{
+										'special-active': filterObj.specialactive.indexOf(item) > -1,
+									}"
+									@click.stop="specialclick(index, item)"
+									>{{ item.name }}</span
+								>
+							</dd>
+						</dl>
+					</div>
+				</div>
+				<div style="text-align: center">
+					<a-spin tip="加载中..." :spinning="isspinning"></a-spin>
+				</div>
+				<!-- <div
+          class="nodata"
+          v-if="jobMainList.length === 0 && isspinning === false"
+        >-->
+				<template v-if="jobMainList.length === 0 && isspinning === false">
+					<a-empty class="nodata" description="暂无符合条件的岗位" />
+				</template>
+				<!-- </div> -->
+
+				<div v-if="!isspinning">
+					<div
+						class="subset"
+						v-for="(item, index) in jobMainList"
+						:key="index"
+						:style="{
+							background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+						}"
+					>
+						<!-- v-if="signType == ''" -->
+
+						<span @click="toDetail(item)" style="cursor: pointer">
+							<div class="subsetleft" @click="totop">
+								<div class="imgbox">
+									<img v-if="item.logo.length !== 0" :src="item.logo" style="object-fit: cover; width: 156px; height: 156px" />
+									<div v-else class="default_avatar">{{ item.brandName || item.jobName }}</div>
+									<!-- <img v-else src="../../../static/img/nopicture.png" /> -->
+								</div>
+								<div class="jobinfobox">
+									<!-- <router-link
+                  target="_blank"
+                  :to="'/detail/' + item.id"
+                  rel="opener"
+                  >-->
+									<div class="jobname">{{ item.jobName }}</div>
+									<div class="xmfDiv">
+										<img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/xmfb.svg" class="" alt="" />
+										<span class="f12 ml4" style="color: #646572">{{ item.agencyName }}</span>
+									</div>
+
+									<!-- <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/ysd1.png" style="width: 20px;height: 20px;" alt=""> -->
+
+									<!-- </router-link> -->
+									<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="jobtag">
+										<!-- <span>返费</span> -->
+										<!-- <i class="iconfont icon-ziying" v-if="item.signType == 1" style></i> -->
+										<span class="hotTag" v-if="item.hotJob == 1">
+											<i class="iconfont icon-dianzan1 mr0" style="font-size: 12px"></i>
+											主推
+										</span>
+										<span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</span>
+										<span v-if="item.jobSpecialLabelNames.length == 0">暂无特色</span>
+									</div>
+									<div class="jobpricehour" v-html="getSalaryClassifyValue(item.salaryClassify, item.salaryClassifyValue)"></div>
+									<div class="jobpricemonth" v-if="item.minMonthlyPay">
+										<template v-if="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>
+									</div>
+								</div>
+							</div>
+						</span>
+						<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>-->
+								<a>
+									<button
+										type="primary"
+										class="jobDesp br4"
+										:style="{
+											background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+										}"
+										@click="toDetail(item)"
+									>
+										更多
+									</button>
+								</a>
+								<!-- </a-popover> -->
+								<button class="apply br4" @click="torecord(item)" v-if="item.recruitment == '1'">报名</button>
+								<button class="norecruitment" v-else>暂时停招</button>
+
+								<!-- <button @click="showmodal(item)" @click="">报名</button> -->
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="pagecontainer f40">
+					<a-pagination :current="+formvalue.pageNum" :default-current="1" :defaultPageSize="8" :total="formvalue.total" @change="pageChange" />
+					<div class="ant-pagination-options-quick-jumper">
+						跳至
+						<input ref="pageinput" type="text" @keyup.enter="inputpageChange" @blur="inputpageChange" />页
+					</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 zhijiaoList"
+						:key="index"
+						:style="{
+							background: '#fff',
+						}"
+					>
+						<router-link target="_blank" :to="`/detail?id=${item.id}&page=${formvalue.pageNum}&type=vocational`" rel="opener">
+							<div class="subsetleft" @click="totop">
+								<div class="imgbox">
+									<img v-if="item.logo.length !== 0" :src="item.logo" />
+									<div v-else class="default_avatar">{{ item.vocationalName || item.jobName }}</div>
+									<!-- <img v-else src="../../../static/img/nopicture.png" /> -->
+								</div>
+								<div class="jobinfobox" style="display: flex; flex-direction: column; justify-content: space-between">
+									<div>
+										<div class="jobname">{{ item.vocationalName }}</div>
+										<div class="jobinfo">
+											<span>{{ item.district || "河南省 | 郑州市 | 16-35岁" }}</span>
+											<!-- <span>{{ item.gender }}</span> -->
+										</div>
+										<div class="jobpricemonth">
+											<span style="color: #ff4d4f; background: rgba(255, 77, 79, 0.1); padding: 1px 6px"> 工作薪资：{{ item.salary }} </span>
+										</div>
+									</div>
+									<div class="jobpricehour" style="font-size: 18px">
+										学费<span class="" style="font-size: 24px">{{ item.tuition }}</span>
+										<span style="font-size: 16px"> | 课期{{ item.semester }}</span>
+									</div>
+								</div>
+							</div>
+						</router-link>
+						<div class="subsetright">
+							<div class="topContainer">
+								<div class="topbox">
+									<div>服务费</div>
+									<div>{{ item.serviceCharge }}</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}&type=vocational`" rel="opener">
+									<button
+										type="primary"
+										class="jobDesp br4"
+										:style="{
+											background: '#fff',
+										}"
+									>
+										更多
+									</button>
+								</router-link>
+								<!-- </a-popover> -->
+								<button class="apply br4" @click="showRecord(item)">立即报名</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">
+						<i>我的日历</i>
+					</h1>
+					<p
+						class="day"
+						:style="{
+							'font-size': '60px',
+							color: '#ff4400',
+							'line-height': '80px',
+							'margin-top': '8px',
+						}"
+					>
+						{{ dateinfo.day }}
+					</p>
+					<p class="week" :style="{ 'font-size': '16px', color: '#ff4400' }">{{ dateinfo.week }}</p>
+					<p class="date" :style="{ 'font-size': '16px', color: '#ff4400' }">{{ dateinfo.date }}</p>
+				</div>
+				<div class="hotphone">
+					<h1 class="bottombox" style>
+						<i>稻田客服</i>
+					</h1>
+					<!-- <div class="fcsc"> -->
+
+					<!-- <p>0371-6611 3723</p> -->
+					<img style="width: 60px; height: 60px; border-radius: 50%; display: block; margin: 24px auto 0" :src="managerInfo.avatar || 'https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/service.jpg'" alt />
+					<div style="color: #333; font-weight: 600">
+						<p class="f16" style="margin-top: 10px">
+							{{ managerInfo.name }}
+							<i class="iconfont icon-dianhua1 ml4 f14" style="line-height: 24px; color: #ff4400"></i>
+						</p>
+						<p class="f16">{{ managerInfo.workPhone || "-" }}</p>
+					</div>
+					<!-- </div> -->
+				</div>
+				<!-- <div class="relationme">
+          <p class="bottombox"><i>稻田合作</i></p>
+          <button>发布稻田</button>
+        </div>-->
+				<recommend />
+			</div>
+		</div>
+		<recordModal :show.sync="recordShow" :jobDetail="currentInfo"></recordModal>
+	</div>
+</template>
+
+<script>
+import {
+	JobListApi,
+	JobListApiYicai,
+	getJobSpecialApi,
+	getProvinceApi,
+	getHotCityApi,
+	getCityWhichHasJobApi,
+	getHotStoreApi,
+	getClassifyListApi,
+	// getCityApi,
+} from "../../api/job";
+import { getUserManagerApi } from "../../api/userinfo";
+import $ from "jquery";
+
+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: ["reload"],
+	// 组件名称
+	name: "",
+	// 局部注册的组件
+	components: {
+		recommend,
+		recordModal,
+		// recordbill,
+	},
+	// 组件参数 接收来自父组件的数据
+	props: {
+		isspecialboxshow: {
+			require: true,
+		},
+		formvalue: {
+			// type: Object,
+			require: true,
+		},
+
+		// isspinning: {
+		// 	require: true,
+		// }, // 加载中显示
+	},
+	// 组件状态值
+	data() {
+		return {
+			jobMainList: [], // 职位列表
+			zhijiaoList: [
+				// 职教列表
+				{
+					id: 0,
+					vocationalName: "电气工程师（初级班）",
+					logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job1.png",
+					tuition: "6800元",
+					serviceCharge: "2000元/人",
+					salary: "7000-9000元/月",
+					enterprise: "",
+					semester: "30天",
+					totalProfit: "2500元/人+就业分成",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景：
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：电气工程师（初级）实习期6000-8000元/月，实习期过后，7000-9000元/月。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. 电工基础课程
+2. 气动基础课程
+3. 传感器课程
+4. 西门子200SMART PLC课程
+5. ABB机器人课程
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+				{
+					id: 1,
+					vocationalName: "调试工程师（中级班）",
+					logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job2.png",
+					tuition: "11800元",
+					serviceCharge: "3000元/人",
+					salary: "8000-11000元/月",
+					enterprise: "",
+					semester: "60天",
+					totalProfit: "4000元/人+就业分成",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景：
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：调试工程师（中级）实习期7000-9000元/月，实习期过后，8000-11000元/月。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. PLC编程基础知识
+2. 编程基本指令学习
+3. 威纶通触摸屏
+4. 运动控制课程
+5. 模拟量应用课程
+6. 通信课程/绘图课程
+7. 非标设备实操课程
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+				{
+					id: 2,
+					vocationalName: "运营管理团队（高级班）",
+					logo: "https://matripe-cms.oss-cn-beijing.aliyuncs.com/zhijiao/job3.png",
+					tuition: "19800元",
+					serviceCharge: "6500元/人",
+					salary: "9000-11000元/月",
+					enterprise: "",
+					semester: "90天",
+					totalProfit: "8000元/人",
+					address: "河南省郑州市航空港区如荼路重英街交叉口南侧100米路东",
+					desp: `一、就业前景：
+1. 学习合格后，公司统一推荐到相关企业的设备安装、调试、运营维护等相关岗位。
+2. 薪酬待遇：运营/教师精英班（高级）实习期（三个月）8000-9000元/月，实习期过后9000-11000元/月，运营管理类学员孵化创业年综合收入20w。
+
+二、关于学校
+优星图教育科技是集智能制造设备的研发生产、智能工厂设计与升级改造、自动化技能人才培养培训为一体的智能制造整体解决方案供应商。双师型教师团队，先进的自动化教学设备，理论结合实操，让你用最短的时间学会最有用的技术，从而实现高质量就业！
+
+三、课程介绍
+本培养体系通过70%实操+30%理论相结合的模式掌握自动化技术，每个模块均有考核，考核通过即可推荐工作，未通过即针对性辅导，完成技术掌握。课程体系持续升级，教学内容以就业为导向，紧贴企业需求。
+
+四、课程内容：
+1. 自动化专业技能培训 5周
+2. 自动化教学技法培训 5周
+3. 线上新媒体应用培训 1周
+4. 综合素养培训 1周
+
+五、学习时间：
+周一到周六
+夏季：上午 8:30-11:30，下午 14:00-18:00，晚上 19:00-21:00 （晚自习）
+冬季：上午 8:30-11:30，下午 13:30-17:30，晚上 18:30-20:30 （晚自习）
+周日休息期间教室全天开放，可随时实操。
+
+六、招生对象
+基本要求：初中及以上学历，年龄18-35周岁；思想端正；心理和身体健康，无危害团体的传染性疾病；热爱自动化行业；服从公司安排，适应出差。
+1. 工厂中想通过学习一门技术改变自己的一线操作工；
+2. 从事自动化设备机构装配人员电控知识的扩展；
+3. 想从事自动化行业的自动化相关专业毕业生，在步入岗位前的充电学习。
+
+七、吃饭住宿
+1. 吃饭自理，住宿4-8人间，收费12-18元/天/人。预约报名缴纳300元定金送开学大礼包（被褥四件套+生活用品大礼包），独立卫生间、空调、热水器，免费洗衣机、饮水机24小时提供。
+2. 住宿期间水电费全免！
+
+八、服务流程
+报名成功----到校考察----面试合格----缴纳费用----签订协议----安排入学----学习合格----推荐就业。
+
+九、学员需提前准备的环节
+1. 换洗衣服、常用物品即可
+
+十、学习地址  
+河南省郑州市航空港区如荼路重英街交叉口南侧100米路东`,
+				},
+			],
+			recordShow: false,
+			currentInfo: {}, // 当前点击的职位信息
+			isVocational: false,
+			isLogin: false,
+			isspinning: false,
+			sortNum: 1, // 排序的标识
+			sortStr: "工价优先",
+			specialList: [], // 获取的特色列表
+			classifyList: [], // 分类列表
+			searchValue: "",
+			specialvalue: [], // 点中的特色标签
+			classifyvalue: [], // 点中的分类标签
+			filterObj: {
+				price: "", // 选中的价格搜索
+				gender: "", // 选中的性别搜索
+				specialactive: [], // 点中的特色标签索引
+			},
+			showDotted: false,
+			visible: false, // 录单模态框的展示
+			confirmLoading: false, // 录单提交的loading效果
+			cityoption: [], // 城市列表
+			hotCityList: [], // 热门城市列表
+			hasJobCityList: {}, // 有职位的城市列表
+			currentCityList: {}, // 当前首字母展示的城市列表
+			minMonthlyPay: "",
+			maxMonthlyPay: "",
+			isdownHotStoreShow: false, // 热门企业下拉显示
+			currentPage: "",
+			currentCity: "全国",
+			cityValue: "", // 城市输入框内容
+			activeInd: -1,
+			hotStoreList: [],
+			newFormValue: [],
+			apply: "", // 报名企业id
+			filterStatus: 0, // 筛选开合状态
+			filterHeight: "", // 筛选盒子高度
+			signType: 0, // 自营三方类型(0全部,1自营,2三方)
+			tagArray0: [],
+			tagArray1: [],
+			tagArray2: [],
+			tagArray3: [],
+			tagArray4: [],
+			proxyinfo: JSON.parse(localStorage.getItem("LOGIN_DATA")),
+			nationlist: nationlist,
+			specialHotTag: [],
+			loginValue: {},
+			dateinfo: {
+				day: "",
+				week: "",
+				date: "",
+			},
+
+			options: {
+				//
+				price: [
+					{
+						value: "3000-4000",
+						label: "3000-4000元",
+						uid: 1,
+					},
+					{
+						value: "4000-5000",
+						label: "4000-5000元",
+						uid: 1,
+					},
+					{
+						value: "5000-6000",
+						label: "5000-6000元",
+						uid: 1,
+					},
+					{
+						value: "6000-7000",
+						label: "6000-7000元",
+						uid: 1,
+					},
+				],
+				age: [
+					{
+						value: "16-45",
+						label: "16-45岁",
+						uid: 2,
+					},
+					{
+						value: "18-35",
+						label: "18-35岁",
+						uid: 2,
+					},
+					{
+						value: "45-58",
+						label: "45-58岁",
+						uid: 2,
+					},
+					{
+						value: "58",
+						label: "58岁以上",
+						uid: 2,
+					},
+				],
+				gender: [
+					{
+						value: "1",
+						label: "男",
+						uid: 3,
+					},
+					{
+						value: "2",
+						label: "女",
+						uid: 3,
+					},
+					{
+						value: "-1",
+						label: "男女不限",
+						uid: 3,
+					},
+				],
+			},
+			relationList: [],
+			lng: "",
+			lat: "",
+			minAge: "",
+			maxAge: "",
+			managerInfo: {},
+			hasTab: false, //判断是不是从后台来的
+		};
+	},
+	// 计算属性
+	computed: {},
+	// 侦听器
+	watch: {
+		formvalue: {
+			handler() {
+				// console.log(e);
+				// 筛选列表数据处理
+				// if (e.district !== undefined) {
+				// 	if (e.district.length === 0) {
+				// 		document.getElementById("city").style.width = 85 + "px";
+				// 	} else {
+				// 		const result = e.district.join("");
+				// console.log(result);
+				// 		if (result.length > 6) {
+				// 			document.getElementById("city").style.width = (result.length + 3) * 14 + "px";
+				// 			document.getElementById("city").style.maxWidth = "210px";
+				// 			document.querySelector("#city").nextElementSibling.style.width = (result.length + 3) * 14 + "px"; // 获取下一个兄弟元素s
+				// 			document.getElementById("city").nextElementSibling.style.maxWidth = "210px";
+				// 		} else if (result.length > 5) {
+				// 			document.getElementById("city").style.width = (result.length + 2.8) * 14 + "px";
+				// 			document.querySelector("#city").nextElementSibling.style.width = (result.length + 2.6) * 14 + "px";
+				// 		} else if (result.length > 4) {
+				// 			document.getElementById("city").style.width = (result.length + 2.4) * 14 + "px";
+				// 			document.querySelector("#city").nextElementSibling.style.width = (result.length + 2.4) * 14 + "px";
+				// 		} else {
+				// 			document.getElementById("city").style.width = (result.length + 1.5) * 14 + "px";
+				// 			document.getElementById("city").style.minWidth = 72 + "px";
+				// 			document.querySelector("#city").nextElementSibling.style.width = (result.length + 1.5) * 14 + "px";
+				// 		}
+				// 	}
+				// }
+				// 工价的判断
+				// if (e.monthlyPayStr.length == 0) {
+				// document.getElementById("price").style.width = 60 + "px";
+				// 	document.getElementById("price").style.minWidth = 60 + "px";
+				// } else {
+				// 	const result = e.monthlyPayStr.join("");
+				// 	if (result.length >= 0) {
+				// 		document.getElementById("price").style.width = "120px";
+				// 		document.getElementById("price").nextElementSibling.style.width = "130px";
+				// document.querySelector(".ant-cascader-picker-label").style.width =
+				// "150px";
+				// }
+				// }
+				// if (e.monthlyPayStr.length == 0) {
+				// 	document.getElementById("price").style.width = 60 + "px";
+				// 	document.getElementById("price").style.minWidth = 60 + "px";
+				// } else {
+				// 	const result = e.monthlyPayStr.join("");
+				// 	if (result.length >= 0) {
+				// 		document.getElementById("price").style.width = "120px";
+				// 		document.getElementById("price").nextElementSibling.style.width = "130px";
+				// 		// document.querySelector(".ant-cascader-picker-label").style.width =
+				// 		// "150px";
+				// 	}
+				// }
+				// if (e.sex.length == 0) {
+				// 	document.getElementById("gender").style.width = 60 + "px";
+				// 	document.getElementById("gender").style.minWidth = 60 + "px";
+				// } else {
+				// 	const result = e.sex.join("");
+				// 	if (result.length >= 2) {
+				// 		document.getElementById("gender").style.width = "90px";
+				// 		document.getElementById("gender").nextElementSibling.style.width = "100px";
+				// document.querySelector(".ant-cascader-picker-label").style.width =
+				// "150px";
+				// }
+				// }
+				// 年龄筛选长度的判断
+				// if (e.ageStr.length === 0) {
+				// 	document.getElementById("age").style.width = 60 + "px";
+				// } else {
+				// 	const result = e.ageStr.join("");
+				// 	if (result.length >= 0) {
+				// 		document.getElementById("age").style.width = "90px";
+				// 		document.getElementById("age").nextElementSibling.style.width = "90px";
+				// 		// document.querySelector(".ant-cascader-picker-label").style.width =
+				// 		// "150px";
+				// 	}
+				// }
+			},
+			deep: true,
+		},
+		$route: {
+			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) {
+				var arr = Object.keys(newv);
+				console.log(arr.length);
+				if (arr.length + newv.specialactive.length - 1 > 6) {
+					this.showDotted = true;
+				} else {
+					this.showDotted = false;
+				}
+			},
+			deep: true,
+		},
+		"formvalue.pageNum"(val) {
+			sessionStorage.removeItem("PAGE_TYPE");
+		},
+	},
+	// 组件
+
+	// 生命周期钩子   注：没用到的钩子请自行删除
+	/**
+	 * 组件实例创建完成，属性已绑定，但DOM还未生成，$ el属性还不存在
+	 */
+	created() {
+		// console.log(this.proxyinfo);
+		console.log(this.$route);
+
+		window.addEventListener("beforeunload", (e) => this.removePageInfo());
+		if (sessionStorage.getItem("PAGE_TYPE")) {
+			let info = JSON.parse(sessionStorage.getItem("PAGE_TYPE"));
+			this.signType = info.signType ? info.signType : "";
+			this.currentPage = info.pageNum ? info.pageNum : 1;
+		}
+
+		if (this.$route.query.tab == 1 || localStorage.getItem("hasTab")) {
+			this.signType = 1;
+			this.hasTab = true;
+			//写入session缓存
+			localStorage.setItem("hasTab", this.hasTab);
+		}
+
+		if (this.$route.query.type) {
+			if (this.$route.query.type == "vocational") {
+				this.isVocational = true;
+			}
+		}
+		if (localStorage.getItem("LOGIN_DATA")) {
+			this.isLogin = true;
+		}
+		if (this.currentPage) {
+			// console.log(this.currentPage);
+			this.formvalue.pageNum = this.currentPage;
+		}
+		if (this.signType == "") {
+			this.getJobList();
+		} else {
+			this.getJobListYicai();
+		}
+		this.getRecommendJob();
+
+		this.getJobSpecial();
+		this.getProvince();
+		this.getdateinfo();
+		this.getHotCity();
+		this.getCityWhichHasJob();
+		this.getHotStore();
+		this.getClassifyList();
+		this.getUserManager();
+		this.hideFilterContent();
+		if (isNotEmptyCheck(localStorage.getItem("POSITION_INFO"))) {
+			let position = JSON.parse(localStorage.getItem("POSITION_INFO"));
+			let diffTime = new Date().getTime() - JSON.parse(localStorage.getItem("POSITION_INFO")).timestamp;
+			if (diffTime / 3600000 > 24) {
+				this.getPosition();
+			} else {
+				this.lng = position.lng;
+				this.lat = position.lat;
+			}
+		} else {
+			this.getPosition();
+		}
+	},
+	/**
+	 * el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。
+	 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.el 也在文档内。
+	 */
+	mounted() {
+		this.loginValue = localStorage.getItem("LOGIN_DATA") !== null ? JSON.parse(localStorage.getItem("LOGIN_DATA")) : { tel: "" };
+		console.log(this.loginValue);
+	},
+	beforeDestroy() {
+		console.log("beforeDestroy");
+		// sessionStorage.removeItem("PAGE_TYPE")
+	},
+
+	destroyed() {
+		window.removeEventListener("beforeunload", (e) => this.removePageInfo(e));
+	},
+	// 组件方法
+	methods: {
+		removePageInfo() {
+			sessionStorage.removeItem("PAGE_TYPE");
+		},
+		// 处理筛选框的定位
+		// filterbox() {
+		//   return () => {
+		//     return document.getElementById("filterbox")[0];
+		//     // return document.body;
+		//   };
+		// },
+		/**
+		 * 获取登录人对应的客户经理信息
+		 */
+		getUserManager() {
+			getUserManagerApi().then(({ data }) => {
+				console.log(data);
+				this.$store.commit("setManagerInfo", data.data);
+				this.managerInfo = data.data;
+				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.data.pageBean.recordList);
+					this.fellowList = disposeJobListData(data.data.pageBean.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.pageBean.recordList);
+						this.formvalue.total = data.data.pageBean.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 {
+				let aId = "";
+
+				if (window.location.origin.indexOf("localhost:") > -1 || window.location.origin.indexOf("test.") > -1) {
+					aId = "2743";
+				} else {
+					aId = "3087";
+				}
+
+				newdata = {
+					agencyId: aId, //测试版
+					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) => {
+							if (item.jobType == 2) {
+								item["servetype"] = setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType);
+							} else {
+								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);
+			// if (typeof e === "string" || typeof e === "number") {
+			//   if (e.length !== 0) {
+			// console.log("zifuchuan ");
+			//     this.formvalue.aliasName = e;
+			//     this.getJobList();
+			//   }
+			// } else
+			console.log(typeof this.searchValue.trim());
+			// this.formvalue = {
+			//   // 筛选的上传参数
+			//   district: [], // 城镇数据
+			//   monthlyPayStr: [], // 每月工资
+			//   ageStr: '', // 年龄数据
+			//   jobSpecialLabelIds: [], // 特色标签索引
+			//   aliasName: '',
+			//   sex: [],
+			//   pageNum: 1,
+			//   pageSize: 8,
+			//   total: null, //分页配置
+			// }
+			// this.formvalue.aliasName = "";
+			this.formvalue.ageStr = "";
+			if (this.searchValue.trim() !== "") {
+				this.formvalue.pageNum = 1;
+				console.log(this.searchValue);
+				if (typeof +this.searchValue.trim() == "number" && !isNaN(+this.searchValue.trim())) {
+					this.formvalue.ageStr = this.searchValue.trim();
+					this.formvalue.keys = "";
+				} else {
+					// this.formvalue.aliasName = this.searchValue.trim();
+					this.formvalue.keys = this.searchValue.trim();
+					this.formvalue.ageStr = "";
+				}
+				// console.log("search1");
+				// this.formvalue.aliasName = this.searchValue;
+				// console.log(this.formvalue);
+
+				if (this.formvalue.signType == 1) {
+					this.getJobListYicai();
+				} else {
+					this.getJobList();
+				}
+				this.isdownHotStoreShow = false;
+			}
+
+			// this.$router.push("/list").catch((err) => {
+			// console.log(err);
+			// });
+		},
+		// 搜索工价
+		searchPrice(e) {
+			console.log(e);
+			if (e.target.nodeName == "SPAN") {
+				if (e.target.textContent == this.filterObj.price) {
+					this.formvalue.monthlyPayStr = "";
+					this.filterObj.price = "";
+				} else {
+					this.formvalue.monthlyPayStr = e.target.textContent;
+					this.filterObj.price = this.formvalue.monthlyPayStr;
+				}
+
+				this.getJobList();
+			} else if (e.target.nodeName == "BUTTON") {
+				console.log(this.minMonthlyPay);
+				console.log(this.maxMonthlyPay);
+				if (this.minMonthlyPay.length != 0 && this.maxMonthlyPay.length != 0 && typeof +this.minMonthlyPay == "number" && typeof +this.maxMonthlyPay == "number" && !isNaN(+this.minMonthlyPay) && !isNaN(+this.maxMonthlyPay)) {
+					this.formvalue.monthlyPayStr = this.minMonthlyPay + "-" + this.maxMonthlyPay;
+					this.filterObj.price = this.formvalue.monthlyPayStr;
+					this.getJobList();
+				}
+			}
+		},
+		/**
+		 * 搜索年龄
+		 */
+		searchAge() {
+			console.log(this.minAge);
+			console.log(this.maxAge);
+			if (this.minAge.length != 0 && this.maxAge.length != 0 && typeof +this.minAge == "number" && typeof +this.maxAge == "number" && !isNaN(+this.minAge) && !isNaN(+this.maxAge)) {
+				let list = [this.minAge, this.maxAge];
+				list.sort(function (a, b) {
+					return a - b;
+				});
+				console.log(list);
+				this.formvalue.ageRangeStr = list[0] + "-" + list[1];
+				this.filterObj.age = this.formvalue.ageRangeStr;
+				console.log(this.filterObj.age);
+				this.getJobList();
+			}
+		},
+		// 搜索性别
+		searchGender(e) {
+			console.log(e);
+			if (e.target.tagName == "SPAN") {
+				if (e.target.textContent == "男") {
+					if (this.filterObj.gender == "男") {
+						this.filterObj.gender = "";
+						this.formvalue.sex = "";
+					} else {
+						this.filterObj.gender = "男";
+						this.formvalue.sex = 1;
+					}
+				} else if (e.target.textContent == "女") {
+					if (this.filterObj.gender == "女") {
+						this.filterObj.gender = "";
+						this.formvalue.sex = "";
+					} else {
+						this.filterObj.gender = "女";
+						this.formvalue.sex = 2;
+					}
+				} else {
+					if (this.filterObj.gender == "男女不限") {
+						this.filterObj.gender = "";
+						this.formvalue.sex = "";
+					} else {
+						this.filterObj.gender = "男女不限";
+						this.formvalue.sex = -1;
+					}
+				}
+				this.getJobList();
+			}
+		},
+		// 获取职位特色
+		getJobSpecial() {
+			// var timestamp = new Date().getTime();
+			console.log(new Date().getTime() - JSON.parse(localStorage.getItem("SPECIALLIST")));
+			console.log(new Date(new Date().getTime() - JSON.parse(localStorage.getItem("SPECIALLIST"))));
+			if (isNotEmptyCheck(localStorage.getItem("SPECIALLIST"))) {
+				let diffTime = new Date().getTime() - JSON.parse(localStorage.getItem("SPECIALLIST")).timestamp;
+				if (diffTime / 3600000 > 2) {
+					console.log("======================", "needRequest");
+					this.getJobSpecialList().then((res) => {
+						this.specialList = res;
+						this.specialList.forEach((item) => {
+							if (item.typeClassify == "0") {
+								this.tagArray0.push(item);
+							} else if (item.typeClassify == "1") {
+								this.tagArray1.push(item);
+							} else if (item.typeClassify == "2") {
+								this.tagArray2.push(item);
+							} else if (item.typeClassify == "3") {
+								this.tagArray3.push(item);
+							} else if (item.typeClassify == "4") {
+								this.tagArray4.push(item);
+							}
+							if (item.name == "大龄工" || item.name == "暑假工" || item.name == "长白班") {
+								this.specialHotTag.push(item);
+							}
+						});
+					});
+				} else {
+					this.specialList = JSON.parse(localStorage.getItem("SPECIALLIST")).data;
+					console.log(diffTime);
+					this.specialList.forEach((item) => {
+						if (item.typeClassify == "0") {
+							this.tagArray0.push(item);
+						} else if (item.typeClassify == "1") {
+							this.tagArray1.push(item);
+						} else if (item.typeClassify == "2") {
+							this.tagArray2.push(item);
+						} else if (item.typeClassify == "3") {
+							this.tagArray3.push(item);
+						} else if (item.typeClassify == "4") {
+							this.tagArray4.push(item);
+						}
+						if (item.name == "大龄工" || item.name == "暑假工" || item.name == "长白班") {
+							this.specialHotTag.push(item);
+						}
+					});
+				}
+			} else {
+				this.getJobSpecialList().then((res) => {
+					this.specialList = res;
+					this.specialList.forEach((item) => {
+						if (item.typeClassify == "0") {
+							this.tagArray0.push(item);
+						} else if (item.typeClassify == "1") {
+							this.tagArray1.push(item);
+						} else if (item.typeClassify == "2") {
+							this.tagArray2.push(item);
+						} else if (item.typeClassify == "3") {
+							this.tagArray3.push(item);
+						} else if (item.typeClassify == "4") {
+							this.tagArray4.push(item);
+						}
+						if (item.name == "大龄工" || item.name == "暑假工" || item.name == "长白班") {
+							this.specialHotTag.push(item);
+						}
+					});
+				});
+			}
+			this.$nextTick(() => {
+				let fileterContent = document.querySelector(".filter-content");
+				this.filterHeight = fileterContent.scrollHeight;
+				// fileterContent.style.height = this.filterHeight + "px";
+			});
+		},
+		// 改变自营三方类型
+		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.getJobList();
+				}
+			}
+		},
+		async getJobSpecialList() {
+			const { data } = await getJobSpecialApi();
+			console.log(data);
+			if (data.status == 200) {
+				let container = {
+					data: data.data,
+					timestamp: new Date().getTime(),
+				};
+				// console.log(container.timestamp);
+				localStorage.setItem("SPECIALLIST", JSON.stringify(container));
+				return data.data;
+			}
+		},
+		// 获取省份列表
+		async getProvince() {
+			// const that = this;
+			try {
+				const { data } = await getProvinceApi();
+				// console.log(data);
+				data.data.pop();
+				this.cityoption = data.data;
+
+				// console.log(this.cityoption);
+				// console.log(data);
+			} catch (error) {
+				// console.log(error);
+			}
+		},
+		// 筛选职位
+		onChange() {
+			// console.log(e);
+			// console.log(item);
+			// console.log(this.formvalue);
+			// if (item) {
+			// 	if (item.uid === 1) {
+			// console.log(1);
+			// 		this.formvalue.monthlyPayStr = item[0];
+			// 	} else if (item.uid === 2) {
+			// 		this.formvalue.ageStr = item[0];
+			// 	} else if (item[0].id) {
+			// console.log(e.join());
+			// 		this.formvalue.district = e;
+			// 	} else
+			// if (item[0].uid == 3){
+			// 		this.formvalue.sex = item[0].value;
+
+			//   }
+			// }
+			this.getJobList();
+		},
+		pageChange(e) {
+			console.log(e);
+			this.formvalue.pageNum = e;
+			this.$refs.pageinput.value = "";
+			if (this.signType == 1) {
+				this.getJobListYicai();
+			} else {
+				this.getJobList();
+			}
+		},
+		inputpageChange(e) {
+			const pagenumcount = this.formvalue.total / this.formvalue.pageSize;
+			// console.log(pagenumcount);
+			if (e.target.value) {
+				if (e.target.value > pagenumcount) {
+					this.formvalue.pageNum = Math.ceil(pagenumcount);
+				} else {
+					this.formvalue.pageNum = e.target.value;
+				}
+			} else {
+				this.formvalue.pageNum = 1;
+			}
+			this.getJobList();
+			// console.log(e);
+		},
+		handleChange() {},
+		claerfilter() {
+			const { pageNum, pageSize, total } = this.formvalue;
+			// this.formvalue = {  // 改变引用地址不会使vue侦听到数据的变化,
+			//   district: [],
+			//   monthlyPayStr: [],
+			//   ageStr: [],
+			//   jobSpecialLabelIds: [],
+			//   pageNum,
+			//   pageSize,
+			//   total, //分页配置
+			// };
+			this.formvalue.district = [];
+			this.formvalue.monthlyPayStr = [];
+			this.formvalue.ageStr = "";
+			this.formvalue.jobSpecialLabelIds = [];
+			this.formvalue.aliasName = "";
+			this.formvalue.cityName = "";
+			this.formvalue.sex = [];
+			this.formvalue.levelType = "";
+			this.formvalue.hotStoreId = "";
+			this.currentCity = "全国";
+			this.formvalue.pageNum = pageNum;
+			this.formvalue.pageSize = pageSize;
+			this.formvalue.total = total;
+			// console.log(this.formvalue);
+			this.filterObj.specialactive = [];
+			this.specialvalue = [];
+			this.getJobList();
+		},
+		specialclick(index, item) {
+			// console.log(item);
+			// console.log(index);
+			let arrIndex = this.filterObj.specialactive.indexOf(item);
+			if (arrIndex > -1) {
+				this.filterObj.specialactive.splice(arrIndex, 1);
+				this.specialvalue.splice(arrIndex, 1);
+			} else {
+				this.filterObj.specialactive.push(item);
+				this.specialvalue.push(item.id);
+			}
+			this.formvalue.jobSpecialLabelIds = this.specialvalue;
+			// console.log(this.filterObj.specialactive);
+			this.getJobList();
+			// console.log(this.specialvalue);
+			// console.log(this.formvalue);
+			// console.log(index);
+		},
+		classifyClick(index, item) {
+			let arrIndex = this.filterObj.specialactive.indexOf(item);
+			if (arrIndex > -1) {
+				this.filterObj.specialactive.splice(arrIndex, 1);
+				this.classifyvalue.splice(arrIndex, 1);
+			} else {
+				this.filterObj.specialactive.push(item);
+				this.classifyvalue.push(item.id);
+			}
+			this.formvalue.jobCategoryLabelIds = this.classifyvalue;
+			// console.log(this.filterObj.specialactive);
+			this.getJobList();
+		},
+		isspecialboxshowclick() {
+			this.$emit("update:isspecialboxshow", !this.isspecialboxshow);
+		},
+		totop() {
+			// console.log(window);
+			document.body.scrollTop = 0;
+			document.documentElement.scrollTop = 0;
+			// window.body.scrollY = 0;
+		},
+		moneyToFixed(value) {
+			// console.log(value);
+			return moneyToFixed(value);
+		},
+		// 重置搜索结果
+		resetsearch(e) {
+			// console.log(e);
+			if (e.target.value.length === 0) {
+				this.formvalue.aliasName = "";
+				this.formvalue.keys = "";
+				this.formvalue.ageStr = "";
+				console.log("this.formvalue", this.formvalue);
+				if (this.formvalue.signType == 1) {
+					this.getJobListYicai();
+				} else {
+					this.getJobList();
+				}
+			}
+			// this.$router.push("/list").catch((err) => {
+			// console.log(err);
+			// });
+		},
+		delFilter(e, value, items) {
+			console.log(e);
+			console.log(items);
+			if (value == "price") {
+				this.filterObj.price = "";
+				this.formvalue.monthlyPayStr = "";
+				this.minMonthlyPay = "";
+				this.maxMonthlyPay = "";
+			} else if (value == "gender") {
+				this.filterObj.gender = "";
+				this.formvalue.sex = "";
+			} else if (value == "age") {
+				this.filterObj.age = "";
+				this.formvalue.ageRangeStr = "";
+				this.minAge = "";
+				this.maxAge = "";
+			} else {
+				this.filterObj.specialactive.splice(this.filterObj.specialactive.indexOf(items), 1);
+				if (this.classifyvalue.indexOf(items.id) != -1) {
+					this.classifyvalue.splice(this.classifyvalue.indexOf(items.id), 1);
+					this.formvalue.jobCategoryLabelIds = this.classifyvalue;
+				} else {
+					this.specialvalue.splice(this.specialvalue.indexOf(items.id), 1);
+					this.formvalue.jobSpecialLabelIds = this.specialvalue;
+				}
+
+				// if(this.filterObj.specialactive.indexOf(items) > -1){
+				// }
+			}
+			this.getJobList();
+		},
+		resetPriceSearch(e) {
+			// console.log(e.target.value);
+			// console.log(+e.target.value);
+			if (this.minMonthlyPay.length == 0 && this.maxMonthlyPay.length == 0) {
+				this.formvalue.monthlyPayStr = "";
+				this.filterObj.price = "";
+				this.getJobList();
+			} else if (typeof +e.target.value != "number" || isNaN(+e.target.value)) {
+				this.$message.warning("请输入正确的价格");
+			}
+		},
+		resetAgeSearch(e) {
+			console.log(this.minAge);
+			console.log(this.maxAge);
+			if (this.minAge.length == 0 && this.maxAge.length == 0) {
+				this.formvalue.ageRangeStr = "";
+				this.filterObj.age = "";
+				this.getJobList();
+			} else if (typeof +e.target.value != "number" || isNaN(+e.target.value)) {
+				this.$message.warning("请输入正确的价格");
+			}
+		},
+		cityModalClose() {
+			// 城市选择弹出框关闭
+			this.cityValue = "";
+			this.searchCity();
+		},
+
+		// 获取日期信息
+		getdateinfo() {
+			const date = new Date();
+			// console.log(date);
+			// console.log(date.getDate());
+			// console.log(date.getDay());
+			// console.log(date.getFullYear());
+			// console.log(date.getMonth());
+			if (date.getDay() === 1) {
+				this.dateinfo.week = "星期一";
+			} else if (date.getDay() === 2) {
+				this.dateinfo.week = "星期二";
+			} else if (date.getDay() === 3) {
+				this.dateinfo.week = "星期三";
+			} else if (date.getDay() === 4) {
+				this.dateinfo.week = "星期四";
+			} else if (date.getDay() === 5) {
+				this.dateinfo.week = "星期五";
+			} else if (date.getDay() === 6) {
+				this.dateinfo.week = "星期六";
+			} else if (date.getDay() === 7) {
+				this.dateinfo.week = "星期日";
+			}
+			// console.log(date.getDate());
+			// console.log(date.getDate().length);
+			if (date.getDate().toString().length <= 1) {
+				this.dateinfo.day = "0" + date.getDate();
+				// console.log(this.dateinfo.day);
+			} else {
+				this.dateinfo.day = date.getDate();
+				// console.log(this.dateinfo.day);
+			}
+			this.dateinfo.date = date.getFullYear() + "." + (date.getMonth() + 1);
+		},
+		// delmark(index) {
+		// 	// console.log(index);
+		// 	this.specialactive.splice(index, 1);
+		// 	this.specialvalue.splice(index, 1);
+		// 	this.getJobList();
+		// },
+		torecord(item) {
+			// 跳转到路由新页面的方法
+			// console.log(item);
+			// let userinfo = JSON.stringify(item);
+			sessionStorage.setItem("PAGE_TYPE", JSON.stringify({ id: item.id, pageNum: this.formvalue.pageNum, signType: this.signType, jobClassify: item.jobClassify }));
+
+			if (this.signType == "") {
+				this.$router.push({ name: "recordbill", params: item });
+				sessionStorage.setItem("CURRENT_FIRM", JSON.stringify(item));
+			} else if (this.signType == "1") {
+				this.$router.push({ name: "recordbillYicai", params: item });
+				sessionStorage.setItem("CURRENT_FIRM_YICAI", JSON.stringify(item));
+			}
+		},
+		getSalaryClassifyValue(salaryClassify, salaryClassifyValue) {
+			return getSalaryClassifyValue(salaryClassify, salaryClassifyValue);
+		},
+		async getHotCity() {
+			try {
+				const { data } = await getHotCityApi();
+				// console.log(data);
+				if (data.status == 200) {
+					this.hotCityList = data.data;
+					this.currentCityList = this.hotCityList;
+				}
+			} catch (error) {
+				// console.log(error);
+			}
+		},
+		async getCityWhichHasJob() {
+			try {
+				const { data } = await getCityWhichHasJobApi();
+				console.log(data);
+				if (data.status == 200) {
+					let pinyinList = [];
+					data.data.forEach((item) => {
+						if (pinyinList.indexOf(item.firstLetter) == -1) {
+							pinyinList.push(item.firstLetter);
+						}
+					});
+					pinyinList.sort(); // 拼音首字母排序
+					let firstList = [];
+					let cityList = [];
+					let num = -1;
+
+					pinyinList.forEach((item, i) => {
+						if (i % 5 == 0) {
+							num++;
+							firstList[num] = [];
+						}
+						firstList[num].push(item);
+					});
+					firstList.forEach((item, i) => {
+						cityList[i] = [];
+
+						item.forEach((item1) => {
+							data.data.forEach((item2) => {
+								if (item2.firstLetter == item1) {
+									cityList[i].push(item2);
+								}
+							});
+						});
+					});
+					this.hasJobCityList.firstList = firstList;
+					this.hasJobCityList.cityList = cityList;
+				}
+			} catch (error) {
+				// console.log(error);
+			}
+		},
+		async getHotStore() {
+			try {
+				const { data } = await getHotStoreApi();
+				// console.log(data);
+				if (data.status == 200) {
+					let middle = [];
+					this.hotStoreList = data.data;
+					this.hotStoreList.forEach((item, index) => {
+						if (index <= 4) {
+							middle.push(item);
+						}
+					});
+					this.hotStoreList = middle;
+					// console.log(this.hotStoreList);
+				}
+			} catch (error) {
+				// console.log(error);
+			}
+		},
+		async getClassifyList() {
+			try {
+				const { data } = await getClassifyListApi();
+				console.log(data);
+				if (data.status == 200) {
+					console.log(data);
+					this.classifyList = data.data.labels;
+					this.$nextTick(() => {
+						let fileterContent = document.querySelector(".filter-content");
+						if (isNotEmptyCheck(fileterContent.scrollHeight)) {
+							this.filterHeight = fileterContent.scrollHeight;
+						}
+						// fileterContent.style.height = this.filterHeight + "px";
+					});
+				}
+			} catch (error) {
+				// console.log(error);
+			}
+		},
+		changeCurrentCity(index) {
+			this.currentCityList = this.hasJobCityList.cityList[index];
+			// console.log(index);
+		},
+		searchCity() {
+			this.currentCityList = [];
+			if (this.cityValue) {
+				this.hotCityList.forEach((item) => {
+					// console.log(item);
+					// console.log(item.name.indexOf(this.cityValue));
+					if (item.name.indexOf(this.cityValue) > -1) {
+						// console.log(123);
+						this.currentCityList.push(item);
+					}
+				});
+			}
+			if (this.currentCityList.length == 0) {
+				this.currentCityList = this.hotCityList;
+			}
+		},
+		resetCityList(e) {
+			if (e.target.value.length === 0) {
+				this.cityValue = "";
+				this.currentCityList = this.hotCityList;
+			}
+		},
+		searchJob(item) {
+			// console.log(item);
+			if (item.levelType == 1) {
+				this.formvalue.cityName = "";
+				this.formvalue.provinceName = item.name;
+			} else {
+				this.formvalue.provinceName = "";
+				this.formvalue.cityName = item.name;
+			}
+			this.formvalue.levelType = item.levelType;
+			this.currentCity = item.name;
+			// this.getJobList();
+			this.visible = false;
+      console.log('this.formvalue.signType',this.formvalue.signType);
+			if (this.signType != 0) {
+				this.getJobListYicai();
+			} else {
+				this.getJobList();
+			}
+		},
+		getHotStoreList(item) {
+			// console.log(item);
+			this.searchValue = item.storeName;
+			this.formvalue.keys = item.storeName;
+
+			this.isdownHotStoreShow = false;
+			// this.formvalue.hotStoreId = item.storeId;
+			this.getJobList();
+		},
+		resetResult() {
+			this.formvalue.cityName = "";
+			this.formvalue.levelType = "";
+			this.formvalue.hotStoreId = "";
+			this.currentCity = "全国";
+			// console.log(this.formvalue);
+			// this.getJobList();
+			if (this.formvalue.signType != 0) {
+				this.getJobListYicai();
+			} else {
+				this.getJobList();
+			}
+		},
+		copyText(event, ind) {
+			// 复制文本内容
+			var clipboard = new Clipboard(".copy" + ind, {
+				// .copy 是点击的触发元素
+				target: function () {
+					// 通过target指定要复印的节点
+					return document.querySelector(".copyInfo" + ind); // .copyInfo 是要复制的目标内容
+				},
+			});
+			// console.log(clipboard);
+			// if(){
+
+			// }
+			clipboard.on("success", () => {
+				// success 是成功的回调 success => error 可以捕获复制失败的异常信息
+				// console.log(123);
+				// console.log(e);
+				this.$message.success("复制成功");
+				clipboard.destroy();
+			});
+		},
+		showHotStore() {
+			// 显示热门企业下拉
+			// console.log("isinner");
+			this.isdownHotStoreShow = true;
+		},
+		hidedownHotStore() {
+			// console.log("isdown");
+			this.isdownHotStoreShow = false;
+		},
+		resetCity() {
+			// 重置当前城市
+			this.currentCity = "全国";
+			this.formvalue.cityName = "";
+			this.formvalue.levelType = "";
+			this.formvalue.provinceName = "";
+			// this.getJobList();
+			if (this.formvalue.signType != 0) {
+				this.getJobListYicai();
+			} else {
+				this.getJobList();
+			}
+		},
+		/**
+		 * 前往详情页
+		 */
+		toDetail(item) {
+			// :to="signType == '' ? '/detail?id=' + item.id + '&page=' + formvalue.pageNum : '/detailYicai?id=' + item.id + '&page=' + formvalue.pageNum"
+			sessionStorage.setItem("PAGE_TYPE", JSON.stringify({ id: item.id, pageNum: this.formvalue.pageNum, signType: this.signType, jobClassify: item.jobClassify }));
+
+			const routeURL = this.$router.resolve({
+				name: this.signType == "" ? "Detail" : "DetailYicai",
+				// query: item.id,
+			});
+			window.open(routeURL.href, "_blank");
+			console.log(item);
+		},
+		hideFilterContent() {
+			setTimeout(() => {
+				let fileterContent = document.querySelector(".filter-content");
+				// console.log(fileterContent)
+				// fileterContent.style.transition = 'all .2s'
+				if (this.filterStatus == 0) {
+					console.log("is in the 0 zone");
+					this.filterStatus = 1;
+					fileterContent.style.height = "0px";
+				} else {
+					console.log("is in the 1 zone");
+
+					this.filterStatus = 0;
+					fileterContent.style.height = this.filterHeight + "px";
+				}
+			}, 0);
+		},
+		/**
+		 * 获取当前位置信息
+		 *
+		 *
+		 */
+		getPosition() {
+			let that = this;
+			$.ajax({
+				url: "https://restapi.amap.com/v3/ip?key=44c6ad3624a5957505fec66f6bdd6110",
+				// type: "GET",
+				dataType: "JSONP",
+				success: function (data) {
+					console.log(data);
+					let position = data.rectangle.split(";");
+					console.log(position);
+					var lng1;
+					var lng2;
+					position.forEach((item, index) => {
+						if (index == 0) {
+							lng1 = item.split(",");
+						} else if (index == 1) {
+							lng2 = item.split(",");
+						}
+					});
+
+					that.lng = (+lng1[0] + +lng2[0]) / 2;
+					that.lat = (+lng1[1] + +lng2[1]) / 2;
+					localStorage.setItem("POSITION_INFO", JSON.stringify({ lng: that.lng, lat: that.lat, timestamp: new Date().getTime() }));
+					//      lng: '',
+					// lat: '',
+					// let code = cityList.find((item) => {
+					//   return item.city == data.city
+					// }).code
+				},
+			});
+		},
+		sortList(type) {
+			console.log(type);
+			this.formvalue.lng = "";
+			this.formvalue.lat = "";
+			if (type == "juli") {
+				this.formvalue.sortTag = 2;
+				this.sortNum = 2;
+				this.sortStr = "距离优先";
+				this.formvalue.lng = this.lng;
+				this.formvalue.lat = this.lat;
+			} else if (type == "fuwufei") {
+				this.sortNum = 3;
+				this.sortStr = "佣金优先";
+				this.formvalue.sortTag = 3;
+			} else if (type == "price") {
+				this.sortNum = 1;
+				this.sortStr = "工价优先";
+				this.formvalue.sortTag = 1;
+			}
+			this.getJobList();
+		},
+
+		/**
+		 * 职教职培报名点击
+		 */
+		showRecord(info) {
+			console.log(info);
+			this.currentInfo = info;
+			this.recordShow = true;
+			// window.open(`https://jinshuju.net/f/ohFOxo?x_field_1=${this.currentInfo.vocationalName}&background=white&banner=show&embedded=true&inner_redirect=false`);
+			// console.log("this.recordShow", this.recordShow);
+			// console.log("this.currentInfo", this.currentInfo);
+		},
+	},
+};
+</script>
+
+<style scoped lang="less">
+.joblist-container {
+	background-color: #fff;
+}
+// .dropdown {
+// 	display: inline-block;
+// 	width: 100px;
+// 	height: 32px;
+// 	line-height: 30px;
+// 	font-size: 16px;
+// 	// border: 1px solid rgba(77, 87, 94, 0.3);
+// 	border-radius: 4px;
+// 	margin-left: 16px;
+// 	border: 1px solid #ff4400;
+// 	background-color: #fff;
+// 	color: rgba(255, 106, 0, 1);
+// 	text-align: center;
+// 	cursor: pointer;
+// 	&:hover {
+// 		color: #fff;
+
+// 		background-color: #ff791a;
+// 	}
+// }
+/deep/ .ant-drawer-content {
+	box-sizing: border-box;
+}
+// 录单模态框样式
+/deep/ .ant-drawer-wrapper-body {
+	// overflow: none;
+	// position: relative;
+	&::-webkit-scrollbar {
+		/*滚动条整体样式*/
+		width: 0px; /*高宽分别对应横竖滚动条的尺寸*/
+		height: 4px;
+	}
+
+	.ant-drawer-header {
+		position: absolute;
+		width: 100%;
+		background-color: #fff;
+		padding: 12px 24px;
+		z-index: 999;
+		.ant-drawer-close {
+			height: 48px;
+			width: 48px;
+			line-height: 48px;
+		}
+	}
+	.ant-drawer-body {
+		overflow-y: auto;
+		margin-top: 47px;
+	}
+}
+
+/deep/ .ant-form {
+	// overflow: auto;
+	margin-bottom: 50px;
+}
+
+/deep/ .ant-form-item {
+	// margin-bottom: 0;
+	display: flex;
+	justify-content: start;
+	align-items: middle;
+	margin-top: -8px;
+	.ant-form-item-label {
+		line-height: 40px;
+		// font-weight: bold;
+	}
+
+	.ant-input {
+		// width: 430px;
+		height: 40px;
+		// border: none;
+		border: 1px solid #dddddd;
+		box-shadow: none !important;
+		// background-color: #f6f6f6;
+	}
+	.ant-select-selection__rendered,
+	.ant-select-selection--single,
+	.ant-select {
+		height: 40px;
+		// border: none;
+		// border: 1px solid #dddddd;
+		line-height: 40px;
+		box-shadow: none !important;
+		border-color: #d9d9d9;
+		/deep/ .ant-form-item-children {
+			line-height: 40px;
+			// .ant-radio-checked {
+			// }
+			// display: flex !important;
+		}
+		// &:hover {
+		//   border-color: #d9d9d9;
+		// }
+		// &:focus {
+		//   border-color: #d9d9d9;
+		// }
+		// &:active {
+		//   border-color: #d9d9d9;
+		// }
+	}
+}
+// /deep/ .ant-modal-footer {
+//   padding: 10px 24px;
+//   .ant-btn {
+//     box-shadow: none;
+//     &:hover {
+//       color: #ff4400;
+//       border-color: #ff4400;
+//     }
+//   }
+//   .ant-btn.ant-btn-primary {
+//     background-color: #ff4400 !important;
+//     border: none;
+//     line-height: 32px;
+//     margin-left: 12px;
+//     color: #fff;
+//     box-shadow: none;
+//     &:hover {
+//       background-color: #ff8025 !important;
+//     }
+//   }
+// }
+/deep/ .ant-modal-header {
+	.ant-modal-title {
+		font-size: 20px;
+		// font-weight: normal;
+	}
+}
+/deep/ .ant-drawer-body {
+	overflow: auto;
+	padding: 20px 16px 8px 16px;
+}
+
+/deep/ .navigation {
+	// margin-top: -1px;
+	width: 100vw;
+	padding: 25px 0 64px 0;
+	background-color: #fff;
+	// border: 1px solid #f6f6f6;
+	// height: 72px;
+	// margin-bottom: 10px;
+	// line-height: 100px;
+
+	position: relative;
+	z-index: 9;
+	.special-active {
+		color: rgb(254, 97, 0) !important;
+		background-color: rgba(255, 106, 0, 0.1) !important;
+	}
+	.ant-cascader-picker-focused {
+		input {
+			transition: all 0.3s;
+		}
+		input::placeholder {
+			color: rgb(255, 106, 0) !important;
+		}
+		i {
+			color: rgb(255, 106, 0) !important;
+		}
+	}
+	> .w {
+		// height: 72px;
+		background-color: #fff;
+		display: flex;
+		justify-content: end;
+		// flex-direction: column;
+		.icon {
+			width: 90px;
+			height: auto;
+			margin-top: 6px;
+		}
+		.searchBox {
+			position: relative;
+			// margin-left: 100px;
+			width: 757px;
+			margin-right: 256px;
+			line-height: 44px;
+			z-index: 10;
+			.hotStore {
+				position: absolute;
+				top: 46px;
+				left: 0px;
+				line-height: 24px;
+				// margin: 8px 0 12px 0;
+				font-size: 14px;
+				display: flex;
+				> span {
+					width: 80px;
+				}
+				ul {
+					display: flex;
+					flex-wrap: wrap;
+					flex: 1;
+					li {
+						color: #ff4400;
+						margin-right: 20px;
+						overflow: hidden;
+						cursor: pointer;
+						&:hover {
+							color: #ff8f3f;
+						}
+						&:active {
+							color: #e24f00;
+						}
+						// &:nth-child(-n + 5) {
+						// 	display: none;
+						// }
+					}
+				}
+			}
+			.downHotStore {
+				position: absolute;
+				width: 685px;
+				top: 44px;
+				left: 0;
+				z-index: 99;
+				// border-radius: 8px;
+				background-color: #fff;
+				border: 1px solid #eee;
+				div {
+					padding: 0 12px;
+				}
+				li {
+					height: 42px;
+					line-height: 42px;
+					padding: 0 12px;
+					font-size: 14px;
+					cursor: pointer;
+					&:hover {
+						color: #ff4400;
+					}
+				}
+				li:not(:last-child) {
+					border-bottom: 1px solid #eee;
+				}
+			}
+		}
+		.searchinput {
+			// margin-top: 19px;
+			// margin-right: 285px;
+			// width: 685px;
+			// height: 44px;
+			&.ant-input-affix-wrapper {
+				// width: 772px;
+				position: relative;
+				.ant-input-prefix {
+					position: absolute;
+					height: 86%;
+					width: 80px;
+					left: 4px;
+					top: 50%;
+					padding: 0 8px;
+					background-color: #fff;
+					transform: translateY(-50%);
+					cursor: pointer;
+					&::after {
+						content: "";
+						position: absolute;
+						width: 1px;
+						height: 50%;
+						background-color: #eee;
+						right: 0px;
+						top: 50%;
+						transform: translateY(-50%);
+					}
+					> div {
+						position: relative;
+						&:hover .icon-guanbishixin {
+							opacity: 1;
+						}
+						&:hover {
+							opacity: 0.6;
+						}
+						> span {
+							display: inline-block;
+							text-align: center;
+							user-select: none;
+							width: 60px;
+						}
+						i {
+							display: inline-block;
+							transform: scale(0.6);
+							transition: opacity 0.1s;
+							font-size: 12px;
+							color: #c5c5c5;
+						}
+						.icon-guanbishixin {
+							position: absolute;
+							right: 0;
+							top: 3px;
+							opacity: 0;
+							transform: scale(1.4);
+						}
+					}
+				}
+				.ant-input-suffix {
+					right: 0px !important;
+					.ant-input-clear-icon {
+						margin-right: 20px;
+						width: 1.5em !important;
+						height: 1.5em !important;
+						> svg {
+							width: 100%;
+							height: 100%;
+						}
+					}
+				}
+			}
+			> .ant-input {
+				height: 40px;
+				text-indent: 60px;
+				background: #fff;
+				border: 2px solid #ff4400;
+				border-radius: 6px;
+				box-shadow: 0px 2px 4px 0px transparent;
+				font-size: 14px !important;
+				padding-right: 0;
+				// border-color: #e9e9e9;
+				&::placeholder {
+					// text-indent: 30px;
+					font-size: 14px !important;
+				}
+				&:hover {
+					border-color: #ff6933;
+					box-shadow: none;
+				}
+				&:focus {
+					border-color: #ff6933;
+				}
+			}
+			button {
+				width: 80px;
+				height: 40px;
+				color: white;
+				background: #ff4400;
+				border-color: #ff4400;
+				border: none;
+				// border-radius: 999px;
+				font-size: 16px;
+				box-shadow: none;
+				cursor: pointer;
+				outline: none;
+				&:hover {
+					background-color: rgba(255, 68, 0, 0.8);
+				}
+				// &:focus {
+				//   border: none;
+				// }
+			}
+		}
+		.specialbox {
+			position: absolute;
+			border-bottom: 1px solid #f6f6f6;
+			box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
+			// display: ;
+			transition: all 0.4s;
+			left: 0;
+			top: 45px;
+			width: 100vw;
+			background-color: #fff;
+			z-index: 99;
+			ul {
+				overflow: hidden;
+				padding: 20px 0 8px 0;
+				li {
+					padding: 4px 16px;
+					margin: 0px 16px 12px 0;
+					cursor: pointer;
+					float: left;
+					background: rgba(216, 216, 216, 0.3);
+					// border-radius: 15px;
+					font-size: 14px;
+					color: #4d575e;
+					line-height: 22px;
+					&:hover {
+						color: rgb(254, 97, 0);
+						background-color: rgba(255, 106, 0, 0.1);
+					}
+				}
+			}
+		}
+
+		.filterbox {
+			display: flex;
+			justify-content: flex-start;
+			min-width: 664px;
+			> li {
+				// margin-top: 22px;
+				font-size: 14px;
+				color: #4d575e;
+				margin-right: 4px;
+				line-height: 44px;
+				.ant-cascader-picker {
+					width: auto;
+					position: relative;
+					transform: translateY(-2px);
+					.anticon-close-circle {
+						font-size: 14px;
+					}
+					.icon-xiala {
+						font-size: 12px;
+						transform: translateY(1px) scale(0.5);
+					}
+					.ant-cascader-input {
+						width: 60px;
+						height: 40px;
+						// line-height: 40px;
+						// margin-top: -5px;
+						// max-width: 150px !important;
+						border: none;
+						padding: 0;
+						// margin-bottom: 6px;
+						box-shadow: none;
+
+						&::placeholder {
+							// width: auto;
+							// text-indent: 20px;
+							color: #4d575ecc;
+							// line-height: 20px;
+							font-size: 14px;
+						}
+					}
+
+					span {
+						width: 60px;
+						// max-width: 150px;
+						color: rgb(255, 106, 0) !important;
+						font-size: 14px;
+						padding: 0 20px 0 0;
+						text-align: left;
+						// line-height: 22px !important;
+					}
+				}
+			}
+			> li:not(.ageinputbox) {
+				padding-top: 4px;
+			}
+
+			.ageinputbox {
+				position: relative;
+
+				&:hover .confirm {
+					display: block;
+				}
+
+				.ageinput.age {
+					position: relative;
+					z-index: 3;
+					padding: 0;
+					padding-top: 8px;
+					margin: 0 5px;
+					height: 32px;
+					width: 90px;
+					text-indent: 10px;
+					border-color: #e9e9e9;
+					&:hover {
+						input {
+							border-color: #ff4400;
+						}
+					}
+					input {
+						// border-radius: 999px;
+						padding-right: unset;
+						&::placeholder {
+							// text-indent: 30px;
+							font-size: 14px !important;
+						}
+						&:hover {
+							border-color: #ff4400;
+							box-shadow: none;
+						}
+						&:focus {
+							border-color: #ff4400;
+							box-shadow: none;
+						}
+					}
+					.ant-input-suffix {
+						right: 0px;
+						top: 76%;
+					}
+				}
+				.confirm {
+					position: absolute;
+					display: none;
+					width: 160px;
+					height: 48px;
+					line-height: 44px;
+					left: 8px;
+					top: 0;
+					z-index: 1;
+					border: 1px solid #eee;
+					background-color: #fff;
+					box-shadow: 0 5px 10px 5px #eee;
+					button {
+						position: relative;
+						width: 44px;
+						height: 28px;
+						line-height: 26px;
+						top: 50%;
+						transform: translateY(-50%);
+						margin-right: 8px;
+						float: right;
+						background-color: rgba(255, 68, 0, 0.9);
+						border: none;
+						color: #fff;
+						&:hover {
+							background-color: rgba(255, 68, 0, 0.75);
+						}
+						&:active {
+							background-color: rgba(255, 68, 0, 1);
+						}
+					}
+				}
+			}
+			> li:first-child {
+				> div {
+					display: flex;
+					// line-height: 40px;
+					margin-top: -2px;
+					margin-right: 12px;
+					cursor: pointer;
+					span {
+						margin-right: 12px;
+					}
+				}
+			}
+
+			.claerfilter {
+				position: relative;
+				color: #8c8d8f;
+				font-size: 14px;
+				margin: 0px 10px 0 10px;
+				// color: rgba(78, 88, 95, 0.8);
+				transform: translateY(-1px);
+				// margin-left: 25px;
+				a {
+					display: inline-block;
+					// margin-top: 4px;
+					transition: all 0.5s;
+					// line-height: 14px;
+					&:active {
+						color: #ff6a00;
+						transition: none;
+					}
+				}
+			}
+		}
+		.hotTag {
+			display: flex;
+			line-height: 44px;
+			margin-left: 18px;
+			div {
+				font-size: 14px;
+			}
+			li {
+				margin-right: 12px;
+				color: #ff6a00;
+				font-size: 14px;
+				cursor: pointer;
+			}
+			> .active {
+				text-decoration: underline;
+			}
+		}
+	}
+}
+
+/deep/ #maincontent {
+	display: flex;
+	justify-content: space-between;
+	margin-top: 10px;
+	.maincontentleft {
+		width: 944px;
+		margin-right: 16px;
+		text-align: left;
+		position: relative;
+		.tabBar {
+			position: absolute;
+			display: flex;
+			justify-content: start;
+			align-items: center;
+			width: 100%;
+			top: -40px;
+			text-align: center;
+			line-height: 40px;
+			border-bottom: 2px solid #f40;
+			z-index: 999;
+			font-size: 16px;
+			.tabSubset {
+				width: 96px;
+				height: 40px;
+				border-radius: 6px 6px 0px 0px;
+				cursor: pointer;
+				&.active {
+					background-color: #f40;
+					color: #fff;
+				}
+			}
+		}
+		.filter {
+			position: relative;
+			width: 100%;
+			top: -10px;
+			margin-top: 10px;
+			margin-bottom: 6px;
+			box-sizing: border-box;
+			border: 1px solid #ededed;
+			border-radius: 6px;
+			// background-color: pink;
+			padding: 0 12px;
+			.filter-title {
+				position: absolute;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				font-size: 14px;
+				width: 100%;
+				height: 24px;
+				top: -34px;
+				left: 0;
+				padding-left: 20px;
+				z-index: 10;
+				span i {
+					font-size: 12px;
+				}
+				.toggleFilter {
+					height: 24px;
+					padding: 0px 2px 0 4px;
+					line-height: 22px;
+					border: 1px solid #ededed;
+					background-color: #f5f5f5;
+					border-radius: 4px;
+					color: #666;
+					cursor: pointer;
+					user-select: none;
+					i {
+						// line-height: 28px;
+						height: 100%;
+						line-height: 22px;
+						display: inline-block;
+						transform-origin: center;
+						transform: scale(0.6);
+						margin-left: 2px;
+					}
+				}
+				.sort {
+					width: 86px;
+					height: 22px;
+					margin-left: 16px;
+					display: inline-block;
+					text-align: center;
+					padding: 0px 2px 0 4px;
+					line-height: 20px;
+					border: 1px solid #ededed;
+					background-color: #f5f5f5;
+					border-radius: 4px;
+					color: #666;
+					cursor: pointer;
+					user-select: none;
+				}
+
+				> span:first-child {
+					display: flex;
+					align-items: center;
+					justify-content: start;
+					line-height: 22px;
+					> span:first-child {
+						margin-right: 14px;
+						i {
+							margin-left: 4px;
+						}
+					}
+				}
+				.filter-show {
+					display: flex;
+					line-height: 1;
+					color: #666;
+					> span:nth-child(-n + 6) {
+						display: inline-block;
+					}
+					> span {
+						display: none;
+						height: 24px;
+						line-height: 22px;
+						padding: 0 2px 0 4px;
+						background-color: #f5f5f5;
+						border: 1px solid #ededed;
+						margin-right: 8px;
+						user-select: none;
+						border-radius: 4px;
+						cursor: pointer;
+						&:hover {
+							border-color: #f40;
+							background: #fff3ef;
+							color: #f40;
+							i {
+								color: #ff4400;
+							}
+						}
+						i {
+							font-size: 14px;
+							margin-left: 4px;
+							color: #666;
+						}
+					}
+				}
+			}
+
+			.filter-content {
+				overflow: hidden;
+				// background-color: skyblue;
+				dl {
+					display: flex;
+					justify-content: start;
+					padding: 8px 8px 4px 8px;
+					font-size: 14px;
+					line-height: 1.5;
+					user-select: none;
+
+					.special-active {
+						color: #ff4400 !important;
+						// background-color: rgba(255, 106, 0, 0.1) !important;
+					}
+					&:first-child {
+						padding-bottom: 7px;
+						dd {
+							> i {
+								> span {
+									color: #333;
+									&:hover {
+										color: #ff4400;
+									}
+								}
+							}
+						}
+					}
+					&:not(:last-child) {
+						border-bottom: 1px dotted #ededed;
+					}
+					&:not(:first-child) {
+						dd {
+							display: flex;
+							justify-content: start;
+							flex-wrap: wrap;
+							> span {
+								margin-bottom: 4px;
+								color: #333;
+								cursor: pointer;
+								&:hover {
+									color: #ff4400;
+								}
+							}
+						}
+					}
+					dt {
+						width: 74px;
+						margin-right: 16px;
+						text-align: left;
+						color: #888;
+					}
+					dd {
+						flex: 1;
+						.ageinputbox {
+							position: relative;
+							display: inline-block;
+							margin-right: 16px;
+							> span:nth-of-type(2) {
+								position: relative;
+								z-index: 2;
+							}
+							&:hover .confirm {
+								display: block;
+							}
+
+							.ageinput:not(.age) {
+								position: relative;
+								z-index: 3;
+								padding: 0;
+								// margin: 0 5px;
+								height: 26px;
+								width: 80px;
+								border-color: #ddd;
+								.ant-input-prefix {
+									left: 3px;
+									top: 51%;
+								}
+								&:hover {
+									input {
+										border-color: #ff4400;
+									}
+								}
+								input {
+									border-radius: 4px;
+									text-indent: 20px;
+									height: 26px;
+									padding: 0;
+									padding-right: unset;
+									border-color: #ddd;
+									&::placeholder {
+										// text-indent: 30px;
+										font-size: 14px !important;
+									}
+									&:hover {
+										border-color: #ff4400;
+										box-shadow: none;
+									}
+									&:focus {
+										border-color: #ff4400;
+										box-shadow: none;
+									}
+								}
+								.ant-input-suffix {
+									right: 3px;
+								}
+							}
+							.ageinput {
+								position: relative;
+								z-index: 3;
+								padding: 0;
+								// margin: 0 5px;
+								height: 26px;
+								width: 80px;
+								border-color: #ddd;
+								.ant-input-prefix {
+									left: 3px;
+									top: 51%;
+								}
+								&:hover {
+									input {
+										border-color: #ff4400;
+									}
+								}
+								input {
+									border-radius: 4px;
+									text-indent: 10px;
+									height: 26px;
+									padding: 0;
+									padding-right: unset;
+									border-color: #ddd;
+									&::placeholder {
+										// text-indent: 30px;
+										font-size: 14px !important;
+									}
+									&:hover {
+										border-color: #ff4400;
+										box-shadow: none;
+									}
+									&:focus {
+										border-color: #ff4400;
+										box-shadow: none;
+									}
+								}
+								.ant-input-suffix {
+									right: 3px;
+								}
+							}
+							.confirm {
+								position: absolute;
+								display: none;
+								width: 254px;
+								height: 46px;
+								line-height: 46px;
+								left: -8px;
+								top: -11px;
+								z-index: 1;
+								border: 1px solid #eee;
+								border-radius: 6px;
+								background-color: #fff;
+								box-shadow: 0 0px 10px 5px #eee;
+								button {
+									position: relative;
+									width: 44px;
+									height: 26px;
+									line-height: 26px;
+									top: 52%;
+									transform: translateY(-50%);
+									margin-right: 8px;
+									float: right;
+									background-color: rgba(255, 68, 0, 0.9);
+									border-radius: 4px;
+									border: none;
+									color: #fff;
+									&:hover {
+										background-color: rgba(255, 68, 0, 0.75);
+									}
+									&:active {
+										background-color: rgba(255, 68, 0, 1);
+									}
+								}
+							}
+						}
+						> span {
+							margin-right: 40px;
+
+							> span {
+								cursor: pointer;
+								margin-right: 40px;
+							}
+						}
+					}
+				}
+				.price {
+					dd i {
+						span {
+							cursor: pointer;
+							margin-right: 40px;
+						}
+					}
+				}
+			}
+		}
+
+		.nodata {
+			overflow: hidden;
+			height: 230px;
+			padding-top: 30px;
+			text-align: center;
+			background-color: #fff;
+			// border-radius: 5px;
+			margin: 0 auto;
+			color: #00000066;
+			margin-bottom: 20px;
+			p {
+				position: relative;
+				transform: translateY(35px);
+			}
+		}
+		.subset {
+			display: flex;
+			justify-content: space-between;
+			border: 1px solid #ededed;
+			// width: 944px;
+			// height: 212px;
+			padding: 16px;
+			margin-bottom: 16px;
+			background: #ffffff;
+			border-radius: 6px;
+			transition: all 0.2s;
+
+			&:hover {
+				// position: relative;
+				box-shadow: 3px 3px 20px 0px rgba(77, 87, 94, 0.1);
+				// transform: translateY(-0.5px);
+			}
+			.subsetleft {
+				display: flex;
+				.imgbox {
+					width: 156px;
+					height: 156px;
+					margin-right: 16px;
+					position: relative;
+					overflow: hidden;
+					img {
+						position: absolute;
+						top: 50%;
+						left: 50%;
+						transform: translateX(-50%) translateY(-50%);
+
+						// width: 100%;
+						height: 100%;
+					}
+					.default_avatar {
+						width: 156px;
+						height: 156px;
+						display: flex;
+						align-items: center;
+						text-align: center;
+						background-color: #d85043;
+						color: #fff;
+						font-size: 44px;
+						line-height: 1.3;
+					}
+				}
+				.jobinfobox {
+					.jobname {
+						// margin: 12px 0;
+						font-size: 18px;
+						font-weight: 600;
+						text-align: left;
+						color: #333;
+						line-height: 26px;
+						&:hover {
+							color: #ff4400;
+						}
+					}
+					.jobinfo {
+						margin-top: 8px;
+						// opacity: 0.5;
+						font-size: 14px;
+						font-weight: 400;
+						text-align: left;
+						color: #999;
+						line-height: 20px;
+					}
+					.jobtag {
+						display: flex;
+						margin-top: 10px;
+						align-items: center;
+						text-align: left;
+						// span:first-child {
+						//   color: #ff4400;
+						//   background: rgba(254, 97, 0, 0.1);
+						// }
+						i {
+							margin-right: 8px;
+							color: #f40;
+							font-size: 20px;
+						}
+						span {
+							height: 20px;
+							margin-right: 8px;
+							line-height: 1;
+							font-size: 14px;
+							padding: 2px 8px;
+							background: rgba(51, 51, 51, 0.06);
+							border-radius: 2px;
+						}
+						.hotTag {
+							background-color: #f40;
+							color: #fff;
+							font-size: 12px;
+							padding: 4px;
+							i {
+								margin-right: 4px;
+								color: #fff;
+							}
+						}
+					}
+					.jobpricemonth {
+						display: inline-block;
+						margin-top: 10px;
+						font-size: 14px;
+						font-weight: 400;
+						text-align: left;
+						color: #333;
+						line-height: 20px;
+						margin-left: 8px;
+					}
+					.xmfDiv {
+						display: inline-block;
+						height: 20px;
+						margin-top: 4px;
+						background: #f1faff;
+						border-radius: 2px;
+						line-height: 16px;
+						padding-right: 4px;
+					}
+					.jobpricehour {
+						margin-top: 8px;
+						font-size: 14px;
+						font-weight: normal;
+						text-align: left;
+						color: #ff4400;
+						display: inline-block;
+						// line-height: 24px;
+						font-weight: 600;
+						span {
+							vertical-align: baseline;
+							font-size: 22px;
+							line-height: 28px;
+						}
+						i {
+							font-size: 18px;
+							line-height: 28px;
+						}
+					}
+				}
+			}
+			.subsetright {
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				align-items: flex-end;
+				.topContainer {
+					display: flex;
+					flex-direction: column;
+					justify-content: space-between;
+					align-items: flex-end;
+					margin-top: -8px;
+				}
+				.updateTime {
+					line-height: 1;
+					font-size: 14px;
+					color: #999;
+				}
+				.topbox {
+					width: 100px;
+					height: 48px;
+					margin-top: 8px;
+					overflow: hidden;
+					text-align: center;
+					background: rgba(255, 106, 0, 0.1);
+					// border-radius: 4px;
+					border-radius: 4px;
+					line-height: 26px;
+					div {
+						// font-weight: normal;
+						font-size: 16px;
+						span {
+							font-size: 20px;
+							// font-weight: normal;
+						}
+					}
+					div:first-child {
+						height: 22px;
+						background: #ff4400;
+						line-height: 21px;
+						font-size: 14px;
+						color: #ffffff;
+						border: 1px solid #ff4400;
+						// border-radius: 4px 4px 0px 0px;
+					}
+					div:last-child {
+						font-weight: normal;
+						background-color: #fff3ef;
+						color: #ff4400 !important;
+					}
+				}
+				.bottombox1 {
+					display: flex;
+					align-items: center;
+					.jobDesp {
+						border: 1px solid #ff4400;
+						background-color: #fff;
+						color: #ff4400;
+						transition: none;
+						box-shadow: none;
+						text-shadow: none;
+						cursor: pointer;
+						&:hover {
+							color: #fff;
+
+							background-color: #ff4400;
+						}
+					}
+					button {
+						min-width: 80px;
+						height: 28px;
+						font-size: 16px;
+						// border: 1px solid rgba(77, 87, 94, 0.3);
+						// border-radius: 4px;
+					}
+					> a {
+						button:first-child {
+							border: 1px solid #d9d9d9;
+							// border-radius: 4px;
+							color: #4d575e;
+							background-color: #fff;
+							cursor: pointer;
+							&:hover {
+								color: #ff4400;
+								border-color: #ff4400;
+								background-color: #fff;
+							}
+						}
+					}
+
+					.apply {
+						margin-left: 16px;
+						border: 1px solid #ff4400;
+						padding: 0 16px;
+						background-color: #fff;
+						color: #ff4400;
+						cursor: pointer;
+						&:hover {
+							color: #fff;
+
+							background-color: #ff4400;
+						}
+					}
+				}
+			}
+			.norecruitment {
+				background-color: #f5f5f5;
+				border: 1px solid #ccc;
+				margin-left: 16px;
+
+				color: #ccc;
+			}
+		}
+		// .pagecontainer {
+		//   display: flex;
+		//   justify-content: center;
+		//   text-align: center;
+		//   margin-bottom: 30px;
+		//   .ant-pagination-options-quick-jumper {
+		//     margin-left: 10px;
+		//     font-size: 16px;
+		//   }
+		//   .ant-pagination-disabled {
+		//     a:hover {
+		//       color: #c5c5c5 !important;
+		//     }
+		//   }
+		//   .ant-pagination-next,
+		//   .ant-pagination-prev {
+		//     a:hover {
+		//       color: #ff4400;
+		//     }
+		//   }
+		//   input[type="text"] {
+		//     box-shadow: none;
+		//     &:focus {
+		//       border: 1px solid #ff4400;
+		//     }
+		//     &:hover {
+		//       border: 1px solid #ff4400;
+		//     }
+		//   }
+		//   .ant-pagination-item {
+		//     border: none;
+		//     a:hover {
+		//       color: #ff4400;
+		//     }
+		//   }
+		//   .ant-pagination-item-active {
+		//     background: #ff4400;
+		//     a {
+		//       color: white;
+		//     }
+		//     a:hover {
+		//       color: white;
+		//     }
+		//   }
+		//   .ant-pagination-item-link {
+		//     border: none;
+		//   }
+		// }
+	}
+	.maincontentright {
+		width: 240px;
+		position: relative;
+		top: -42px;
+		> div {
+			margin-bottom: 16px;
+			border: 1px solid #ededed;
+			border-radius: 6px;
+		}
+		.dateinfo {
+			text-align: center;
+			overflow: hidden;
+			border-radius: 6px;
+			border: none;
+			position: relative;
+			padding-bottom: 10px;
+			background-color: #fff3ef;
+			.bottombox {
+				position: relative;
+				margin-top: 0;
+				margin-bottom: 0;
+				// padding-top: 10px;
+				height: 44px;
+				padding: 0;
+				line-height: 44px;
+				font-size: 16px;
+				font-weight: 600;
+				border-bottom: none;
+				color: #fff;
+				background-color: #ff4400;
+				z-index: 10;
+				&::after {
+					left: 0;
+					// display: none;
+				}
+			}
+		}
+		.hotphone {
+			overflow: hidden;
+			position: relative;
+			width: 240px;
+			height: 210px;
+			// height: 114px;
+			// padding: 0 20px 20px 20px;
+			border-radius: 6px;
+			background-color: #fff;
+			text-align: center;
+			.bottombox {
+				font-size: 16px;
+				font-weight: 600;
+			}
+		}
+		.relationme {
+			overflow: hidden;
+			position: relative;
+			width: 240px;
+			height: 160px;
+			padding: 0 20px 20px;
+			background: #ffffff;
+			text-align: center;
+			button {
+				position: absolute;
+				width: 120px;
+				height: 32px;
+				margin-top: 16px;
+				font-size: 16px;
+				line-height: 20px;
+				// border-radius: 999px;
+				border: 0;
+				background-color: #ff4400;
+				color: #fff;
+				top: 55%;
+				left: 50%;
+				transform: translateX(-50%) translateY(-50%);
+			}
+		}
+	}
+}
+.sortClass {
+	.sortMenu {
+		text-align: center;
+		height: 46px;
+		line-height: 46px;
+	}
+	.ant-dropdown-menu {
+		padding: 0;
+	}
+	.ant-dropdown-menu-item {
+		width: 140px;
+		padding: 0 16px;
+		&:not(:last-child) {
+			.sortMenu {
+				border-bottom: 1px solid #eee;
+			}
+		}
+		&:hover {
+			background-color: #fff3ef;
+		}
+	}
+	.active.sortMenu {
+		color: #ff4400;
+	}
+}
+.cityModal {
+	.inputBox {
+		display: flex;
+	}
+	/deep/ .ant-input-affix-wrapper {
+		flex: 1;
+		margin-right: 12px;
+		.ant-input {
+			&:hover {
+				border-color: #ff4400;
+			}
+			&:focus {
+				border-color: #ff4400;
+				box-shadow: none;
+			}
+		}
+	}
+	.ant-btn {
+		&:hover {
+			border-color: #ff4400;
+			color: #ff4400;
+		}
+		&:active {
+			border-color: #ee3f00;
+			color: #ee3f00;
+		}
+		&:focus {
+			border-color: #ff4400;
+			color: #ff4400;
+		}
+	}
+	button {
+		width: 60px;
+		height: 32px;
+	}
+	.firstList {
+		display: flex;
+		justify-content: start;
+		margin: 30px 0;
+		li {
+			width: 16.6%;
+			text-align: center;
+			color: #666;
+			div {
+				width: 60%;
+				padding-bottom: 5px;
+				cursor: pointer;
+				&:hover {
+					color: #ff4400;
+				}
+			}
+			.active {
+				color: #ff4400;
+				// position: relative;
+				// &::after {
+				//   content:'';
+				//   display: block;
+				//   position: absolute;
+				//   height: 2px;
+				//   width: 50px;
+				//   bottom: 0;
+				//   left: 0;
+				//   background-color: #ff4400;
+				// }
+				border-bottom: 2px solid #ff4400;
+			}
+		}
+	}
+	.currentCity {
+		display: flex;
+		flex-wrap: wrap;
+		li {
+			width: 16.6%;
+			margin-bottom: 20px;
+			text-align: center;
+			cursor: pointer;
+			div {
+				width: 60%;
+				&:hover {
+					color: #ff4400;
+				}
+			}
+		}
+	}
+}
+p {
+	margin-bottom: 0;
+}
+</style>
diff --git a/src/utils/commonUtil.js b/src/utils/commonUtil.js
index 388319c..275351c 100644
--- a/src/utils/commonUtil.js
+++ b/src/utils/commonUtil.js
@@ -1218,6 +1218,7 @@ export function disposeJobListData (jobList) {
         // console.log(item);
 
         if (item.returnFeeType) {
+          item.returnFee =  item.returnFee / 100
           if (item.returnFeeType === 0) {
             item.servetype = `${item.returnFee || "--"}元/小时`;
           } else if (item.returnFeeType === 1) {
@@ -1238,7 +1239,7 @@ export function disposeJobListData (jobList) {
           // console.log(item);
           // item["returnFee"] = item.returnFee / 100;
         } else {
-          item.servetype = `${item.returnFee || "--"}元/小时`;
+          item.servetype = `${item.returnFee/100 || "--"}元/小时`;
         }
         //时薪
         // var hourlyPayStr = "";
@@ -1403,6 +1404,7 @@ export function disposeJobListData (jobList) {
       // console.log(item);
 
       if (jobList.returnFeeType) {
+        jobList.returnFee =  jobList.returnFee / 100
         if (jobList.returnFeeType === 0) {
           jobList.servetype = `${jobList.returnFee || "--"}元/小时`;
         } else if (jobList.returnFeeType === 1) {
@@ -1421,7 +1423,7 @@ export function disposeJobListData (jobList) {
           jobList.servetype = `费用待定`;
         }
       } else {
-        jobList.servetype = `${jobList.returnFee || "--"}元/小时`;
+        jobList.servetype = `${jobList.returnFee/100 || "--"}元/小时`;
       }
       // if (jobList.returnFeeType || jobList.returnFeeType === 0) {
       //   if (jobList.returnFeeType === 0) {