From 6e57ac94ff1af29290207baf5b580acd2278d566 Mon Sep 17 00:00:00 2001
From: wangxia <779219182@qq.com>
Date: Mon, 20 Jan 2025 16:43:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A2=E6=9C=8D=E5=8F=8A=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FirstJob/detail.vue | 484 +++++++++++++++----------------------
 1 file changed, 194 insertions(+), 290 deletions(-)

diff --git a/src/components/FirstJob/detail.vue b/src/components/FirstJob/detail.vue
index c7b70a4..6bec9b8 100644
--- a/src/components/FirstJob/detail.vue
+++ b/src/components/FirstJob/detail.vue
@@ -1,128 +1,47 @@
 <template>
 	<div class="detail-container">
-		<div style="height: 56px;"></div>
+		<div style="height: 56px"></div>
 		<!-- 面包屑 -->
-		<a-breadcrumb class="w" style="width: 960px;min-width: 960px;">
+		<a-breadcrumb class="w" style="width: 960px; min-width: 960px">
 			<a-breadcrumb-item href>
 				<router-link to="/main">
 					<a-icon type="home" />
 				</router-link>
 			</a-breadcrumb-item>
-			<a-breadcrumb-item href> 
+			<a-breadcrumb-item href>
 				<a @click="toList">
-					<span>{{  "职位列表" }}</span>
+					<span>{{ "职位列表" }}</span>
 				</a>
 			</a-breadcrumb-item>
 			<a-breadcrumb-item href>
-				<span style="color: #333">{{ from == "vocational" ? "详情" : "职位详情" }}</span>
+				<span style="color: #333">{{ "职位详情" }}</span>
 			</a-breadcrumb-item>
 		</a-breadcrumb>
 		<!-- 主体区域 -->
-		<div class="maincontent w g_flex_row_between"> 
-			<div class="m-money-obj g_mb_20 g_p_20 g_flex_row_between" 
-					 style="background-color: #fff;border-radius: 6px;width: 800px;margin: 0 auto 20px;"
-					 v-if="false"
-			>
+		<div class="maincontent w g_flex_row_between">
+			<div class="m-money-obj g_mb_20 g_p_20 g_flex_row_between" style="background-color: #fff; border-radius: 6px; width: 800px; margin: 0 auto 20px" v-if="false">
 				<div class="g_flex_row_start">
-					<div style="font-size: 16px;font-weight: 600;margin-right: 4px;">代理佣金</div>
-					<div class="g_flex_column_center" @click="isSee = !isSee" style="cursor: pointer;">
-						<i class="iconfont icon-zhengyan11" style="font-size: 22px;color: #ff4400;line-height: 0.1;" v-if="isSee"></i>
-						<i class="iconfont icon-biyan11" style="font-size: 22px;color: #ff4400;line-height: 0.1;margin-top: -4px;" v-if="!isSee"></i>
+					<div style="font-size: 16px; font-weight: 600; margin-right: 4px">代理佣金</div>
+					<div class="g_flex_column_center" @click="isSee = !isSee" style="cursor: pointer">
+						<i class="iconfont icon-zhengyan11" style="font-size: 22px; color: #ff4400; line-height: 0.1" v-if="isSee"></i>
+						<i class="iconfont icon-biyan11" style="font-size: 22px; color: #ff4400; line-height: 0.1; margin-top: -4px" v-if="!isSee"></i>
 					</div>
 				</div>
-				<div class="g_flex_row_end" @click="viewDetail" style="cursor: pointer;">
+				<div class="g_flex_row_end" @click="viewDetail" style="cursor: pointer">
 					<div class="g_flex_column_center g_fs_14">
 						<span v-if="isSee">
 							{{ jobDetail.servetype }}
 						</span>
-						<span v-if="!isSee">
-							***
-						</span>
+						<span v-if="!isSee"> *** </span>
 					</div>
 					<div class="g_flex_column_center">
 						<i class="iconfont icon-xiangyou1"></i>
 					</div>
 				</div>
 			</div>
-			<!-- 职教 -->
-			<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>
-							</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: #1890ff; 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" v-if="false">
-							<div>服务费</div>
-							<div>
-								<span>{{ jobDetail.serviceCharge }}</span>
-							</div>
-						</div>
-						<div style="color: #a1a1a1;font-size: 14px;margin-left: 15px;">{{ jobDetail.up_time }}</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="maincontentleft">
 				<div class="mask" v-if="!(jobDetail.recruitment == '1')"></div>
 
 				<div class="subset">
@@ -134,42 +53,75 @@
 								<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">
+								<div class="g_flex_row_between">
+									<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>
+									<div style="color: #a1a1a1; font-size: 14px; margin-left: 15px">{{ jobDetail.up_time }}</div>
+								</div>
 								<div class="jobinfo">
-									<span>{{ jobDetail.district ? jobDetail.district + ' | ' : '' }} </span>
+									<span>{{ jobDetail.district ? jobDetail.district + " | " : "" }} </span>
 
 									<span>{{ jobDetail.gender }}</span>
 									<span>{{ jobDetail.age }}</span>
 								</div>
-								<div class="jobtag" >
-									<a-tag :color="labelColor[index % labelColor.length]" 
-												 style="margin-bottom: 8px;"
-											   v-for="(item, index) in jobDetail.jobRequestLabelNames" :key="index"
-									>
+								<div class="jobtag">
+									<a-tag :color="labelColor[index % labelColor.length]" style="margin-bottom: 8px" 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 style="display: flex; align-items: center; height: 26px;margin-top: 8px;">
-									<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/100 }}</span
-										>-<span>{{ jobDetail.maxMonthlyPay/100 }}</span
-										>元/月
+								<div class="g_flex_row_between">
+									<div style="display: flex; align-items: center; height: 26px; margin-top: 8px">
+										<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 / 100 }}</span
+											>-<span>{{ jobDetail.maxMonthlyPay / 100 }}</span
+											>元/月
+										</div>
+									</div>
+									<div class="sub-bottombox fss">
+										<button type="primary" class="jobDespBtn g_fs_14" style="padding: 0 15px; width: 116px">
+											<a :href="jobDetail.customServiceUrl || 'javascript:;'" target="_blank" v-if="jobDetail.customServiceUrl">
+												<a-icon class="g_fs_14" type="message" />
+												联系客服
+											</a>
+											<a href="javascript:;" v-else @click="noCustom">
+												<a-icon class="g_fs_14" type="message" />
+												联系客服
+											</a>
+										</button>
+
+										<!-- <a-dropdown :trigger="['click']" overlayClassName="special-dropdown" v-else>
+                      <button type="primary" class="jobDespBtn" 
+                              style="padding: 0 15px;width: 116px;"
+                      >
+                        <a href="javascript:;" target="_blank" 
+                          style="font-size: 14px;"
+                        > 
+                          <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: #1890ff"></i>{{ item.aliasName }} {{ item.tel }} </a-menu-item>
+                      </a-menu>
+                    </a-dropdown> -->
+										<a-button class="" @click="torecord()" v-if="jobDetail.recruitment == '1'" type="primary" style="font-size: 14px">立即报名</a-button>
+										<button class="norecruitment bottombox1" v-else>暂时停招</button>
 									</div>
 								</div>
 							</div>
@@ -205,38 +157,9 @@
 								<span>{{ jobDetail.servetype }}</span>
 							</div>
 						</div>
-						<div style="color: #a1a1a1;font-size: 14px;margin-left: 15px;">{{ jobDetail.up_time }}</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>联系客服1
-							  </a>
-								<a href="javascript:;" v-else @click="noCustom"> 
-									<i class="iconfont icon-kefu_lan mr6"></i>联系客服2
-								</a>
-							</button>
-
-							<a-dropdown :trigger="['click']" overlayClassName="special-dropdown" v-else>
-								<button type="primary" class="jobDespBtn" 
-										    style="padding: 0 15px;width: 116px;"
-								>
-									<a href="javascript:;" target="_blank" 
-										 style="font-size: 14px;"
-									> 
-										<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: #1890ff"></i>{{ item.aliasName }} {{ item.tel }} </a-menu-item>
-								</a-menu>
-							</a-dropdown>
-							<a-button class="" @click="torecord()"v-if="jobDetail.recruitment == '1'" type="primary" style="font-size: 14px;">立即报名</a-button>
-							<button class="norecruitment bottombox1" v-else>暂时停招</button>
-						</div>
 					</div>
 				</div>
-				<div class="jobinformationbox" style="padding-left: 20px;padding-top: 4px;">
+				<div class="jobinformationbox" style="padding-left: 20px; padding-top: 4px">
 					<h1>
 						<div class="infotitle">
 							<span @click="tabchange = 1" :class="tabchange === 1 ? 'active' : ''">基本信息</span>
@@ -245,8 +168,8 @@
 						</div>
 					</h1>
 					<div class="pay" id="tip" v-show="tabchange === 1">
-						<div class="mb12 mt20 titlestyle" >温馨提示</div>
-						<div class="showInfo" style="width: unset;color: #ff4400 !important;">{{ jobDetail.notes || "-" }}</div>
+						<div class="mb12 mt20 titlestyle">温馨提示</div>
+						<div class="showInfo" style="width: unset; color: #ff4400 !important">{{ jobDetail.notes || "-" }}</div>
 					</div>
 					<div v-if="tabchange === 1" style="display: flex">
 						<!-- 薪资 -->
@@ -291,7 +214,6 @@
 									</a-descriptions-item> 
                   </template> -->
 
-
 									<!-- <a-descriptions-item>
 										<span slot="label" class>福利待遇</span>
 										<span>{{ jobDetail.boon || "-" }}</span>
@@ -318,7 +240,7 @@
 												女 {{ jobDetail.minAgeWoman }}<span>{{ "- " + jobDetail.maxAgeWoman }}</span
 												>岁
 											</span>
-                      {{jobDetail.genderRemark || ''}}
+											{{ jobDetail.genderRemark || "" }}
 										</span>
 									</a-descriptions-item>
 									<!-- <a-descriptions-item>
@@ -406,7 +328,7 @@
 										<span slot="label" class>面试地点</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>
@@ -463,53 +385,40 @@
 							<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.jobInfo.split('————————')[0] || "-" }}</div>
+								<div class="copyInfo" style="border: none; padding: 0 0; width: unset; white-space: pre-line">{{ jobDetail.jobInfo.split("————————")[0] || "-" }}</div>
 							</div>
 						</div>
 					</div>
 				</div>
-
 			</div>
 			<div class="maincontentright">
-				<div class="card-top g_flex_row_between" 
-						 style="padding-left: 16px;padding-right: 16px;font-size: 16px;background-color: #1890ff;height: 40px;border-top-left-radius: 6px;border-top-right-radius: 6px;"
-				>
+				<div class="card-top g_flex_row_between" style="padding-left: 16px; padding-right: 16px; font-size: 16px; background-color: #1890ff; height: 40px; border-top-left-radius: 6px; border-top-right-radius: 6px">
 					<div class="g_flex_column_center">
-						<i style="color: #fff;font-weight: 600;">代理佣金</i>
+						<i style="color: #fff; font-weight: 600">代理佣金</i>
 					</div>
-					<div class="g_flex_column_center" @click="isSee = !isSee" style="cursor: pointer;">
-						<i class="iconfont icon-zhengyan11" style="font-size: 22px;color: #fff;line-height: 0.1;" v-if="isSee"></i>
-						<i class="iconfont icon-biyan11" style="font-size: 22px;color: #fff;line-height: 0.1;margin-top: -4px;" v-if="!isSee"></i>
+					<div class="g_flex_column_center" @click="isSee = !isSee" style="cursor: pointer">
+						<i class="iconfont icon-zhengyan11" style="font-size: 22px; color: #fff; line-height: 0.1" v-if="isSee"></i>
+						<i class="iconfont icon-biyan11" style="font-size: 22px; color: #fff; line-height: 0.1; margin-top: -4px" v-if="!isSee"></i>
 					</div>
 				</div>
-				<div class="card-bottom" style="background-color: #fff;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;padding: 16px;">
-					<div class="box" style="border-radius: 6px;border: 1px solid #ededed;min-height: 288px;">
-						<div class="title g_flex_row_start"
-								 style="height: 40px;border-bottom: 1px solid #ededed;padding: 0 16px;"
-						>
-							<div style="font-size: 14px;height: 100%;font-weight: 600;" class="g_flex_column_center">
-								佣金：
-							</div>
-							<div class="g_flex_column_center" style="font-size: 14px;height: 100%;color: #999;">
+				<div class="card-bottom" style="background-color: #fff; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; padding: 16px">
+					<div class="box" style="border-radius: 6px; border: 1px solid #ededed; min-height: 288px">
+						<div class="title g_flex_row_start" style="height: 40px; border-bottom: 1px solid #ededed; padding: 0 16px">
+							<div style="font-size: 14px; height: 100%; font-weight: 600" class="g_flex_column_center">佣金：</div>
+							<div class="g_flex_column_center" style="font-size: 14px; height: 100%; color: #999">
 								<span v-if="isSee">
 									{{ jobDetail.servetype }}
 								</span>
-								<span v-if="!isSee">
-									***
-								</span>
+								<span v-if="!isSee"> *** </span>
 							</div>
 						</div>
 						<div class="content g_p_16">
-								<div class="con"
-									   style="white-space:pre-wrap;font-size: 14px;color: #999;"
-								>
-									<span v-if="isSee">
-										{{ jobDetail.returnFeeDesp || '-' }}
-									</span>
-									<span v-if="!isSee">
-										***
-									</span>
-								</div>
+							<div class="con" style="white-space: pre-wrap; font-size: 14px; color: #999">
+								<span v-if="isSee">
+									{{ jobDetail.returnFeeDesp || "-" }}
+								</span>
+								<span v-if="!isSee"> *** </span>
+							</div>
 						</div>
 					</div>
 				</div>
@@ -520,7 +429,7 @@
 </template>
 <script>
 import { getJobDetailApi } from "../../api/job";
-import { disposeJobListData, getSalaryClassifyValue,setJobInfoPosition } from "../../utils/commonUtil";
+import { disposeJobListData, getSalaryClassifyValue, setJobInfoPosition } from "../../utils/commonUtil";
 import mserve from "../../components/FirstJob/components/servre.vue";
 import { nationlist } from "../../utils/datalist";
 import { getUserManagerApi } from "../../api/userinfo";
@@ -577,7 +486,7 @@ export default {
 	// 组件状态值
 	data() {
 		return {
-			isSee:true,
+			isSee: true,
 			agency: {},
 			onSiteUsersInfo: "",
 			customServiceUsers: [],
@@ -627,7 +536,6 @@ export default {
 			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: [
 				// 职教列表
 				{
@@ -813,9 +721,9 @@ export default {
 
 			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.jobClassify) {
+			this.jobClassify = this.$route.query.jobClassify;
+		}
 		if (this.$route.query.id) {
 			this.id = this.$route.query.id;
 		}
@@ -884,9 +792,9 @@ export default {
 	},
 	// 组件方法
 	methods: {
-    noCustom() {
-      this.$message.error('此职位暂未接入客服');
-    },
+		noCustom() {
+			this.$message.error("此职位暂未接入客服");
+		},
 		async getJobDetail() {
 			console.log("this.id", this.id);
 			try {
@@ -977,7 +885,7 @@ export default {
 							}
 						});
 					}
-					this.jobDetail.up_time = this.timeShowXXX2(this.jobDetail.updateTime)
+					this.jobDetail.up_time = this.timeShowXXX2(this.jobDetail.updateTime);
 					this.storeImage = [...storeImage, ...storeVideo];
 					console.log("this.storeImage", this.storeImage);
 				} else {
@@ -990,8 +898,8 @@ export default {
 			} catch (error) {
 				console.log(error);
 			}
-		}, 
-		timeShowXXX2(val){
+		},
+		timeShowXXX2(val) {
 			const now = Date.now();
 			const diff = now - val;
 
@@ -1001,15 +909,15 @@ export default {
 			const days = Math.floor(hours / 24);
 
 			if (days < 2) {
-					if (hours > 0) {
-							return `${hours}小时前`;
-					} else if (minutes > 0) {
-							return `${minutes}分钟前`;
-					} else {
-							return `${seconds}秒前`;
-					}
+				if (hours > 0) {
+					return `${hours}小时前`;
+				} else if (minutes > 0) {
+					return `${minutes}分钟前`;
+				} else {
+					return `${seconds}秒前`;
+				}
 			} else {
-					return `${days}天前`;
+				return `${days}天前`;
 			}
 		},
 		/**
@@ -1114,21 +1022,13 @@ export default {
 		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);
+			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({
@@ -1162,7 +1062,7 @@ export default {
 		toList() {
 			// 跳转到列表页
 			this.$router.push({
-				path: this.from == "vocational" ? "/list?type=vocational" : "/list?",
+				path: "/list",
 				// query: {
 				// 	pagenum: this.currentPageNum || "",
 				// },
@@ -1173,15 +1073,15 @@ export default {
 			this.previewVisible = true;
 		},
 
-		viewDetail(){
+		viewDetail() {
 			let that = this;
-			console.log('ces',that.jobDetail.returnFeeDesp);
+			console.log("ces", that.jobDetail.returnFeeDesp);
 			const h = this.$createElement;
 			this.$info({
-        title: that.jobDetail.returnFeeDesp || '-',
-        onOk() {},
-      });
-		}
+				title: that.jobDetail.returnFeeDesp || "-",
+				onOk() {},
+			});
+		},
 	},
 };
 </script>
@@ -1381,36 +1281,36 @@ export default {
 					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: #1890ff;
+					// .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: #1890ff;
+						color: #fff;
+						font-size: 12px;
+						padding: 2px 4px;
+						border-radius: 2px;
+						position: relative;
+						top: -3px;
+						i {
+							margin-right: 4px;
 							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;
@@ -1434,6 +1334,9 @@ export default {
 					.jobtag1 {
 						margin-top: 12px;
 						text-align: left;
+            max-width: 80%;
+            overflow: hidden;
+            height: 34px;
 						// span:first-child {
 						//   color: #1890ff;
 						//   background: rgba(254, 97, 0, 0.1);
@@ -1528,48 +1431,7 @@ export default {
 						}
 					}
 				}
-			}
-			.subsetright {
-				display: flex;
-				flex-direction: column;
-				justify-content: space-between;
-				align-items: flex-end;
-				.topbox {
-					width: 116px;
-					height: 54px;
-					text-align: center;
-					overflow: hidden;
-					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: #ff6a001a;
-						color: #ff4400;
-						font-size: 18px;
-						span:last-child {
-							font-size: 16px;
-						}
-					}
-				}
-				.sub-bottombox {
+        .sub-bottombox {
 					font-size: 16px;
 
 					.bottombox1 {
@@ -1593,7 +1455,7 @@ export default {
 						// width: 116px;
 						height: 32px;
 						line-height: 30px;
-						font-size: 16px;
+						font-size: 14px;
 						margin-right: 20px;
 						// border: 1px solid rgba(77, 87, 94, 0.3);
 						border-radius: 4px;
@@ -1625,6 +1487,48 @@ export default {
 					}
 				}
 			}
+			.subsetright {
+				display: flex;
+				flex-direction: column;
+				justify-content: space-between;
+				align-items: flex-end;
+				.topbox {
+					width: 116px;
+					height: 54px;
+					text-align: center;
+					overflow: hidden;
+					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: #ff6a001a;
+						color: #ff4400;
+						font-size: 18px;
+						span:last-child {
+							font-size: 16px;
+						}
+					}
+				}
+			
+			}
 		}
 		.proxy {
 			margin-bottom: 16px;