From bad88e38c07c166843837fe04b2f99468c3b1a4e Mon Sep 17 00:00:00 2001
From: jscyl13849007907 <13849007907@163.com>
Date: Fri, 17 Jan 2025 15:38:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/FirstJob/joblist.vue | 1016 ++++++++++++++++++-----------------
 src/views/main.vue                  |    2 +-
 2 files changed, 513 insertions(+), 505 deletions(-)

diff --git a/src/components/FirstJob/joblist.vue b/src/components/FirstJob/joblist.vue
index c40fe28..f68275a 100644
--- a/src/components/FirstJob/joblist.vue
+++ b/src/components/FirstJob/joblist.vue
@@ -1,5 +1,6 @@
 <template>
-	<div class="joblist-container">
+	<div class="joblist-container"
+	>
 		<!-- 城市的弹出框 -->
 		<a-modal class="cityModal" transitionName v-model="visible" width="680px" @cancel="cityModalClose" title="请选择城市" :footer="null">
 			<div class="inputBox">
@@ -22,513 +23,515 @@
 				</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 class="searchBox g_flex_row_start" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" outline="0" hidefocus="true">
-					<div class="g_flex_1">
-						<a-input :placeholder="jobNum ? `近48小时更新${jobNum}条招工信息` : ''" @keyup.enter="onSearch" @input="resetsearch" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" v-model="searchValue" class="searchinput g_w_all" 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 class="main-page-obj">
+			<!-- 筛选导航 -->
+			<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 class="searchBox g_flex_row_start" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" outline="0" hidefocus="true">
+						<div class="g_flex_1">
+							<a-input :placeholder="jobNum ? `近48小时更新${jobNum}条招工信息` : ''" @keyup.enter="onSearch" @input="resetsearch" @blur="hidedownHotStore" @focus="showHotStore" tabindex="0" v-model="searchValue" class="searchinput g_w_all" 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>
-							</div>
-							<button slot="suffix" @click="onSearch" style="border-radius: 0px 6px 6px 0">搜索</button>
-						</a-input>
-					</div>
-					<div class="g_flex_none g_ml_12">
-						<a style="font-size: 14px;" @click="hideFilterContent">
-							筛选 <a-icon type="down" style="font-size: 14px;" />
-						</a>
+								<button slot="suffix" @click="onSearch" style="border-radius: 0px 6px 6px 0">搜索</button>
+							</a-input>
+						</div>
+						<div class="g_flex_none g_ml_12">
+							<a style="font-size: 14px;" @click="hideFilterContent">
+								筛选 <a-icon type="down" style="font-size: 14px;" />
+							</a>
+						</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>
-				<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" style="padding-top: 16px">
-				<div class="tabBar" @click="changeTab($event)">
-					<div class="tabSubset" :class="{ active: signType == 0 }"  data-type="0">默认</div>
-					<div class="tabSubset" :class="{ active: signType == 1 }"  data-type="1">按距离</div>
-					<div class="tabSubset" :class="{ active: signType == 2 }"  data-type="2">按工价</div>
-					<div class="tabSubset" :class="{ active: signType == 3 }"  data-type="3">按佣金</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' }" v-if="false">
-						<span>
+			<!-- 面包屑 -->
+			<!-- <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" style="padding-top: 16px">
+					<div class="tabBar" @click="changeTab($event)">
+						<div class="tabSubset" :class="{ active: signType == 0 }"  data-type="0">默认</div>
+						<div class="tabSubset" :class="{ active: signType == 1 }"  data-type="1">按距离</div>
+						<div class="tabSubset" :class="{ active: signType == 2 }"  data-type="2">按工价</div>
+						<div class="tabSubset" :class="{ active: signType == 3 }"  data-type="3">按佣金</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' }" v-if="false">
 							<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>
+									所有筛选
+									<i class="iconfont icon-youjiantou"></i>
 								</span>
-								<span @click="delFilter($event, 'age')" v-show="filterObj.age">
-									{{ filterObj.age }}
-									<i class="iconfont icon-guanbi2" v-show="filterObj.age"></i>
+								<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 @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>
+								<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>
-							<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 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>
-									<!-- </div> -->
-								</div>
-								<i @click="searchPrice">
+									<i @click="searchPrice">
+										<span
+											:style="{
+												color: filterObj.price == '3000-4000' ? '#1890ff' : '',
+											}"
+											>3000-4000</span
+										>
+										<span
+											:style="{
+												color: filterObj.price == '4000-5000' ? '#1890ff' : '',
+											}"
+											>4000-5000</span
+										>
+										<span
+											:style="{
+												color: filterObj.price == '5000-6000' ? '#1890ff' : '',
+											}"
+											>5000-6000</span
+										>
+										<span
+											:style="{
+												color: filterObj.price == '6000-7000' ? '#1890ff' : '',
+											}"
+											>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 == '男' ? '#1890ff' : '' }">男</span>
+									<span :style="{ color: filterObj.gender == '女' ? '#1890ff' : '' }">女</span>
 									<span
 										:style="{
-											color: filterObj.price == '3000-4000' ? '#1890ff' : '',
+											color: filterObj.gender == '男女不限' ? '#1890ff' : '',
 										}"
-										>3000-4000</span
+										>男女不限</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
-										:style="{
-											color: filterObj.price == '4000-5000' ? '#1890ff' : '',
+										v-for="(item, index) in tagArray1"
+										:key="index"
+										:class="{
+											'special-active': filterObj.specialactive.indexOf(item) > -1,
 										}"
-										>4000-5000</span
+										@click.stop="specialclick(index, item)"
+										>{{ item.name }}</span
 									>
+								</dd>
+							</dl>
+							<dl>
+								<dt>宿舍保障：</dt>
+								<dd>
 									<span
-										:style="{
-											color: filterObj.price == '5000-6000' ? '#1890ff' : '',
+										v-for="(item, index) in tagArray3"
+										:key="index"
+										:class="{
+											'special-active': filterObj.specialactive.indexOf(item) > -1,
 										}"
-										>5000-6000</span
+										@click.stop="specialclick(index, item)"
+										>{{ item.name }}</span
 									>
+								</dd>
+							</dl>
+							<dl>
+								<dt>班制休息：</dt>
+								<dd>
 									<span
-										:style="{
-											color: filterObj.price == '6000-7000' ? '#1890ff' : '',
+										v-for="(item, index) in tagArray0"
+										:key="index"
+										:class="{
+											'special-active': filterObj.specialactive.indexOf(item) > -1,
 										}"
-										>6000-7000</span
+										@click.stop="specialclick(index, item)"
+										>{{ item.name }}</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 == '男' ? '#1890ff' : '' }">男</span>
-								<span :style="{ color: filterObj.gender == '女' ? '#1890ff' : '' }">女</span>
-								<span
-									:style="{
-										color: filterObj.gender == '男女不限' ? '#1890ff' : '',
-									}"
-									>男女不限</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>
+								</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>
-				<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" 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 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 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 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> -->
-
-									<!-- <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 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.supplierName }}</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 / 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>
-				<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 class="pagecontainer f40" v-if="false">
+						<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>
-			<div class="maincontentright" v-if="false">
-				<div class="dateinfo">
-					<h1 class="bottombox">
-						<i>我的日历</i>
-					</h1>
-					<p
-						class="day"
-						:style="{
-							'font-size': '60px',
-							color: '#1890ff',
-							'line-height': '80px',
-							'margin-top': '8px',
-						}"
-					>
-						{{ dateinfo.day }}
-					</p>
-					<p class="week" :style="{ 'font-size': '16px', color: '#1890ff' }">{{ dateinfo.week }}</p>
-					<p class="date" :style="{ 'font-size': '16px', color: '#1890ff' }">{{ 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: #1890ff"></i>
+				<div class="maincontentright" v-if="false">
+					<div class="dateinfo">
+						<h1 class="bottombox">
+							<i>我的日历</i>
+						</h1>
+						<p
+							class="day"
+							:style="{
+								'font-size': '60px',
+								color: '#1890ff',
+								'line-height': '80px',
+								'margin-top': '8px',
+							}"
+						>
+							{{ dateinfo.day }}
 						</p>
-						<p class="f16">{{ managerInfo.workPhone || "-" }}</p>
+						<p class="week" :style="{ 'font-size': '16px', color: '#1890ff' }">{{ dateinfo.week }}</p>
+						<p class="date" :style="{ 'font-size': '16px', color: '#1890ff' }">{{ dateinfo.date }}</p>
 					</div>
-					<!-- </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: #1890ff"></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 class="relationme">
-          <p class="bottombox"><i>伯才合作</i></p>
-          <button>发布伯才</button>
-        </div>-->
-				<recommend />
 			</div>
 		</div>
 		<recordModal :show.sync="recordShow" :jobDetail="currentInfo"></recordModal>
@@ -589,6 +592,7 @@ export default {
 	// 组件状态值
 	data() {
 		return {
+			isFetching: false, // 标志位，防止重复加载
 			jobMainList: [], // 职位列表
       jobNum:0,
 			recordShow: false,
@@ -883,10 +887,12 @@ export default {
 	mounted() {
 		this.loginValue = localStorage.getItem("LOGIN_DATA") !== null ? JSON.parse(localStorage.getItem("LOGIN_DATA")) : { tel: "" };
 		console.log(this.loginValue);
+		window.addEventListener('scroll', this.handleScroll);
 	},
 	beforeDestroy() {
 		console.log("beforeDestroy");
 		// sessionStorage.removeItem("PAGE_TYPE")
+		window.removeEventListener('scroll', this.handleScroll);
 	},
 
 	destroyed() {
@@ -894,6 +900,29 @@ export default {
 	},
 	// 组件方法
 	methods: {
+		// ... 其他方法
+		handleScroll() {
+    const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+    const windowHeight = document.documentElement.clientHeight;
+    const scrollHeight = document.documentElement.scrollHeight;
+
+    if (scrollTop + windowHeight >= scrollHeight - 100 && !this.isFetching) { // 100 是一个阈值，可以根据需要调整
+      this.isFetching = true;
+      this.loadMoreData();
+    }
+  },
+  loadMoreData() {
+    this.formvalue.pageNum += 1; // 增加页码
+    if (this.signType != 0) {
+      this.getJobListYicai().then(() => {
+        this.isFetching = false;
+      });
+    } else {
+      this.getJobList().then(() => {
+        this.isFetching = false;
+      });
+    }
+  },
 		removePageInfo() {
 			sessionStorage.removeItem("PAGE_TYPE");
 		},
@@ -934,9 +963,8 @@ export default {
 			}
 			this.isspinning = false;
 		},
-		// 获取工作列表
 		async getJobList(newdata) {
-			this.isspinning = true;
+			// this.isspinning = true;
 			console.log("this.formvalue", this.formvalue);
 			try {
 				newdata = {
@@ -945,83 +973,61 @@ export default {
 					ageStr: "",
 					jobRequestLabelIds: "",
 					aliasName: "",
-					pageNum: 1,
+					pageNum: this.formvalue.pageNum, // 使用当前页码
 					pageSize: 8,
 					total: null, //分页配置
 				};
 				for (var k in this.formvalue) {
-					// console.log(this.formvalue[k]);
 					if (Array.isArray(this.formvalue[k])) {
 						newdata[k] = this.formvalue[k].length > 0 ? this.formvalue[k].join() : "";
 					} else {
 						newdata[k] = this.formvalue[k];
 					}
 				}
-				// console.log(newdata);
-				// debugger;
-				// console.log(this.isLogin);
 				if (this.isLogin) {
 					const { data } = await JobListApi(newdata);
-					console.log("data", data);
 					if (data.status === 200) {
-						this.jobMainList = disposeJobListData(data.data.recordList);
+						this.jobMainList = this.jobMainList.concat(disposeJobListData(data.data.recordList)); // 追加数据
 						this.formvalue.total = data.data.recordCount;
-						console.log(this.jobMainList);
 					} else {
 						this.$message.info("数据获取失败");
 					}
 				}
-				this.totop();
-				//  = data.data.recordList;
-				// console.log(this.formvalue);
+				// this.totop();
 			} catch (error) {
 				console.log(error);
 			}
 			this.isspinning = false;
 		},
-		async getJobNum() {
-			const { data } = await getJobNumApi();
-			this.jobNum = data.data;
-			console.log('getJobNum',data);
-		},
-		// 获取一才工作列表
 		async getJobListYicai(newdata) {
-			return;
-			this.isspinning = true;
+			// 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, //测试版
+					agencyId: aId,
 					recruitment: "1",
 					keys: "",
-					pageNum: 1,
+					pageNum: this.formvalue.pageNum, // 使用当前页码
 					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 = this.jobMainList.concat(disposeJobListData(data.data.recordList)); // 追加数据
 						this.jobMainList.forEach((item, index) => {
 							if (item.jobType == 2) {
 								item["servetype"] = setReturnFee(item.agencyReturnFee, item.agencyReturnFeeType);
@@ -1030,19 +1036,21 @@ export default {
 							}
 						});
 						this.formvalue.total = data.data.recordCount;
-						console.log(this.jobMainList);
 					} else {
 						this.$message.info("数据获取失败");
 					}
 				}
-				this.totop();
-				//  = data.data.recordList;
-				// console.log(this.formvalue);
+				// this.totop();
 			} catch (error) {
 				console.log(error);
 			}
 			this.isspinning = false;
 		},
+		async getJobNum() {
+			const { data } = await getJobNumApi();
+			this.jobNum = data.data;
+			console.log('getJobNum',data);
+		},
 
 		//搜索企业名称
 		onSearch() {
@@ -1404,8 +1412,8 @@ export default {
 		},
 		totop() {
 			// console.log(window);
-			document.body.scrollTop = 0;
-			document.documentElement.scrollTop = 0;
+			// document.body.scrollTop = 0;
+			// document.documentElement.scrollTop = 0;
 			// window.body.scrollY = 0;
 		},
 		moneyToFixed(value) {
diff --git a/src/views/main.vue b/src/views/main.vue
index c38084b..fcdfc3e 100644
--- a/src/views/main.vue
+++ b/src/views/main.vue
@@ -705,7 +705,7 @@ export default {
 		showfooter() {
 			const path = this.$route.fullPath;
 
-			if (path.indexOf("main") > -1) {
+			if (path.indexOf("main") > -1 || this.pagrTitle == 'list') {
 				this.isbannershow = false;
 				this.isfootershow = false;
 			} else {