yizhizan-h5/pages/index/index.vue

<template>
	<view>
		<block v-if="XCXIsSelect!='是'">
			<view class="banner flex justify-center">
				<view class="banner-box">
					<swiper :indicator-dots="false" style="width: 100%;height: 100%;" :autoplay="true" :interval="300"
						:duration="1000">
						<swiper-item v-for="(item,index) in bannerList" :key="index" @click="goNave(item.url)">
							<view class="swiper-item" style="width: 100%;height: 100%;">
								<image :src="item.imageUrl" style="width: 100%;height: 100%;border-radius: 24rpx;"
									mode="scaleToFill"></image>
							</view>
						</swiper-item>
					</swiper>
				</view>
			</view>
			<view class="" style="width: 100%;margin-top: 20rpx;" v-for="(item,index) in dataList" :key="index">
				<view class=""
					style="padding: 20rpx 20rpx;width: 686rpx;background-color: #ffffff;border-radius: 18rpx;margin: auto;">
					<view class="">
						<text>{{item.company?item.company.companyName:''}}</text>信息简介
					</view>
					<view class="flex flex-wrap" style="margin-top: 20rpx;">
						<text
							style="color: #666666;font-size: 26rpx;padding: 10rpx 25rpx 10rpx 25rpx;background-color: #F6F6F6;border-radius: 8rpx;margin-right: 20rpx;margin-bottom: 20rpx;"
							v-for="(ite,ind) in item.positionWelfare" :key="ind">{{ite}}</text>
					</view>
					<view class="" style="margin-top: 20rpx;">
						<text>{{item.company?item.company.companyName:''}}提供数据支持</text>
					</view>
				</view>
			</view>

		</block>
		<block v-else>
			<!-- 用户端 -->
			<block v-if="userType==1">
				<!-- <view class="topbg"> -->
				<!-- 顶部图片区 -->
				<!-- #ifdef H5 -->
				<!-- <view class="banner flex justify-center" style="padding-top: 20rpx;"
						v-if="bannerListuser.length!=0"> -->
				<!-- #endif -->
				<!-- #ifndef H5 -->
				<!-- <view class="banner flex justify-center" v-if="bannerListuser.length!=0"> -->
				<!-- #endif -->
				<!-- <view class="banner-box">
								<swiper :indicator-dots="false" style="width: 100%;height: 100%;" :autoplay="true"
									:interval="5000" :duration="300">
									<swiper-item v-for="(item,index) in bannerListuser" :key="index"
										@click="goNave(item.url)">
										<view class="swiper-item" style="width: 100%;height: 100%;">
											<image :src="item.imageUrl"
												style="width: 100%;height: 100%;border-radius: 24rpx;"
												mode="scaleToFill">
											</image>
										</view>
									</swiper-item>
								</swiper>
							</view>
						</view> -->
				<!-- 公告区 -->
				<!-- <view class="announcement" v-if="gongao.length!=0">
							<view class="announcementbox">
								<view class="anount">最新公告</view>
								<view class="anounts flex align-center" v-if="gongao.length>0">
									<view class="" style="width: 100%;">
										<u-notice-bar color="#333" bg-color="#e5fff2" padding="0rpx 24rpx 4rpx 24rpx"
											:volume-icon="false" style="height: 100%;" mode="vertical"
											:list="gongao"></u-notice-bar>
									</view>
								</view>
								<view class="anounts flex align-center" style="padding-left: 30rpx;" v-else>
									暂无公告
								</view>
							</view>
						</view> -->

				<!-- 企业端 -->
				<!-- <view v-if="gridlist.length!=0">
							<u-grid :col="4" :border="false">
								<u-grid-item bg-color="#00DD9A">
									<view v-for="(item,index) in gridlist" :key="index" style="text-align: center;"
										@click="goNave(item.url)">
										<image :src="item.imageUrl"
											style="width:80rpx;height: 80rpx;border-radius: 50%;">
										</image>
										<view style="color: #FFFFFF;">{{item.name}}</view>
									</view>
								</u-grid-item>

							</u-grid>
						</view> -->
				<!-- </view> -->
				<view class="topbg-sticky">
					<image class="top-bg" src="/static/images/index/index-bg.png" mode="widthFix" />
					<!-- <view class="top-bg"></view> -->
					<!-- 标题-搜索 -->
					<view class="topbg-sticky-box" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">
						<view class="topbg-sticky-title flex justify-between align-center">
							<view class="topbg-sticky-title-left flex align-center">
								<image src="../../static/images/index/xingIcon.svg" class="xing-icon" />
								<view>星光不负逐梦人</view>
							</view>
							<view class="topbg-sticky-title-right flex align-center"
								@click="goNavs('/package/search/search')">
								<u-icon name="search" color="#ffffff" size="40"></u-icon>
							</view>
						</view>
						<view class="topbg-sticky-subtitle">亿职赞，愿你在追梦路上找到心仪工作</view>
					</view>

					<!-- tabs和筛选 -->
					<view class="topbg-type flex justify-center">
						<view class="topbg-type-box">
							<!-- 第一行：tabs -->
							<view class="topbg-type-box-row flex justify-between align-center">
								<view class="topbg-type-box-l flex align-center">
									<view class="topbg-type-box-l-i" :class="current==index?'active':''"
										@tap="current = index" v-for="(item,index) in typeList" :key="index">
										{{item.label}}
									</view>
								</view>
								<!-- 添加求职意向 -->
								<view class="topbg-yx-box-r flex align-center" @click="addDirection">
									<image src="../../static/images/index/Attachment.svg" class="attachment-icon" />
								</view>
							</view>

							<!-- 第二行：筛选 -->
							<view class="topbg-sx-box flex justify-between align-center">
								<!-- 分类 -->
								<view class="topbg-sx-box-l flex align-center">
									<view class="topbg-sx-box-l-i" :class="currentSx==index?'active3':''"
										@click="currentSx = index" v-for="(item,index) in sxTypeList" :key="index">
										{{item.name}}
									</view>
								</view>

								<view class="topbg-sx-box-r flex align-center">
									<!-- 城市 -->
									<view class="topbg-sx-box-r-i flex align-center" style=""
										@click="goNav('/package/screen/city?city='+city+'&county='+county+'&type='+'search')">
										<text style="margin-right: 10rpx;">{{county?county:city?city:'选择城市'}}</text>
										<u-icon name="arrow-down" color="#016bf6" size="16"></u-icon>
									</view>

									<!-- <text style="color: #CCCCCC;margin-left: 30rpx;margin-right: 30rpx;">|</text> -->
									<block v-if="current != typeList.length - 1">
										<!-- 筛选 -->
										<view class="topbg-sx-box-filter flex align-center"
											:class="{ activeColor: filledFieldsCount }">
											<text style="margin-right: 10rpx;"
												@click="goNavs('/package/screen/screen')">筛选{{filledFieldsCount}}</text>
											<u-icon name="arrow-down" :color="filledFieldsCount?'#016bf6':'#999999'"
												size="16" @click="goNavs('/package/screen/screen')"></u-icon>
										</view>
									</block>
									<block v-else>
										<!-- 筛选 -->
										<view class="topbg-sx-box-filter flex align-center"
											:class="{ activeColor: filledFieldsCount }">
											<text style="margin-right: 10rpx;"
												@click="goNavs('/package/screen/screenComp')">筛选{{filledFieldsCount}}</text>
											<u-icon name="arrow-down" color="filledFieldsCount?'#016bf6':'#999999'"
												size="16" @click="goNavs('/package/screen/screenComp')"></u-icon>
										</view>
									</block>
								</view>
							</view>

							<!-- 从事方向 -->
							<view class="direction-tip">
								<view class="direction-tip-title">请选择您可从事方向</view>
								<view class="direction-tip-subtitle">您的偏好选择将用于为您推荐更匹配的职位</view>

								<!-- 标签选择 -->
								<view class="direction-tags flex align-center flex-wrap">
									<view class="direction-tag"
										:class="preference.indexOf(item.id)>=0||(preference.length<=0&&item.id=='不限')?'active':''"
										@click="selectPreference(item)" v-for="(item,index) in directionList"
										:key="index">
										{{item.name}}
									</view>
									<!-- <view class="direction-tag-add" @click="addDirection">
										<text>对应职位相关标签</text>
									</view> -->
									<view class="direction-tag-plus" @click="goPreference">
										<u-icon name="plus" color="#999999" size="16"></u-icon>
									</view>
								</view>
							</view>
						</view>
					</view>

					<!-- 求职意向 -->
					<!-- <view class="topbg-yx flex justify-center flex-wrap">
							<view v-if="current != typeList.length - 1"
								class="topbg-yx-box flex justify-between align-center">
								<view class="topbg-yx-box-l ">
									<scroll-view scroll-x="true" class="topbg-scroll"
										:scroll-into-view="'bottomView'+currentjob" scroll-with-animation="true">
										<view class="topbg-yx-box-l-i" :id="'bottomView'+index"
											:class="currentjob==index?'active2':''" @click="currentjob=index"
											v-for="(item,index) in jobTypeList" :key="index">
											<view class="topbg-yx-box-l-i-c">
												<view class="topbg-yx-box-l-i-text">{{item.name}}</view>
												<view v-if="currentjob==index" class="topbg-yx-box-l-i-line"></view>
											</view>
										</view>
									</scroll-view>

								</view>
							</view>
						</view> -->
					<!-- <view
							style="width: 100%;height: 40rpx;background: #F2F2F7;border-radius: 40rpx 40rpx 0 0;margin-top: 20rpx;"
							v-if="current == typeList.length - 1 && companList.length>0"></view> -->
				</view>
				<!-- 岗位推荐 -->
				<block v-if="current != typeList.length - 1">
					<view class="gwList flex justify-center" v-if="dataList.length>0">
						<view class="gwList-box">
							<scroll-view scroll-y="true" style="width: 100%;height: 60vh;">
								<view class="gwList-box-item flex justify-center" @click="gotoInfo(item.postPushId)"
									v-for="(item,index) in dataList" :key="index">
									<view class="gwList-box-item-box">
										<!-- 标题-薪资 -->
										<view class="gwList-box-item-box-title flex justify-between align-center">
											<view class="title-left flex align-center">
												<view class="job-title-text"
													style="max-width: 450rpx;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;">
													<!-- <block v-if="isSameName(item.ruleClassifyName,item.stationName)">
														{{item.ruleClassifyName}}-
													</block> -->
													<block>
														{{item.ruleClassifyName}}
													</block>
												</view>
												<view v-if="item.isDue==1" class="salary-text-box">
													<image src="../../static/images/index/jipinIcom.svg"
														class="jipin-icon" />
													<text class="jipin-text">急聘</text>
												</view>
											</view>
											<text class="salary-text">{{item.salaryRange}}</text>
										</view>
										<!-- 公司名称-公司人数 -->
										<view class="gwList-box-item-box-name flex align-center">
											<text class="company-name"
												style="margin-right: 8rpx;">{{item.company?item.company.companyName:''}}</text>
											<text class="company-people"
												v-if="item.company">{{item.company?item.company.companyPeople:'0人'}}</text>
										</view>
										<!-- 职位标签 -->
										<view class="gwList-box-item-box-label flex align-center flex-wrap">
											<text class="job-tag">{{item.education}}</text>
											<text class="job-tag">{{item.experience}}</text>
											<text class="job-tag" v-for="(ite,ind) in item.welfareTag||[]"
												:key="ind">{{ite}}</text>
										</view>
										<!-- <view class="gwList-box-item-box-line"></view> -->
										<!-- 公司简介-位置 -->
										<view class="gwList-box-item-box-info flex justify-between align-center">
											<view class="gwList-box-item-box-info-l flex align-center">
												<image
													:src="item.hr&&item.hr.hrImg?item.hr.hrImg:'../../static/logo.png'"
													style="width: 58rpx;height: 58rpx;border-radius: 50%;" mode="">
												</image>
												<view class="company-info-text">
													{{item.user&&item.user.userName||'未知'}}·{{item.hr&&item.hr.hrPosition||'未知'}}
												</view>
												<view v-if="item.respondTime" class="reply-time">{{item.respondTime}}
												</view>
											</view>
											<view class="location-text">
												{{item.distance}} {{item.county}}
											</view>
										</view>
									</view>
								</view>
							</scroll-view>
						</view>
					</view>
					<!-- 暂无数据 -->
					<view class="gwList" v-else>
						<empty />
					</view>
				</block>

				<view class="companyListBox" v-if="current == typeList.length - 1 && companList.length>0">
					<companyListIndex @goInfo="goInfo" :item="item" v-for="(item,index) in companList" :key="index" />
				</view>

				<view class="gwList" v-if="current == typeList.length - 1 && companList.length==0">
					<empty />
				</view>
			</block>
			<!-- 企业版 -->
			<block v-else>
				<!-- 顶部banner图片 -->
				<!-- 
					<view class="banner flex justify-center">
						<view class="banner-box">
							<swiper :indicator-dots="false" style="width: 100%;height: 100%;" :autoplay="true"
								:interval="5000" :duration="300">
								<swiper-item v-for="(item,index) in bannerList" :key="index">
									<view class="swiper-item" style="width: 100%;height: 100%;">
										<image :src="item.imageUrl" style="width: 100%;height: 100%;border-radius: 24rpx;"
											mode="scaleToFill"></image>
									</view>
								</swiper-item>
							</swiper>
						</view>
					</view>
				-->

				<view class="topbg-sticky">
					<!-- 			<image class="top-bg" src="/static/images/index/index-bg1.png" mode="widthFix" /> -->
					<!-- <view class="top-bg"></view> -->
					<!-- 标题-搜索 -->
					<view class="topbg-sticky-box" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">
						<view class="topbg-sticky-title flex justify-between align-center">
							<view class="topbg-sticky-title-left flex align-center">
								<image src="../../static/images/index/xingIcon.svg" class="xing-icon" />
								<view>星光不负逐梦人</view>
							</view>

						</view>
						<view class="topbg-sticky-subtitle">亿职赞，愿你在逐梦路上找到心仪伙伴</view>
					</view>

					<!-- tabs和筛选 -->
				</view>



				<!-- 最新公告 -->
				<view class="announcement" v-if="gongao.length!=0">
					<view class="announcementbox">
						<view class="anount">最新公告</view>
						<view class="anounts flex align-center" v-if="gongao.length>0">
							<view class="" style="width: 100%;">
								<u-notice-bar color="#333" bg-color="#e5fff2" padding="0rpx 24rpx 4rpx 24rpx"
									:volume-icon="false" style="height: 100%;" mode="vertical"
									:list="gongao"></u-notice-bar>
							</view>
						</view>
					</view>
				</view>
				<view v-if="gridlist.length!=0">
					<u-grid :col="4" :border="false">
						<u-grid-item bg-color="#f2f2f7">
							<view v-for="(item,index) in gridlist" :key="index" style="text-align: center;"
								@click="goNave(item.url)">
								<image :src="item.imageUrl" style="width:80rpx;height: 80rpx;border-radius: 50%;">
								</image>
								<view style="color: #333333;">{{item.name}}</view>
							</view>
						</u-grid-item>

					</u-grid>
				</view>

				<!-- 筛选 -->
				<!-- :style="{ paddingTop: (12 + statusBarHeight) + 'px !important' }" -->
				<u-sticky @fixed="isfixed" @unfixed="isunfixed" h5-nav-height="0" bg-color="#F2F2F7" :enable="enable">
					<view class="qySx flex justify-center" :class="isfixeds==true?'isfixed':'isfixeds'">
						<image class="qySx-bg" src="/static/images/index/index-bg1.png" mode="widthFix"></image>
						<view class="qySx-box">
							<!-- 第一行：tabs -->
							<view class="qySx-box-row flex justify-between align-center">
								<view class="qySx-box-l flex align-center">
									<view class="qySx-box-l-i" :class="currentJobSx==index?'active':''"
										@tap="currentJobSx=index;getDomWidth()" v-for="(item,index) in jobSxTypeList"
										:key="index">
										{{item.name}}
									</view>
								</view>
								<!-- 发布招聘 -->
								<!-- 		<view class="qySx-box-r flex align-center" @click="goNavss('/package/addJob/addJob')">
									<image src="../../static/images/index/Attachment.svg" class="attachment-icon" />
								</view> -->

								<view class="qySx-box-r flex align-center"
									@click="goNavss('/pages/my/jobPosting?companyId='+companyId+'&status='+companyStatus+'&companyName='+companyName)">
									<image src="../../static/images/index/Attachment.svg" class="attachment-icon" />
								</view>

							</view>


							<!-- 第二行：筛选 -->
							<view class="qySx-sx-box flex justify-between align-center">
								<!-- 分类 -->
								<view class="qySx-sx-box-l flex align-center">
									<view class="qySx-sx-box-l-i" :class="currentJobSxs==index?'active3':''"
										@click="currentJobSxs=index" v-for="(item,index) in jobSxsTypeList"
										:key="index">
										{{item.name}}
									</view>
								</view>

								<view class="qySx-sx-box-r flex align-center">
									<!-- 城市 -->
									<view class="qySx-sx-box-r-i flex align-center">
										<text style="margin-right: 10rpx;"
											@click="goNav('/package/jobIntention/city')">{{city?city:'选择城市'}}</text>
										<u-icon name="arrow-down" color="#00B78F" size="16"
											@click="goNav('/package/jobIntention/city')"></u-icon>
									</view>

									<!-- 筛选 -->
									<view class="qySx-sx-box-filter flex align-center">
										<text style="margin-right: 10rpx;"
											@click="goNav('/package/screen/screen?type=2')">筛选</text>
										<u-icon name="arrow-down" color="#999999" size="16"
											@click="goNav('/package/screen/screen?type=2')"></u-icon>
									</view>
								</view>
							</view>
						</view>
					</view>
				</u-sticky>

				<!-- Vip推荐 -->
				<!-- 				<view class="vipRecommend">
					<view class="vipRecommend-box">
						<view class="vipRecommend-close" @click="closeVipRecommend">
							<image src="../../static/images/index/qiyeDelete.svg" class="close-icon" />
						</view>
						<view class="vipRecommend-content">
							<view class="vipRecommend-title">
								<text class="job-title">亚马逊运营总监</text>
								<text class="job-status">职位体验中</text>
							</view>
							<view class="vipRecommend-message">
								今日已错过24位新增牛人
							</view>
							<view class="vipRecommend-hint">
								升级VIP正式版,享更多查看沟通权益
							</view>
						</view>
					</view>
				</view> -->

				<!-- 简历列表 -->
				<view class="qyList flex justify-center">
					<view class="qyList-box">
						<view class="qyList-box-item flex justify-center" v-for="(item,index) in datasList" :key="index"
							@click="goNav('/pages/talentSearch/resumeDetail?resumesId='+item.resumesId+'&postPushId='+jobSxTypeList[currentJobSx].id)">
							<!-- /pages/index/game/orderDet  -->

							<view class="qyList-box-item-box">
								<view class="qyList-box-item-info flex justify-between align-center">
									<view class="qyList-box-item-info-l">
										<view class="" style="color: #212121;font-size: 38rpx;font-weight: 800;">
											{{item.userName}}
										</view>
										<view class="flex align-center flex-wrap"
											style="color: #999999;font-size: 26rpx;margin-top: 10rpx;">
											<text>{{item.userAge}}岁</text>
											<text style="margin-left: 20rpx;margin-right: 20rpx;">|</text>
											<text>{{item.resumesWorkExperience || 0}}年</text>
											<text style="margin-left: 20rpx;margin-right: 20rpx;">|</text>
											<text>{{item.degree}}</text>
											<text style="margin-left: 20rpx;margin-right: 20rpx;">|</text>
											<text>期望{{item.minSalary}}-{{item.maxSalary}}元</text>
										</view>
									</view>
									<view class="qyList-box-item-info-r">
										<image :src="item.userAvatar?item.userAvatar:'../../static/logo.png'"
											style="width: 95rpx;height: 95rpx;border-radius: 50%;" mode=""></image>
									</view>
								</view>

								<view class="qyList-box-item-job flex align-center">
									<image src="../../static/images/qi.png"
										style="width: 30rpx;height: 32rpx;margin-right: 16rpx;" mode=""></image>
									<block v-if="item.workType">
										{{item.workType?item.workType:''}} /
										{{item.workType?item.workType:''}}
									</block>
									<block v-else>
										暂无工作经历
									</block>
								</view>
								<view class="qyList-box-item-job flex align-center">
									<u-icon name="heart-fill" color="#016BF6" size="30" style="margin-right: 16rpx;">
									</u-icon>
									求职期望:{{item.expectedPosition}}
								</view>
								<view class="resume-skills" v-if="item.skills && item.skills.length > 0">
									<!-- 	  <text class="skills-label">技能标签:</text> -->
									<view class="skills-tags flex flex-wrap">
										<text class="tag-item" v-for="(skill, skillIdx) in item.skills.split(',')"
											:key="skillIdx">
											{{skill}}
										</text>
									</view>
								</view>

								<view class="qyList-box-item-rem" v-if="item.workContent">
									优势:{{item.workContent}}
								</view>
							</view>
						</view>
						<empty :isShow="false" v-if="datasList.length==0" />
					</view>
				</view>

			</block>
		</block>

		<view v-if="goback==true" class="goback" @click="gotoBack">
			<image style="width: 88rpx;height: 88rpx;border-radius: 50%;" src="../../static/images/up.jpg" mode="">
			</image>
		</view>
	</view>
</template>

<script>
	import empty from '../../components/empty.vue'
	import permision from '@/js_sdk/wa-permission/permission.js'
	import companyListIndex from '@/components/companyListIndex/companyListIndex.vue'
	export default {
		components: {
			empty,
			companyListIndex
		},
		data() {
			return {
				statusBarHeight: 0, // 状态栏高度
				enable: true, //开启吸顶
				goback: false,
				county: '', //区
				city: '',
				companyName: "",
				companyId: "",
				datasList: [],
				isfixeds: false,
				userType: 1,
				dataList: [],
				current: 0,
				typeList: [],
				currentSx: 0,
				sxTypeList: [{
						id: 1,
						name: '推荐',
					},
					{
						id: 2,
						name: '最新',
					},
					{
						id: 3,
						name: '附近',
					}
				],
				currentjob: 0,
				jobTypeList: [{
					projectName: '',
					name: '全部',
				}, ],
				currentJobSx: 0,
				jobSxTypeList: [{
					projectName: '',
					name: '全部',
				}],
				currentJobSxs: 0,
				jobSxsTypeList: [{
						id: 1,
						name: '推荐',
					},
					{
						id: 2,
						name: '最新',
					},
					//{
					// 	id: 2,
					// 	name: '优选',
					// }
				],
				token: '',
				page: 1,
				limit: 10,
				latitude: '',
				longitude: '',
				totlo: '',
				education: '', //学历
				experience: '', //经验
				industry: '', //行业
				salaryRange: '', //薪资
				companyPeople: '', //公司规模
				preference: [],
				domeWidth: 0,
				showModal: true,
				arr: [],
				companyStatus: '',
				XCXIsSelect: '是',
				bannerList: [], //企业端轮播图
				bannerListuser: [], //用户端轮播图
				gridlist: [], //用户端分类
				gongao: [], //公告
				tuiguang: '', //分享标题
				bgImg: '', //分享图片
				companList: [], //公司列表
				directionList: [ //方向列表
					{
						id: '不限',
						name: '不限'
					}
				],
			};
		},
		onShareAppMessage(res) {
			return {
				path: '/pages/index/index?invitation=' + uni.getStorageSync(
					'invitationCode'), //这是为了传参   onload(data){let id=data.id;} 
				title: this.tuiguang,
				imageUrl: this.bgImg
			}
		},
		onShareTimeline(res) {
			return {
				path: '/pages/index/index?invitation=' + uni.getStorageSync(
					'invitationCode'), //这是为了传参  
				title: this.tuiguang,
				imageUrl: this.bgImg
			}
		},
		computed: {
			filledFieldsCount() {
				const fields = [this.education, this.experience, this.industry, this.salaryRange, this.companyPeople];
				const count = fields.filter(item => item).length;
				return count > 0 ? '·' + count : '';
			}
		},
		watch: {
			current(newData, oldData) {
				console.log(this.current)
				uni.showLoading({
					title: '加载中'
				})
				this.page = 1
				if (this.current == this.typeList.length - 1) { //公司
					this.getComanyList()
				} else {
					this.getUserList()
				}
			},
			currentSx(newData, oldData) {
				uni.showLoading({
					title: '加载中'
				})
				this.page = 1
				this.getUserList();
			},
			currentjob(newData, oldData) {
				uni.showLoading({
					title: '加载中'
				})
				this.page = 1
				this.getUserList()
			},
			currentJobSx(newData, oldData) {
				uni.showLoading({
					title: '加载中'
				})
				this.page = 1
				this.getPeopList()
			},
			currentJobSxs(newData, oldData) {
				uni.showLoading({
					title: '加载中'
				})
				this.page = 1
				this.getPeopList()
			},
			//监听userType的变化  如果有旧值跟新值不同  则把分页重置为初始状态，为了解决切换身份后数据分页错误的问题
			userType(newType, oldType) {
				if (newType != oldType) {
					this.page = 1
					if (this.userType == 1) {
						uni.showLoading({
							title: '加载中'
						})
						this.page = 1
						this.getUserList()
					} else {
						uni.showLoading({
							title: '加载中'
						})
						this.page = 1
						this.getPeopList()
					}
				}
			}
		},
		onPageScroll(e) {
			if (e.scrollTop > 350) {
				this.goback = true
			} else {
				this.goback = false
			}
		},
		onLoad(e) {
			// 获取状态栏高度
			let systemInfo = uni.getSystemInfoSync();
			this.statusBarHeight = systemInfo.statusBarHeight || 0;
			this.companyId = uni.getStorageSync('companyId');
			// #ifdef APP
			this.getAudioPermision()
			// #endif
			// 获取邀请码保存到本地
			if (e.invitation) {
				this.$queue.setData('inviterCode', e.invitation);
			}
			// #ifdef MP-WEIXIN
			if (e.scene) {
				const scene = decodeURIComponent(e.scene);
				this.$queue.setData('inviterCode', scene.split(',')[0]);
			}
			// #endif
			// this.XCXIsSelect = this.$queue.getData("XCXIsSelect");
			uni.showLoading({
				title: '加载中'
			})

			if (uni.getStorageSync('userType')) {
				this.userType = uni.getStorageSync('userType');
			}
			let that = this
			uni.$on('preferenceUpdated', (data) => {
				let prefer = []
				data.preferences.forEach(function(item) {
					var tem = {
						id: item,
						name: item
					}
					prefer.push(tem)
				})
				that.directionList = prefer
			})



			this.getDomWidth()
			this.$Request.getT('/app/common/type/255').then(res => {
				uni.hideLoading();
				if (res.code === 0) {
					if (res.data && res.data.value) {
						this.tuiguang = res.data.value;
					}
				}
			});
			if (this.userType == 1) { //用户邀请图
				this.$Request.getT('/app/banner/selectBannerList?state=-1&classify=5').then(res => {
					if (res.code === 0) {
						this.bgImg = res.data[0].imageUrl;
					}
				});
			} else { //企业邀请图
				this.$Request.getT('/app/banner/selectBannerList?state=-1&classify=6').then(res => {
					if (res.code === 0) {
						this.bgImg = res.data[0].imageUrl;
					}
				});
			}
			// 监听筛选条件触发getJobSearchList
			uni.$on('updateScreenFilterRecord', () => {
				//待处理
			})
			// uni.$on('city', data => {
			// 	that.city = data.city
			// 	uni.setStorageSync('city', that.city)
			// })
			uni.$on('filterCity', data => {
				console.log(data, '选择的市')
				that.city = data.city
				that.county = data.county
				uni.setStorageSync('city', that.city)
				this.page = 1
				that.getUserList();
			})
		},
		onUnload() {
			uni.$off('filterCity');
			uni.$off('preferenceUpdated')
			uni.$off('updateScreenFilterRecord')
			// uni.$off('city')
		},
		//下拉刷新
		onPullDownRefresh() {
			this.page = 1
			if (this.userType == 1) {
				if (this.current != this.typeList.length - 1) {
					this.getUserList()
				} else {
					this.getComanyList()
				}
			} else {
				this.getPeopList()
			}
		},
		//加载更多
		onReachBottom() {
			if (this.page < this.totlo) {
				this.page += 1
				if (this.userType == 1) {
					if (this.current != this.typeList.length - 1) {
						this.getUserList()
					} else {
						this.getComanyList()
					}
				} else {
					this.getPeopList()
				}

			}
		},
		onHide() {
			//离开页面时关闭吸顶功能,用于处理h5环境运行下'bottom' of null报错的问题
			this.enable = false
		},
		onShow() {
			let that = this;

			this.getBannerList()
			this.getgridList()
			this.getgonggaoList()
			// #ifdef MP-WEIXIN
			this.$Request.get('/app/common/type/257').then(res => {
				if (res.code == 0) {
					// #ifdef MP-WEIXIN
					this.XCXIsSelect = res.data.value
					// #endif
					// #ifndef MP-WEIXIN
					this.XCXIsSelect = '是'
					// #endif
				}
			});
			// this.$Request.get('/app/common/type/238').then(res => {
			// 	if (res.code == 0) {
			// 		// #ifdef MP-WEIXIN
			// 		this.XCXIsSelect = res.data.value
			// 		// #endif
			// 		// #ifndef MP-WEIXIN
			// 		this.XCXIsSelect = '是'
			// 		// #endif
			// 	}
			// });
			// #endif


			this.enable = true
			if (uni.getStorageSync('userType')) {
				this.userType = uni.getStorageSync('userType');
			}

			this.token = uni.getStorageSync('token');
			const condition = this.$queue.getFilterData()
			this.education = condition.education //学历
			this.experience = condition.experience //经验
			this.industry = condition.industry //行业
			this.salaryRange = condition.salaryRange //薪资
			this.companyPeople = condition.companyPeople //公司规模

			// this.getPostType();
			if (this.userType == 1) {
				uni.setNavigationBarColor({
					frontColor: '#ffffff',
					backgroundColor: '#00DD9A'
				})
			} else {
				uni.setNavigationBarColor({
					frontColor: '#000000',
					backgroundColor: '#F2F2F7'
				})
			}
			if (this.token) {
				this.getUserInfo();

				if (this.userType == 1) {
					this.getJobType();
				} else {
					this.jobTypeList = [{
						projectName: '',
						name: '全部',
					}]
					this.getCompanyClassify()
					this.getCompanyStatus()
				}
				this.$Request.getT('/app/common/type/310').then(res => { //消息未读提醒
					if (res.code == 0) {
						if (res.data && res.data.value) {
							this.arr.push(res.data.value)
						}
					}
				})
				this.$Request.getT('/app/common/type/337').then(res => { //预约成功通知(通用)
					if (res.code == 0) {
						if (res.data && res.data.value) {
							this.arr.push(res.data.value)
						}
					}
				})
				this.$Request.getT('/app/common/type/338').then(res => { //订单状态通知
					if (res.code == 0) {
						if (res.data && res.data.value) {
							this.arr.push(res.data.value)
						}
					}
				})
				// #ifdef MP-WEIXIN
				if (this.showModal) {
					this.openMsg()
				}
				// #endif
			} else {
				this.jobTypeList = [{
					projectName: '',
					name: '全部',
				}]
			}
			if (uni.getStorageSync('city')) {
				this.city = uni.getStorageSync('city')
			} else {
				this.city = ''
			}
			if (this.city) {
				if (this.userType == 1) {
					if (this.current != this.typeList.length - 1) {
						this.getPostType();
					} else {
						this.getComanyList()
					}
				} else {
					this.getCompanyClassify()
				}
				// if (this.userType == 1) { //用户端岗位
				// 	that.getPostType();
				// } else { //企业端简历
				// 	that.getPeopList();
				// }
			}

		},
		methods: {
			//去企业详情
			goInfo(item) {
				uni.navigateTo({
					url: '/my/enterpriseInfo/enterpriseInfo?companyId=' + item.companyId
				})
			},
			// 
			async getLocalJobs() {
				const hasLocation = await this.$queue.checkPermission(
					'location',
					'获取位置需要定位权限，用于推荐同城的求职岗位'
				);
				if (!hasLocation) return;
				// 权限通过，调用定位API
				uni.getLocation({
					type: 'wgs84', //wgs84  gcj02
					success: function(res) {
						console.log(res, '地理位置');
						that.latitude = res.latitude;
						that.longitude = res.longitude;
						if (that.userType == 1) {
							// that.getUserList();
							that.getPostType()
						} else {
							that.getCompanyClassify()
						}
						// console.log(uni.getStorageSync('city') == '', '22222222222')
						if (!uni.getStorageSync('city') || uni.getStorageSync('city') == '' || uni
							.getStorageSync(
								'city') == null) {
							// #ifdef APP-PLUS
							if (res.address) {
								that.city = res.address.city
							} else {
								that.getSelectCity(that.longitude, that.latitude);
							}
							// #endif
							// #ifndef APP
							that.getSelectCity(that.longitude, that.latitude);
							// #endif
						}
					},
					fail: function() {
						console.log('获取地址失败');
						// 获取位置失败时也要关闭加载并调用数据接口
						uni.hideLoading()
						// 即使没有位置信息，也要加载数据
						if (that.userType == 1) {
							that.getPostType()
						} else {
							that.getCompanyClassify()
						}
					}
				})
			},


			//获取公司列表
			getComanyList() {
				let data = {
					page: this.page,
					limit: this.limit,
					city: this.city == '全国' ? '' : this.city, //城市
					companyScope: this.industry,
					companyPeople: this.companyPeople
				}
				this.$Request.getT('/app/company/listCompany', data).then(res => {
					uni.hideLoading()
					uni.stopPullDownRefresh()
					if (res.code == 0) {
						this.totlo = res.data.pages
						if (this.page == 1) {
							this.companList = res.data.records
						} else {
							this.companList = [...this.companList, ...res.data.records]
						}
						// this.companList = res.data
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none'
						})
					}
				})
			},
			isSameName(className, name) {
				let str1 = className.trim();
				if (str2 == null)
					return false;
				let str2 = name.trim();
				if (str1.length !== str2.length) {
					return true;
				}
				return str1.toLowerCase() !== str2.toLowerCase();
			},
			//获取麦克风/摄像头权限
			async getAudioPermision() {
				let status = permision.isIOS ? await permision.judgeIosPermission("record") : await permision
					.requestAndroidPermission("android.permission.RECORD_AUDIO")
				let status2 = permision.isIOS ? await permision.judgeIosPermission("camera") : await permision
					.requestAndroidPermission("android.permission.CAMERA")
				if (status === null || status === 1 || status == true) { //已经同意授权
					console.log('获取到权限了')

				} else { //未授权的
					this.popupshowsq = true
				}
			},
			goNave(url) {
				if (url.indexOf('/pages/') !== -1 || url.indexOf('/my/') !== -1 || url.indexOf('/package/') !== -1) {
					uni.navigateTo({
						url
					});
				} else {
					//#ifndef H5
					uni.navigateTo({
						url: '/pages/index/webView?url=' + url
					});
					//#endif
					//#ifdef H5
					window.location.href = url;
					//#endif	
				}
			},
			//获取公告
			getgonggaoList() {
				if (!uni.getStorageSync('userType') || uni.getStorageSync('userType') == 1) {
					this.$Request.get('/app/message/page/1/1/100').then(res => {
						if (res.code == 0) {
							let arr = []
							res.data.list.map(item => {

								if (item.type == 1) {
									arr.push(item.title)
								}
							})
							this.gongao = arr
						} else {
							this.gongao = []
						}
					})
				} else if (uni.getStorageSync('userType') == 2) {
					this.$Request.get('/app/message/page/1/1/100').then(res => {
						if (res.code == 0) {
							let arr = []
							res.data.list.map(item => {
								if (item.type == 2) {
									arr.push(item.title)
								}
							})
							this.gongao = arr
						} else {
							this.gongao = []
						}
					})
				}

			},
			//获取金刚区
			getgridList() {
				if (uni.getStorageSync('userType') == 1) {
					this.$Request.get('/app/banner/selectBannerList?classify=2').then(res => {
						if (res.code == 0) {
							this.gridlist = res.data
						} else {
							this.gridlist = []
						}
					})
				} else {
					this.$Request.get('/app/banner/selectBannerList?classify=4').then(res => {
						if (res.code == 0) {
							this.gridlist = res.data
						} else {
							this.gridlist = []
						}
					})
				}

			},
			//获取bannerlist
			getBannerList() {
				if (!uni.getStorageSync('userType') || uni.getStorageSync('userType') == 1) {
					this.$Request.get('/app/banner/selectBannerList?classify=1').then(res => {
						if (res.code == 0) {
							this.bannerListuser = res.data
							this.bannerList = res.data
						} else {
							this.bannerListuser = [
								'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fphoto%2F2007-11-7%2F200711072147151187.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1674883340&t=4b9cbb7796600699ac28f75cd138ba04'
							]
						}
					})
				} else if (uni.getStorageSync('userType') == 2) {
					this.$Request.get('/app/banner/selectBannerList?classify=3').then(res => {
						if (res.code == 0) {
							this.bannerList = res.data
						} else {
							this.bannerList = [
								'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fphoto%2F2007-11-7%2F200711072147151187.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1674883340&t=4b9cbb7796600699ac28f75cd138ba04'
							]
						}
					})
				}

			},
			goNavss(url) {
				if (this.companyStatus) {
					if (this.companyStatus == 1) {
						uni.showToast({
							title: '企业认证审核中，请审核通过后操作!',
							icon: 'none'
						})
						return
					}
					if (this.companyStatus == 3) {
						uni.showToast({
							title: '企业认证审核未通过，请重新认证!',
							icon: 'none'
						})
						return
					}
					uni.navigateTo({
						url: url
					})

				} else {
					uni.showModal({
						title: '提示',
						content: '还未完成企业认证，请完成企业认证后操作',
						complete(ret) {
							if (ret.confirm) {

							}
						}
					})
				}
			},
			//获取企业认证状态(1:审核中 2:通过 3:拒绝)
			getCompanyStatus() {
				this.$Request.get("/app/company/selectCompanyByUserId").then(res => {
					if (res.code == 0 && res.data) {
						this.companyStatus = res.data.status
						this.companyId = res.data.companyId
						this.companyName = res.data.companyAllName
						uni.setStorageSync('companyStatus', this.companyStatus)
						uni.setStorageSync('companyId', res.data.companyId)
						this.companyId = this.companyId
						if (this.companyStatus == 1) {
							uni.showModal({
								title: '提示',
								content: '企业正在认证审核中。',
								complete(ret) {
									if (ret.confirm) {
										uni.navigateTo({
											url: "/my/renzheng/editCompany"
										});
									}
								}
							})
						}
						if (this.companyStatus == 3) {
							uni.showModal({
								title: '提示',
								content: '企业认证被拒绝。请修改',
								complete(ret) {
									if (ret.confirm) {
										uni.navigateTo({
											url: "/package/jobIntention/underReview"
										});
									}
								}
							})

						}



					} else {
						this.companyStatus = ''
					}

				})
			},
			// 开启订阅消息
			openMsg() {
				console.log('订阅消息')
				var that = this
				uni.getSetting({
					withSubscriptions: true, //是否获取用户订阅消息的订阅状态，默认false不返回
					success(ret) {
						console.log(ret.subscriptionsSetting, '------------------')
						// if (ret.subscriptionsSetting.itemSettings && Object.keys(ret.subscriptionsSetting.itemSettings).length == 2) {
						if (ret.subscriptionsSetting.itemSettings) {
							uni.setStorageSync('sendMsg', true)
							uni.openSetting({ // 打开设置页 
								success(rea) {
									console.log(rea.authSetting)
								}
							});
						} else { // 用户没有点击“总是保持以上，不再询问”则每次都会调起订阅消息
							console.log(99999)
							uni.setStorageSync('sendMsg', false)
							uni.showModal({
								title: '提示',
								content: '为了更好的体验,请绑定消息推送',
								confirmText: '确定',
								cancelText: '取消',
								confirmColor: '#016BF6',
								success: function(res) {
									if (res.confirm) {
										console.log(that.arr)
										wx.requestSubscribeMessage({
											tmplIds: that.arr,
											success(re) {
												console.log(JSON.stringify(re),
													'++++++++++++++')
												var datas = JSON.stringify(re);
												if (datas.indexOf("accept") != -1) {
													console.log(re)
													uni.setStorageSync('sendMsg', true)
												}
											},
											fail: (res) => {
												console.log(res)
											}
										})
										uni.setStorageSync('sendMsg', true)
										console.log('确认')
										that.showModal = false
									} else if (res.cancel) {
										console.log('取消')
										uni.setStorageSync('sendMsg', false)
										that.showModal = true
									}
								}
							})
						}
					}
				})
			},
			//回到顶部
			gotoBack() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 300
				})
			},
			/**
			 * 获取简历列表
			 */
			getPeopList() {
				let data = {
					page: this.page,
					limit: this.limit,
					postType: '', //工作性质
					expectedPosition: this.jobSxTypeList[this.currentJobSx].projectName, //岗位名称
					screen: +this.currentJobSxs + 1, //1推荐 2最新
					expectedCity: this.city == '全国' ? '' : this.city, //城市
					salaryRange: this.salaryRange, //薪资范围
					eduRange: this.education, //学历
					expRange: this.experience, //经验
					//industryName: this.industry, //行业
					// companyPeople: this.companyPeople, //公司规模
					lng: this.longitude,
					lat: this.latitude,
					//isRecommend:this.currentJobSxs==1?this.currentJobSxs:0,//推荐
					companyId: uni.getStorageSync('companyId') ? uni.getStorageSync('companyId') : ''

				}
				this.$Request.postJson('/app/resumes/selectResumesList', data).then(res => {
					// 1. 停止下拉刷新和隐藏loading（无论请求结果如何都执行）
					uni.stopPullDownRefresh()
					uni.hideLoading()

					// 2. 第一层校验：确保res、res.data、res.data.records都存在且为数组
					if (res.code == 0 && res.data && Array.isArray(res.data.records)) {
						this.totalPage = res.data.totalPage
						this.totlo = res.data.totalPage // 注意：变量名疑似笔误（totlo → totalPage？）

						// 3. 处理列表：过滤null/undefined元素 + 安全访问skillTags
						const list = res.data.records
							.filter(item => item !== null && item !== undefined) // 过滤空元素
							.map(item => {
								// 安全赋值：item存在时才访问skillTags，否则赋值为空字符串
								item.skills = item?.skillTags || '';
								return item;
							});

						// 4. 分页赋值（避免空数组覆盖）
						if (this.page == 1) {
							this.datasList = list
						} else {
							this.datasList = [...this.datasList, ...list]
						}
					} else {
						// 5. 异常情况：仅第一页清空列表，避免翻页时丢失数据
						if (this.page === 1) {
							this.datasList = []
						}
						// 可选：提示用户无数据
						// uni.showToast({ title: '暂无数据', icon: 'none' })
					}
				}).catch(err => {
					// 6. 捕获请求异常（如网络错误、接口500）
					uni.stopPullDownRefresh()
					uni.hideLoading()
					uni.showToast({
						title: '请求失败，请重试',
						icon: 'none'
					})
					console.error('简历列表请求失败：', err)
				})
			},
			/**
			 * 获取公司发布的岗位列表
			 */
			getCompanyClassify() {
				let data = {
					companyId: uni.getStorageSync('companyId')
				}

				this.$Request.getT('/app/postPush/getCompanyClassify', data).then(res => {
					if (res.code == 0) {
						let arr = [
							/* {
														projectName: '',
														name: '全部',
													}, */
						]
						console.log("布的岗位列表", res.data.length)
						if (res.data.length == 0) {
							// uni.navigateTo({
							// 	url: '/pages/my/jobPosting?companyId=' + data.companyId + '&status=' + this
							// 		.companyStatus + '&companyName=' + this.companyName
							// })
							uni.navigateTo({
								url: '/pages/jobManagement/jobManagement'
							})

						}
						res.data.map(item => {
							let obj = {
								id: item.postPushId,
								projectName: item.ruleClassifyName,
								name: item.ruleClassifyName,
							}
							arr.push(obj)
						})
						this.jobSxTypeList = arr
						this.getPeopList()
					}
				})
			},
			/**
			 * 获取dom元素的宽度
			 */
			getDomWidth() {
				this.$nextTick(() => {
					let that = this
					let obj = uni.createSelectorQuery().select('#bottomView' + that
						.currentJobSx) // xx为class或者id，如 .block, #block
					obj.boundingClientRect(function(data) { // data - dom中的参数，宽高等
						// console.log(data.width)
						if (data && data.width) {
							that.domeWidth = data.width * 2 * 0.8
						} else {
							that.domeWidth = 0
						}
					}).exec()
				})

			},
			/**
			 * @param {Object} longitude
			 * @param {Object} latitude
			 * 使用经纬度获取城市
			 */
			getSelectCity(longitude, latitude) {
				this.$Request.get('/app/Login/selectCity?lat=' + latitude + '&lng=' + longitude).then(res => {
					if (res.code == 0) {
						// console.log(res, '获取地址信息')
						this.city = res.data.city ? res.data.city : '区域'
						uni.setStorageSync('city', res.data.city)
						if (this.userType == 1) {
							this.getUserList()
						} else {
							this.getPeopList()
						}
					}
				});
			},
			/**
			 * 获取求职意向
			 */
			getJobType() {
				return
				this.$Request.get('/app/intention/getIntentionList').then(res => {
					if (res.code == 0 && res.data.records.length > 0) {
						let arr = [{
							projectName: '',
							name: '全部',
						}, ]
						res.data.records.map(item => {
							let obj = {
								projectName: item.ruleClassifyName,
								name: item.ruleClassifyName,
							}
							arr.push(obj)
						})
						this.jobTypeList = arr
					}
				})
			},
			/**
			 * 获取岗位列表
			 */
			getUserList() {
				let data = {
					page: this.page,
					limit: this.limit,
					//postType: this.typeList.length > 0 ? this.typeList[this.current].id : '',
					ruleClassifyName: this.typeList[this.current].name, //岗位名称
					screen: +this.currentSx + 1, //1推荐 2最新
					county: this.county, //区
					city: this.city == '全国' ? '' : this.city, //城市
					salaryRange: this.salaryRange, //薪资范围
					education: this.education, //学历
					experience: this.experience, //经验
					industry: this.industry, //行业
					preference: this.preference.join(','),
					companyPeople: this.companyPeople, //公司规模
					lng: this.longitude,
					lat: this.latitude,
					//userId: uni.getStorageSync('userId') ? uni.getStorageSync('userId') : ''
				}
				this.$Request.get('/app/postPush/userGetPostPushList', data).then(res => {
					uni.stopPullDownRefresh()
					uni.hideLoading()
					if (res.code == 0) {
						res.data.records.map(item => {
							if (item.welfareTag) {
								item.welfareTag = item.welfareTag.split(';')
							} else {
								item.welfareTag = []
							}
							if (item.distance) {
								if (parseFloat(item.distance) > 1000) {
									item.distance = (parseFloat(item.distance) / 1000).toFixed(2) + 'km'
								} else {
									item.distance = (parseFloat(item.distance)).toFixed(2) + 'm'
								}

							} else {
								item.distance = ''
							}

						})
						if (this.page == 1) {
							// console.log(res.data.records, '岗位数据')
							this.dataList = res.data.records
						} else {
							this.dataList = [...this.dataList, ...res.data.records]
						}
						this.totlo = res.data.pages
					}
				})
			},
			/**
			 * 工作性质
			 */
			getPostType() {
				var that = this
				//行业期望
				this.$Request.get('/app/intention/getIntentionList', {

				}).then(res => {
					if (res.code == 0) {
						let arr = res.data
						let classRule = [
							/* {
														id: '',
														name: '',
														label: '全部'
													} */
						]

						let industry = this.directionList
						var industryArr = this.industry == '' ? [] : this.industry.split(',')
						industryArr.forEach(function(item) {
							if (that.$queue.array_column(that.directionList, 'name').indexOf(item) < 0)
								industry.push({
									id: item,
									name: item
								})
						})

						arr.forEach(function(item) {
							var tmp = {}
							tmp.id = item.ruleClassifyId
							tmp.name = item.ruleClassifyName
							tmp.label = item.ruleClassifyName
							classRule.push(tmp)
							var indus = item.industry ? item.industry.split('/') : []
							indus.forEach(function(ind) {
								var tm = {}
								tm.name = ind
								tm.id = ind
								if (that.$queue.array_column(industry, 'name').indexOf(tm.name) <
									0)
									industry.push(tm)
							})
						})
						classRule.push({
							id: '',
							name: '',
							label: ''
						}) //模拟个空企业选项，为了兼容源码和设计图
						this.typeList = classRule
						this.directionList = industry
						// console.log(this.typeList, '1111')
						this.getUserList()
					}
				})
				return;
				this.$Request.get('/app/dict/list', {
					type: '工作性质'
				}).then(res => {
					if (res.code == 0) {
						let arr = res.data
						arr = JSON.parse(JSON.stringify(arr).replace(/code/g, 'label'))
						let obj = {
							id: -1,
							label: '企业',
							name: '企业'
						}
						arr.push(obj)
						this.typeList = arr
						// console.log(this.typeList, '1111')
						this.getUserList()
					}
				})
			},
			/**
			 * 获取个人信息
			 */
			getUserInfo() {
				this.$Request.get("/app/user/selectUserById").then(res => {
					if (res.code == 0) {
						console.log(res.data)
						this.$queue.setData('weChatNum', res.data?.weChatNum)
						if (res.data && res.data.companyId) {
							uni.setStorageSync('companyId', res.data?.companyId)
						}
						if (res.data?.userType == 1 || res.data?.userType == null) {
							this.userType = 1
							uni.setStorageSync('userType', 1)
						} else {
							this.userType = 2
							uni.setStorageSync('userType', 2)
						}
					}
				})
			},
			gotoInfo(postPushId) {
				if (uni.getStorageSync('token')) {
					// #ifdef MP-WEIXIN
					if (uni.getStorageSync('sendMsg')) {
						// console.log('授权+1')
						wx.requestSubscribeMessage({
							tmplIds: this.arr,
							success(re) {
								// console.log(JSON.stringify(re), 111111111111)
								var datas = JSON.stringify(re);
								if (datas.indexOf("accept") != -1) {
									// console.log(re)
								}
							},
							fail: (res) => {
								// console.log(res)
							}
						})
					}
					// #endif
					// uni.navigateTo({
					// 	url: '/pages/index/game/order?postPushId=' + postPushId
					// })
				}
				//  else {
				// 	this.noLogin()
				// }
				uni.navigateTo({
					url: '/pages/index/game/order?postPushId=' + postPushId
				})

			},
			//不需要登录跳转
			goNavs(url) {
				// #ifdef MP-WEIXIN
				if (uni.getStorageSync('sendMsg')) {
					// console.log('授权+1')
					wx.requestSubscribeMessage({
						tmplIds: this.arr,
						success(re) {
							// console.log(JSON.stringify(re), 111111111111)
							var datas = JSON.stringify(re);
							if (datas.indexOf("accept") != -1) {
								// console.log(re)
							}
						},
						fail: (res) => {
							// console.log(res)
						}
					})
				}
				// #endif
				uni.navigateTo({
					url: url
				})
			},
			//跳转
			goNav(url) {
				if (uni.getStorageSync('token')) {
					// #ifdef MP-WEIXIN
					if (uni.getStorageSync('sendMsg')) {
						// console.log('授权+1')
						wx.requestSubscribeMessage({
							tmplIds: this.arr,
							success(re) {
								// console.log(JSON.stringify(re), 111111111111)
								var datas = JSON.stringify(re);
								if (datas.indexOf("accept") != -1) {
									// console.log(re)
								}
							},
							fail: (res) => {
								// console.log(res)
							}
						})
					}
					// #endif
					uni.navigateTo({
						url: url
					})
				} else {
					this.noLogin()
				}

			},
			//未登录
			noLogin() {
				uni.showModal({
					title: '提示',
					content: '您还未登录,请先登录',
					confirmColor: '#016BF6',
					success: function(res) {
						if (res.confirm) {
							// console.log('用户点击确定');
							uni.navigateTo({
								url: '/pages/public/login'
							})
						} else if (res.cancel) {
							// console.log('用户点击取消');
						}
					}
				})
			},
			//吸顶
			isfixed(e) {
				// console.log(e, '+++++++++++++')
				this.isfixeds = true
			},
			//不吸顶
			isunfixed() {
				this.isfixeds = false
			},
			//添加方向标签
			addDirection() {
				uni.navigateTo({
					url: '/package/jobIntention/tagManage'
				})
			},

			//关闭VIP推荐
			closeVipRecommend() {
				// 这里可以添加关闭逻辑，比如隐藏卡片或记录用户选择
				console.log('关闭VIP推荐')
				// 可以通过v-if控制显示隐藏
			},
			selectIndustry(item) {
				var industry = this.industry == '' ? [] : this.industry.split(',')
				var res = industry.indexOf(item.id)
				if (res >= 0) {
					industry.splice(res, 1)
				} else {
					if (item.id == '不限')
						industry = []
					else
						industry.push(item.id)
				}
				this.industry = industry.length > 0 ? industry.join(',') : ''
				this.setIndustry()
				this.page = 1
				if (this.current == this.typeList.length - 1) { //公司
					this.getComanyList()
				} else {
					this.getUserList()
				}
			},
			setIndustry() {
				if (uni.getStorageSync('filter') && (uni.getStorageSync('filter')).length > 0) {
					let filter = uni.getStorageSync('filter')
					console.log(filter)
					let industry = this.industry == '' ? [] : this.industry.split(',')
					filter.forEach(function(item) {
						if (item.name == '行业') {
							let list = []
							industry.forEach(function(ite) {
								var tmp = {}
								tmp.value = ite
								tmp.childrenList = []
								tmp.isEnable = 1
								tmp.select = true
								list.push(tmp)
							})
							item.list = list
						}
					})
					uni.setStorageSync("filter", filter);
				}
			},
			goIndustry() {
				uni.navigateTo({
					url: '/package/screen/screen?industry=' + this.directionList.join('/')
				})
			},
			goPreference() {
				var jobId = this.typeList[this.current].id
				var jobTitle = this.typeList[this.current].name
				uni.navigateTo({
					url: '/package/jobIntention/preferenceSetting?jobId=' + jobId + '&jobTitle=' + jobTitle +
						'&selectedPreferences=' + encodeURIComponent(JSON.stringify(this.$queue.array_column(this
							.directionList, 'name')))
				})
			},
			selectPreference(item) {
				var preference = this.preference
				var res = preference.indexOf(item.id)
				if (res >= 0) {
					preference.splice(res, 1)
				} else {
					if (item.id == '不限')
						preference = []
					else
						preference.push(item.id)
				}
				this.preference = preference
				this.page = 1
				if (this.current == this.typeList.length - 1) { //公司
					this.getComanyList()
				} else {
					this.getUserList()
				}
			},
		}
	}
</script>

<style lang="scss">
	page {
		background: #F2F2F7;
	}

	.goback {
		position: fixed;
		top: 80%;
		right: 30rpx;
	}

	.jobtitle {
		position: relative;

		.jobtitleBom {
			position: absolute;
			width: 30rpx;
			left: 50%;
			top: 80%;
			transform: translate(-50%, 0);

		}
	}

	.topbg-scroll {
		width: 100%;
		white-space: nowrap;
	}

	.activeQs {
		color: #1A1A1A !important;
		font-weight: 800;
	}

	.activeQ {
		color: #1A1A1A !important;
		font-size: 38rpx;
		font-weight: 800;
	}

	.active {
		font-size: 38rpx !important;
		font-weight: 800 !important;
	}

	.active2 {
		color: #1A1A1A !important;
		font-size: 38rpx !important;
		font-weight: 800 !important;
	}

	.active3 {
		color: #1A1A1A !important;
		font-size: 28rpx !important;
		font-weight: 800 !important;
	}

	.topbg {
		width: 100%;
		// height: 100rpx;
		background-color: #00DD9A;
		// position: fixed;
		// /* #ifdef MP-WEIXIN */
		// top: 0;
		// /* #endif */
		// /* #ifdef H5 */
		// top: 78rpx;
		// /* #endif */
		// /* #ifdef APP-PLUS */
		// top: 0;
		// /* #endif */
		// z-index: 998;
	}

	.topbg-sticky {}

	.top-bg {
		// box-shadow: 0px 4px 62px 0px rgba(153, 171, 198, 0.18);
		// background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
		// width: 100%;
		// height: 300rpx;
		// position: sticky;
		// top: 0px;
		// z-index: 999;

		/* 波浪效果 */
		// --c: rgba(255, 255, 255, 0.1);
		// --w1: radial-gradient(100% 57% at top, #0000 100%, var(--c) 100.5%) no-repeat;
		// --w2: radial-gradient(100% 57% at bottom, var(--c) 100%, #0000 100.5%) no-repeat;
		// background: var(--w1), var(--w2), linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
		// background-position: 0% 100%, 100% 100%, 0 0;
		// background-size: 50% 100%, 50% 100%, 100% 100%;
		position: absolute;
		top: 0;
		z-index: 0;
		width: 100%;
	}

	.topbg-sticky-box {
		width: 100%;
		padding: 0 40rpx;
		position: relative;
		z-index: 1;
	}

	.topbg-sticky-title {
		width: 100%;
		margin-bottom: 20rpx;
	}

	.topbg-sticky-title-left {
		color: rgba(255, 255, 255, 1);
		font-family: DM Sans;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 36rpx;
		letter-spacing: 0%;
		text-align: left;
	}

	.xing-icon {
		width: 42rpx;
		height: 42rpx;
		margin-right: 12rpx;
	}

	.topbg-sticky-title-right {
		color: #ffffff;
	}

	.topbg-sticky-subtitle {
		color: rgba(255, 255, 255, 1);
		font-family: DM Sans;
		font-size: 30rpx;
		font-weight: 700;
		line-height: 36rpx;
		letter-spacing: 0%;
		text-align: left;
	}

	.topbg-type {
		width: 710rpx;
		border-radius: 6px;
		box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05);
		background: rgba(255, 255, 255, 1);
		// background: transparent;
		padding: 18rpx;
		margin: 24rpx auto 12rpx auto;
		position: relative;
		z-index: 1;

		.topbg-type-box {
			width: 100%;
			margin: 0 20rpx;
		}

		.topbg-type-box-row {
			margin-bottom: 20rpx;
		}

		.topbg-type-box-l {
			flex: 1;
			white-space: nowrap;
			overflow-x: auto;
		}

		.topbg-type-box-l-i {
			color: rgba(153, 153, 153, 1);
			font-family: DM Sans;
			font-size: 28rpx;
			font-weight: 400;
			line-height: 28rpx;
			letter-spacing: 0%;
			text-align: left;
			margin-right: 14rpx;

			&.active {
				background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				background-clip: text;
				text-fill-color: transparent;
				font-family: DM Sans;
				font-size: 24rpx;
				font-weight: 700;
				line-height: 48rpx;
				letter-spacing: 0%;
				text-align: left;
			}
		}

		.topbg-type-box-r {
			color: #ffffff;
		}

		.attachment-icon {
			width: 38rpx;
			height: 38rpx;
		}
	}

	.direction-tip {
		margin-top: 20rpx;

		.direction-tip-title {
			color: rgba(51, 51, 51, 1);
			font-family: DM Sans;
			font-size: 26rpx;
			font-weight: 400;
			line-height: 26rpx;
			letter-spacing: 0%;
			text-align: left;
			margin-bottom: 8rpx;
		}

		.direction-tip-subtitle {
			margin-top: 16rpx;
			color: rgba(153, 153, 153, 1);
			font-family: DM Sans;
			font-size: 24rpx;
			font-weight: 400;
			line-height: 24rpx;
			letter-spacing: 0%;
			text-align: left;
		}

		.direction-tags {
			margin-top: 16rpx;

			.direction-tag {
				color: rgba(153, 153, 153, 1);
				font-family: DM Sans;
				font-size: 20rpx;
				font-weight: 400;
				line-height: 36rpx;
				letter-spacing: 0%;
				text-align: center;
				margin-right: 18rpx;
				margin-bottom: 18rpx;
				border-radius: 6px;
				background: rgba(198, 198, 198, 0.1);
				padding: 8rpx 12rpx;
				display: inline-block;
				min-width: 60rpx;
				white-space: nowrap;
				cursor: pointer;
				transition: all 0.3s ease;

				&.active {
					font-family: DM Sans;
					font-size: 20rpx !important;
					font-weight: 400 !important;
					line-height: 36rpx;
					letter-spacing: 0%;
					text-align: left;
					padding: 8rpx 12rpx !important;
					color: rgba(1, 107, 246, 1) !important;
					background: #D6E7FD !important;
					border: 1px solid rgba(1, 107, 246, 1);
				}
			}

			.direction-tag-add {
				color: rgba(153, 153, 153, 1);
				font-family: DM Sans;
				font-size: 20rpx;
				font-weight: 400;
				line-height: 36rpx;
				letter-spacing: 0%;
				text-align: center;
				margin-right: 20rpx;
				border-radius: 6px;
				background: rgba(198, 198, 198, 0.1);
				padding: 8rpx 12rpx;
				display: inline-block;
				min-width: 60rpx;
				white-space: nowrap;
				cursor: pointer;
				transition: all 0.3s ease;

				&:hover {
					background: rgba(198, 198, 198, 0.2);
				}
			}

			.direction-tag-plus {
				margin-bottom: 18rpx;
				width: 40rpx;
				height: 36rpx;
				padding: 8rpx;
				border-radius: 6px;
				background: rgba(198, 198, 198, 0.1);
				display: inline-flex;
				align-items: center;
				justify-content: center;
				transition: all 0.3s ease;

				&:hover {
					background: rgba(198, 198, 198, 0.2);
				}
			}
		}
	}

	.companyListBox {
		width: 100%;
		background-color: #F2F2F7;
		// margin-top: 30rpx;
	}

	.topbg-yx {
		width: 100%;
		// height: 366rpx;
		background: #F2F2F7;
		border-radius: 40rpx 40rpx 0 0;
		margin-top: 20rpx;
		align-content: flex-start;

		.topbg-yx-box {
			width: 686rpx;
			height: 40rpx;
			margin-top: 35rpx;
		}

		.topbg-yx-box-l {
			width: 62%;

			.topbg-yx-box-l-i {
				display: inline-block;
				margin-right: 50rpx;
				color: #999999;
				font-size: 32rpx;
				font-weight: 500;

				.topbg-yx-box-l-i-c {
					z-index: 1 !important;

					// position: relative;
					.topbg-yx-box-l-i-text {
						z-index: 3 !important;
					}
				}

				.topbg-yx-box-l-i-line {
					margin-top: -10rpx;
					width: 100%;
					height: 10rpx;
					background: linear-gradient(90deg, #08F3CE 0%, #05F3A7 100%);
					border-radius: 7rpx;
					z-index: 2 !important;
				}
			}
		}

		.topbg-yx-box-r {
			text {
				color: #016BF6;
				font-size: 28rpx;
				font-weight: 500;
				margin-right: 20rpx;
			}
		}

	}

	.topbg-sx-box {
		width: 100%;
		margin-top: 0rpx;

		.topbg-sx-box-l-i {
			color: rgba(153, 153, 153, 1);
			font-family: DM Sans;
			font-size: 24rpx;
			font-weight: 400;
			line-height: 36rpx;
			letter-spacing: 0%;
			text-align: center;
			margin-right: 20rpx;
			border-radius: 6px;
			background: rgba(198, 198, 198, 0.1);
			padding: 8rpx 12rpx;
			display: inline-block;
			min-width: 60rpx;
			white-space: nowrap;

			&.active3 {
				font-family: DM Sans;
				font-size: 24rpx !important;
				font-weight: 400 !important;
				line-height: 36rpx;
				letter-spacing: 0%;
				text-align: left;
				padding: 8rpx 12rpx !important;
				color: rgba(1, 107, 246, 1) !important;
				background: #D6E7FD !important;
				border: 1px solid rgba(1, 107, 246, 1);
			}
		}

		.topbg-sx-box-r-i {
			color: rgba(1, 107, 246, 1);
			font-family: DM Sans;
			font-size: 24rpx;
			font-weight: 400;
			line-height: 36rpx;
			letter-spacing: 0%;
			text-align: center;
			margin-right: 20rpx;
			border-radius: 6px;
			background: #D6E7FD;
			padding: 8rpx 12rpx;
			// display: inline-block;
			min-width: 60rpx;
			white-space: nowrap;
			cursor: pointer;
			transition: all 0.3s ease;
			border: 0.5px solid rgba(1, 107, 246, 1);
		}

		.topbg-sx-box-filter {
			color: rgba(153, 153, 153, 1);
			font-family: DM Sans;
			font-size: 24rpx;
			font-weight: 400;
			line-height: 36rpx;
			letter-spacing: 0%;
			text-align: center;
			border-radius: 6px;
			background: rgba(198, 198, 198, 0.1);
			padding: 8rpx 12rpx;
			// display: inline-block;
			min-width: 60rpx;
			white-space: nowrap;
			cursor: pointer;
			transition: all 0.3s ease;
		}
	}

	.title-left {
		display: flex;
		align-items: center;
		gap: 8rpx;
	}

	.job-title-text {
		color: rgba(23, 23, 37, 1);
		font-family: DM Sans;
		font-size: 38rpx;
		font-weight: 700;
		line-height: 48rpx;
		letter-spacing: 0.5%;
		text-align: left;
	}

	.salary-text-box {
		border-radius: 24rpx;
		background: #FEE2E3;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 6rpx 24rpx;

		.jipin-icon {
			width: 20rpx;
			height: 20rpx;
			margin-right: 4rpx;
		}

		.jipin-text {
			color: rgba(237, 66, 69, 1);
			font-family: DM Sans;
			font-size: 18rpx;
			font-weight: 400;
			line-height: 30rpx;
			letter-spacing: 0.5%;
			text-align: left;
		}
	}

	.salary-text {
		color: rgba(27, 229, 223, 1);
		font-family: DM Sans;
		font-size: 28rpx;
		font-weight: 700;
		line-height: 40rpx;
		letter-spacing: 0.5%;
		text-align: right;
	}

	.company-name,
	.company-people {
		color: rgba(156, 164, 171, 1);
		font-family: DM Sans;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 40rpx;
		letter-spacing: 0.5%;
		text-align: left;
	}

	.job-tag {
		height: 42rpx;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 8rpx;
		border-radius: 8rpx;
		background: rgba(198, 198, 198, 0.1);
		margin-right: 16rpx;
		margin-bottom: 16rpx;
		color: rgba(153, 153, 153, 1);
		font-size: 26rpx;
	}

	.company-info-text,
	.location-text {
		color: rgba(156, 164, 171, 1);
		font-family: DM Sans;
		font-size: 20rpx;
		font-weight: 400;
		line-height: 40rpx;
		letter-spacing: 0.5%;
		text-align: left;
	}

	.reply-time {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		padding: 8rpx;
		font-family: DM Sans;
		font-size: 20rpx;
		font-weight: 400;
		line-height: 40rpx;
		letter-spacing: 0.5%;
		text-align: left;
		border-radius: 12rpx;
		background: #ECE1FD;
		color: #8858C5;
	}

	.gwList {
		width: 100%;
		// margin-top: 220rpx;

		.gwList-box {
			width: 710rpx;
			height: 100%;

			.gwList-box-item {
				width: 100%;
				// height: 329rpx;
				background-color: #ffffff;
				border-radius: 12rpx;
				margin-bottom: 20rpx;
				padding-bottom: 20rpx;
			}

			.gwList-box-item-box {
				width: 623rpx;
				height: 100%;

				.gwList-box-item-box-title {
					margin-top: 28rpx;
				}

				.gwList-box-item-box-label {
					margin-top: 14rpx;
				}

				.gwList-box-item-box-name {
					margin-top: 14rpx;
					color: #999999;
					font-size: 28rpx;
					font-weight: 500;
				}

				.gwList-box-item-box-line {
					width: 100%;
					border: 1rpx solid #E6E6E6;
					margin-top: 30rpx;
					margin-bottom: 20rpx;
				}

				.gwList-box-item-box-info {
					font-size: 26rpx;

					.gwList-box-item-box-info-l {
						color: #1A1A1A;
						display: flex;
						align-items: center;
						gap: 12rpx;

						.people {
							max-width: 110rpx;
							overflow: hidden; //超出的文本隐藏
							text-overflow: ellipsis; //溢出用省略号显示
							white-space: nowrap; // 默认不换行；
						}
					}

					.gwList-box-item-box-info-r {
						color: #999999;
						max-width: 50%;
						overflow: hidden; //超出的文本隐藏
						text-overflow: ellipsis; //溢出用省略号显示
						white-space: nowrap; // 默认不换行；
					}
				}
			}
		}
	}

	.banner {
		width: 100%;
		height: 250rpx;
		// margin-top: 20rpx;

		.banner-box {
			width: 686rpx;
			height: 100%;
			border-radius: 24rpx;
		}
	}

	.isfixed {
		border-radius: 0 !important;
	}

	.isfixeds {
		// border-radius: 40rpx 40rpx 0 0;
	}

	.qySx {
		// position: fixed;
		// top: 0;
		// z-index: 999;
		// width: 100%;
		// background: linear-gradient(180.00deg, rgba(255, 102, 0, 1), rgba(255, 89, 89, 1) 83%);
		// padding-bottom: 40rpx;
		// padding: 20rpx;
		margin-bottom: 12rpx;

		.qySx-bg {
			position: absolute;
			top: 0;
			z-index: 0;
			width: 100%;
		}

		.qySx-box {
			width: 100%;
			height: 100%;
			border-radius: 12rpx;
			box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05);
			background: rgba(255, 255, 255, 1);
			padding: 28rpx;
			position: relative;
			z-index: 1;
			margin: 52rpx 20rpx 0;

			.qySx-box-row {
				margin-bottom: 20rpx;
			}

			.qySx-box-l {
				flex: 1;
				white-space: nowrap;
				overflow-x: auto;
			}

			.qySx-box-l-i {
				color: rgba(153, 153, 153, 1);
				font-family: DM Sans;
				font-size: 28rpx;
				font-weight: 400;
				line-height: 36rpx;
				letter-spacing: 0%;
				text-align: left;
				margin-right: 14rpx;

				&.active {
					background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					background-clip: text;
					text-fill-color: transparent;
					font-family: DM Sans;
					font-size: 24rpx;
					font-weight: 700;
					line-height: 48rpx;
					letter-spacing: 0%;
					text-align: left;
				}
			}

			.qySx-box-r {
				color: #ffffff;

				.attachment-icon {
					width: 38rpx;
					height: 38rpx;
				}
			}
		}

		.qySx-sx-box {
			width: 100%;
			margin-top: 0rpx;

			.qySx-sx-box-l-i {
				color: rgba(153, 153, 153, 1);
				font-family: DM Sans;
				font-size: 24rpx;
				font-weight: 400;
				line-height: 36rpx;
				letter-spacing: 0%;
				text-align: center;
				margin-right: 20rpx;
				border-radius: 6px;
				background: rgba(198, 198, 198, 0.1);
				padding: 8rpx 12rpx;
				display: inline-block;
				min-width: 60rpx;
				white-space: nowrap;

				&.active3 {
					font-family: DM Sans;
					font-size: 24rpx !important;
					font-weight: 400 !important;
					line-height: 36rpx;
					letter-spacing: 0%;
					text-align: left;
					padding: 8rpx 12rpx !important;
					color: rgba(1, 107, 246, 1) !important;
					// background: #D6E7FD !important;
					background: rgba(252, 233, 220, 1);
					border: 1px solid rgba(1, 107, 246, 1);
				}
			}

			.qySx-sx-box-r-i {
				color: rgba(1, 107, 246, 1);
				font-family: DM Sans;
				font-size: 24rpx;
				font-weight: 400;
				line-height: 36rpx;
				letter-spacing: 0%;
				text-align: center;
				margin-right: 20rpx;
				border-radius: 6px;
				// background: #D6E7FD;
				background: rgba(252, 233, 220, 1);
				padding: 8rpx 12rpx;
				display: inline-block;
				min-width: 60rpx;
				white-space: nowrap;
				cursor: pointer;
				transition: all 0.3s ease;
				border: 0.5px solid rgba(1, 107, 246, 1);
			}

			.qySx-sx-box-filter {
				color: rgba(153, 153, 153, 1);
				font-family: DM Sans;
				font-size: 24rpx;
				font-weight: 400;
				line-height: 36rpx;
				letter-spacing: 0%;
				text-align: center;
				border-radius: 6px;
				background: rgba(198, 198, 198, 0.1);
				padding: 8rpx 12rpx;
				display: inline-block;
				min-width: 60rpx;
				white-space: nowrap;
				cursor: pointer;
				transition: all 0.3s ease;
			}
		}
	}

	.vipRecommend {
		width: 100%;
		// margin-top: 280rpx;
		padding: 0 20rpx;
		box-sizing: border-box;

		.vipRecommend-box {
			width: 100%;
			background: #ffffff;
			border-radius: 12rpx;
			box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05);
			padding: 28rpx;
			position: relative;

			.vipRecommend-close {
				position: absolute;
				top: 24rpx;
				right: 24rpx;
				width: 48rpx;
				height: 48rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 50%;

				.close-icon {
					width: 48rpx;
					height: 48rpx;
				}
			}

			.vipRecommend-content {
				padding-right: 60rpx;

				.vipRecommend-title {
					margin-bottom: 16rpx;

					.job-title {
						color: rgba(23, 23, 37, 1);
						font-family: DM Sans;
						font-size: 28rpx;
						font-weight: 700;
						line-height: 48rpx;
						text-align: left;
						margin-right: 8rpx;
					}

					.job-status {
						color: rgba(156, 164, 171, 1);
						font-family: DM Sans;
						font-size: 24rpx;
						font-weight: 400;
						line-height: 40rpx;
						letter-spacing: 0.5%;
						text-align: left;
					}
				}

				.vipRecommend-message {
					color: rgba(102, 102, 102, 1);
					font-family: DM Sans;
					font-size: 24rpx;
					font-weight: 400;
					line-height: 32rpx;
					letter-spacing: 0.5%;
					text-align: left;
					margin-bottom: 16rpx;
				}

				.vipRecommend-hint {
					color: rgba(102, 102, 102, 1);
					font-family: DM Sans;
					font-size: 18rpx;
					font-weight: 400;
					line-height: 20rpx;
					letter-spacing: 0.5%;
					text-align: left;
				}
			}
		}
	}

	.qyList {
		width: 100%;
		height: auto;

		/* 技能标签区域 */
		.resume-skills {
			margin: 20rpx 0; // 与上下模块的间距

			.skills-label {
				font-size: 24rpx;
				color: #212121;
				font-weight: 500;
				display: block;
				margin-bottom: 12rpx;
			}

			.skills-tags {
				gap: 16rpx; // 标签间距

				.tag-item {
					background: #F6F6F6;
					color: #666666;
					font-size: 22rpx;
					padding: 8rpx 20rpx;
					border-radius: 8rpx;
					line-height: 32rpx;
				}
			}
		}

		.qyList-box {
			width: 716rpx;
			height: 100%;

			.qyList-box-item {
				width: 100%;
				// height: 400rpx;
				padding-bottom: 40rpx;
				background-color: #ffffff;
				border-radius: 24rpx;
				margin-bottom: 20rpx;

				.qyList-box-item-box {
					width: 626rpx;
					height: 100%;
				}

				.qyList-box-item-info {
					margin-top: 40rpx;
				}

				.qyList-box-item-job {
					width: 100%;
					color: #121212;
					font-size: 28rpx;
					font-weight: 500;
					margin-top: 20rpx;
				}

				.qyList-box-item-rem {
					color: #999999;
					font-size: 26rpx;
					margin-top: 20rpx;
				}
			}
		}
	}

	.announcement {
		// background: #ffffff;
		padding: 0px 0px 10px 10px;
		margin-top: 20rpx;
	}

	.announcementbox {
		width: 712upx;
		height: 64upx;
		background: #e5fff2;
		border-radius: 32upx;
		display: flex;
		align-items: center;
		padding: 0px 24upx;
	}

	.anount {
		color: #00DD9A;
		font-weight: bold;
	}

	.anounts {
		width: 80%;
		height: 64rpx;
		color: #333333;
		font-size: 24upx;
	}

	.activeColor {
		color: #016bf6 !important;
		border: 1rpx solid #016bf6;
		background: #D6E7FD !important;
	}
</style>