From a1e079149c8098c9848e6cd9aaeddbd55b37e54c Mon Sep 17 00:00:00 2001
From: jscyl13849007907 <13849007907@163.com>
Date: Sat, 18 Jan 2025 09:50:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FirstJob/joblist.vue | 271 +++++++++++++++++++++---------------
 1 file changed, 160 insertions(+), 111 deletions(-)

diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index f8eb1b7..4e98561 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -619,126 +619,145 @@
 					<!-- </div> -->
 
 					<div v-if="!isspinning" style="border-radius: 6px;overflow: hidden;">
-						<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>
-									</div> -->
-									<div class="jobinfobox">
-										<!-- <router-link
-										target="_blank"
-										:to="'/detail/' + item.id"
-										rel="opener"
-										>-->
-										<div class="jobname">{{ item.jobName }}</div>
+						<div>
+							<div
+								class="subset"
+								v-for="(item, index) in jobMainList"
+								:key="index"
+								:style="{
+									background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+								}"
+							>
+								<!-- v-if="signType == ''" -->
 
-										<!-- <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.supplierName }}</span>
+								<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>
 										</div> -->
+										<div class="jobinfobox">
+											<!-- <router-link
+											target="_blank"
+											:to="'/detail/' + item.id"
+											rel="opener"
+											>-->
+											<div class="jobname">{{ item.jobName }}</div>
 
-										<!-- <img src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/ysd1.png" style="width: 20px;height: 20px;" alt=""> -->
+											<!-- <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.supplierName }}</span>
+											</div> -->
 
-										<!-- </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>
+											<!-- <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 / 100 : "" }}</span
+													>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
+													>元/月
+												</template>
+												<template v-else>
+													<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}</span
+													>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
+													>元/月
+												</template>
+											</div>
 										</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>
+								</span>
+								<div class="subsetright">
+									<div class="topContainer">
+										<div class="updateTime" style="display: none">
+											<span>更新时间：{{ item.updateTime || "--" }} ( {{ item.diffTime || "--" }} )</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 / 100 : "" }}</span
-												>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
-												>元/月
-											</template>
-											<template v-else>
-												<span>{{ item.minMonthlyPay ? item.minMonthlyPay / 100 : "" }}</span
-												>-<span>{{ item.maxMonthlyPay ? item.maxMonthlyPay / 100 : "" }}</span
-												>元/月
-											</template>
+										<div class="topbox">
+											<div>服务费</div>
+											<div>{{ item.servetype }}</div>
 										</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 v-if="false">
-										<button
-											type="primary"
-											class="jobDesp br4"
-											:style="{
-												background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
-											}"
-											@click="toDetail(item)"
-										>
-											更多
-										</button>
-									</a>
-									<!-- </a-popover> -->
-									<div class="g_flex_row_end">
-										<!-- <a-button shape="circle" type="danger" ghost>
-											<template #icon> -->
-												<div class="g_w_60 g_cursor_point">
-													<div class="g_text_c g_w_all" style="height: 18px;overflow: hidden;line-height: 18px;">
-														<a-icon type="message" class="g_fs_16" style="color: #666;" />
+									<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 v-if="false">
+											<button
+												type="primary"
+												class="jobDesp br4"
+												:style="{
+													background: item.recruitment == '1' ? '#fff' : '#f5f5f5',
+												}"
+												@click="toDetail(item)"
+											>
+												更多
+											</button>
+										</a>
+										<!-- </a-popover> -->
+										<div class="g_flex_row_end">
+											<!-- <a-button shape="circle" type="danger" ghost>
+												<template #icon> -->
+													<div class="g_w_60 g_cursor_point">
+														<div class="g_text_c g_w_all" style="height: 18px;overflow: hidden;line-height: 18px;">
+															<a-icon type="message" class="g_fs_16" style="color: #666;" />
+														</div>
+														<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">联系客服</div>
 													</div>
-													<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">联系客服</div>
-												</div>
-											<!-- </template>
-										</a-button>
-										<a-button shape="circle" type="danger" ghost @click="toggleGhost" class="g_ml_12">
-											<template #icon> -->
-												<div class="g_w_40 g_cursor_point">
-													<div class="g_text_c g_w_all" style="height: 18px;line-height: 18px;">
-														<a-icon class="g_fs_17" style="color:#666;" type="star" />
+												<!-- </template>
+											</a-button>
+											<a-button shape="circle" type="danger" ghost @click="toggleGhost" class="g_ml_12">
+												<template #icon> -->
+													<div class="g_w_40 g_cursor_point">
+														<div class="g_text_c g_w_all" style="height: 18px;line-height: 18px;">
+															<a-icon class="g_fs_17" style="color:#666;" type="star" />
+														</div>
+														<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">收藏</div>
 													</div>
-													<div class="g_w_all" style="font-size: 12px;text-align: center;color: #666;zoom: 0.92;">收藏</div>
-												</div>
-											<!-- </template> -->
-										<!-- </a-button> -->
-									</div>
-									<a-button class="br4 g_ml_12" @click="torecord(item)" v-if="item.recruitment == '1'" type="primary" style="font-size: 13px;">立即报名</a-button>
-									<button class="norecruitment" v-else>暂时停招</button>
+												<!-- </template> -->
+											<!-- </a-button> -->
+										</div>
+										<a-button class="br4 g_ml_12" @click="torecord(item)" v-if="item.recruitment == '1'" type="primary" style="font-size: 13px;">立即报名</a-button>
+										<button class="norecruitment" v-else>暂时停招</button>
 
-									<!-- <button @click="showmodal(item)" @click="">报名</button> -->
+										<!-- <button @click="showmodal(item)" @click="">报名</button> -->
+									</div>
+								</div>
+							</div>
+						</div>
+						<div class="loading-ing g_pt_20 g_pb_20" v-if="speed">
+							<div class="g_w_all g_text_c g_fs_14">
+								{{ speed == 1 ? '加载中' : '加载完成' }}
+							</div>
+							<div class="b-footer">
+								<div>
+									<span> 
+										Powered by
+										<svg class="svg_icon ml4" style="font-size: 46px; margin-top: -2px" aria-hidden="true">
+											<use xlink:href="#icon-bocai2" />
+										</svg>
+										｜Copyright © 2015-2023 Bocai. All Rights Reserved.｜
+									</span>
+									<a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">豫ICP备2023001993号-25A</a>
 								</div>
 							</div>
 						</div>
@@ -854,6 +873,8 @@ export default {
 	data() {
 		return {
 			isFetching: false, // 标志位，防止重复加载
+			speed:0,// 加载进度0 未加载 1加载中 2加载完成
+			isStop:false,// 是否停止加载
 			jobMainList: [], // 职位列表
       jobNum:0,
 			recordShow: false,
@@ -1167,9 +1188,12 @@ export default {
     const windowHeight = document.documentElement.clientHeight;
     const scrollHeight = document.documentElement.scrollHeight;
 
-    if (scrollTop + windowHeight >= scrollHeight - 100 && !this.isFetching) { // 100 是一个阈值，可以根据需要调整
+    if (scrollTop + windowHeight >= scrollHeight - 100 && !this.isFetching && !this.isStop) { // 100 是一个阈值，可以根据需要调整
       this.isFetching = true;
-      this.loadMoreData();
+			// setTimeout(() => {
+				this.speed = 0;
+				this.loadMoreData();
+			// }, 10*1000);
     }
   },
   loadMoreData() {
@@ -1248,6 +1272,15 @@ export default {
 				if (this.isLogin) {
 					const { data } = await JobListApi(newdata);
 					if (data.status === 200) {
+						if(data.data.recordList.length < 8){
+							// 停止加载
+							this.isStop = true;
+							this.speed = 2;
+						}else{
+							// 继续加载
+							this.isStop = false;
+							this.speed = 1;
+						}
 						this.jobMainList = this.jobMainList.concat(disposeJobListData(data.data.recordList)); // 追加数据
 						this.formvalue.total = data.data.recordCount;
 					} else {
@@ -3568,4 +3601,20 @@ p {
 				color: rgb(24, 144, 255);
 			}
 		}
+		.b-footer{
+				div {
+					text-align: center;
+					// margin-top: 16px;
+					color: #4d575e;
+					font-size: 12px;
+					i {
+						display: inline-block;
+						vertical-align: middle;
+						width: 1px;
+						height: 16px;
+						margin: 0 10px;
+						background-color: #4d575e;
+					}
+				}
+		}
 </style>