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>
			<!-- 用户端 -->
			<view v-if="userType == 1" class="page-container" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">

				<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">
						<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 v-if="isExpanded" class="topbg-yx-box-r flex align-center" @click="addDirection">
									<image src="../../static/images/index/Attachment.svg" class="attachment-icon" />
								</view>
							</view>

							<!-- 第二行：筛选 -->
							<view v-if="isExpanded" 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="getLocalJobs('go')">
										<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 v-if="isExpanded" 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 style="text-align: right;" @click="isExpanded = !isExpanded">
								<u-icon :name="isExpanded ? 'arrow-up' : 'arrow-down'" color="#016bf6"></u-icon>
							</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: 100%;" refresher-enabled="true"
								:refresher-threshold="80" refresher-background="#F2F2F7" refresher-default-style="white"
								:refresher-triggered="isRefreshing" @refresherrefresh="handlePullDownRefresh"
								@refresherpulling="onPullingDown" @scrolltolower="loadMore"
								scroll-with-animation="true">
								<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">
												<view class="user-image">
													<view class="online-status"
														:style="{ 'background-color': item.user && item.user.onlineStatus == 'ONLINE' ? '#00DD9A' : '#999' }">
													</view>
													<image
														:src="item.hr && item.hr.hrImg ? item.hr.hrImg : '../../static/logo.png'"
														style="width: 58rpx;height: 58rpx;border-radius: 50%;" mode="">
													</image>
												</view>
												<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>
								<nomore v-if="dataList.length > 0 && page >= totlo"></nomore>
							</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>
			</view>

			<!---------------------------------------- 企业版 -------------------------------------------------------->
			<view v-else class="page-container" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">
				<image class="qySx-bg" src="/static/images/index/index-bg1.png" mode="widthFix"></image>
				<view class="topbg-sticky">
					<!-- 标题-搜索 -->
					<view class="topbg-sticky-box">
						<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>
				</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'">
						<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="selectJob(item, index)"
										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" v-if="isExpandedQY"
									@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" v-if="isExpandedQY">
								<!-- 分类 -->
								<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 @click="getLocalJobs('go')" class="qySx-sx-box-r-i flex align-center">
										<text style="margin-right: 10rpx;">{{ city ? city : '选择城市' }}</text>
										<u-icon name="arrow-down" color="#00B78F" size="16"></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 class="direction-tip" v-if="isExpandedQY">
								<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="positionTagArr.indexOf(item.id) >= 0 || (positionTagArr.length <= 0 && item.id == '不限') ? 'active' : ''"
										@click="selectPositionTag(item)" v-for="(item, index) in positionTag"
										:key="index">
										{{ item.name }}
									</view>
									<view class="direction-tag-plus" @click="goToPage">
										<u-icon name="plus" color="#999999" size="16"></u-icon>
									</view>
								</view>
							</view>
							
							<!-- 展开收起 -->
							 <view style="text-align: right;" @click="isExpandedQY = !isExpandedQY">
								<u-icon :name="isExpandedQY ? 'arrow-up' : 'arrow-down'" color="#016bf6"></u-icon>
							</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" v-if="datasList.length > 0">
						<scroll-view scroll-y="true" style="width: 100%;height: 100%;" refresher-enabled="true"
							:refresher-threshold="80" refresher-background="#F2F2F7" refresher-default-style="white"
							:refresher-triggered="isRefreshing" @refresherrefresh="handlePullDownRefresh"
							@refresherpulling="onPullingDown" @scrolltolower="loadMore" scroll-with-animation="true">
							<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.length > 0 ? jobSxTypeList[currentJobSx].id : ''), 'company')">
								<!-- /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="online-name"
												style="color: #212121;font-size: 38rpx;font-weight: 800;">
												{{ item.userName }}
												<view class="online-txt"
													:style="{ 'background': item.onlineStatus == 'ONLINE' ? 'rgba(29, 209, 104, 0.1)' : '#eee', 'color': item.onlineStatus == 'ONLINE' ? 'rgba(29, 209, 104, 1)' : '#999' }">
													<view class="dot-icon"
														:style="{ 'background': item.onlineStatus == 'ONLINE' ? 'rgba(29, 209, 104, 1)' : '#999' }">
													</view>
													{{ item.onlineStatus == 'ONLINE' ? '在线' : '离线' }}
												</view>
											</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 v-if="item.intentPostSkill" class="flex align-center flex-wrap" style="gap:8rpx;margin: 32rpx 0;">
										<view v-for="(text,i) in parseSkills(item.intentPostSkill)" :key="i" class="skillTag">
											{{text}}
										</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.companyName">
											<view class="work-school">
												<view class="txt-desc-box" v-if="item.companyName">
													<view class="txt-desc">
														{{ item.companyName ? item.companyName : '' }}
													</view>
													<view class="txt-desc">
														{{ item.lastWorkStartTime ? item.lastWorkStartTime.slice(0, 10)
															: ''
														}}--{{
															item.lastWorkEndTime ? item.lastWorkEndTime.slice(0, 10) : '' }}
													</view>
												</view>
												<view class="txt-desc-box" v-if="item.school">
													<view class="txt-desc">
														{{ item.school ? item.school : '' }}
													</view>
													<view class="txt-desc">
														{{ item.degree ? item.degree : '' }}
													</view>
												</view>
											</view>
										</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>
							<nomore v-if="datasList.length > 0 && page >= totlo"></nomore>
						</scroll-view>
					</view>
					<view class="qyList-box" v-else>
						<empty :isShow="false" v-if="datasList.length == 0" />
					</view>
				</view>
			</view>
		</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>
		<u-popup mode="top" ref="permission">
			<view class="popup-content">
				<view class="popup-text-permission">获取位置需要定位权限，用于推荐同城的求职岗位或牛人</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
import empty from '../../components/empty.vue'
import nomore from '../../components/nomore.vue'
import permision from '@/js_sdk/wa-permission/permission.js'
import companyListIndex from '@/components/companyListIndex/companyListIndex.vue'
export default {
	components: {
		empty,
		companyListIndex,
		nomore
	},
	data() {
		return {
			statusBarHeight: 0, // 状态栏高度
			enable: true, //开启吸顶
			goback: false,
			county: '', //区
			city: '',
			companyName: "",
			companyId: "",
			datasList: [],
			isfixeds: false,
			userType: 1,
			dataList: [],
			current: 0,
			typeList: [],
			isRefreshing: false,
			currentSx: 0,
			sxTypeList: [{
				id: 1,
				name: '推荐',
			},
			{
				id: 2,
				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: 0,
			education: '', //学历
			experience: '', //经验
			industry: '', //行业
			salaryRange: '', //薪资
			companyPeople: '', //公司规模
			preference: [],
			domeWidth: 0,
			showModal: true,
			arr: [],
			companyStatus: '',
			XCXIsSelect: '是',
			bannerList: [], //企业端轮播图
			isExpanded: true, // 控制展开/收起状态
			isExpandedQY:true,
			bannerListuser: [], //用户端轮播图
			gridlist: [], //用户端分类
			gongao: [], //公告
			tuiguang: '', //分享标题
			bgImg: '', //分享图片
			companList: [], //公司列表
			directionList: [ //方向列表
				{
					id: '不限',
					name: '不限',
					ruleClassifyId:0
				}
			],
			// 招聘端标签
			positionTag:[
				{
					id: '不限',
					name: '不限',
				}
			],
			positionTagArr:[],
			preferenceChange:false
		};
	},
	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()
				this.directionList=[ //方向列表
					{
						id: '不限',
						name: '不限',
						ruleClassifyId:0
					}
				]
				this.preferenceChange=false
				this.preference=[]
				this.industry=''
				this.getPostType()
			}
		},
		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.getCompanyClassify()
				}
			}
		}
	},
	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,
					ruleClassifyId:that.typeList[that.current].id
				}
				prefer.push(tem)
			})
			let preference = this.preference;
			that.preference = preference.filter(item => data.preferences.includes(item));
			that.directionList = prefer
			that.preferenceChange=true
		})
		uni.$on("skillsUpdated", (data) => {
			console.log("接收到的职位技能数据：", data);
			let prefer = data.selectedTags.map(item => ({
				id: item,
				name: item
			}))
			prefer = prefer.filter(tag => tag.id !== '不限')
			prefer.unshift({ id: '不限', name: '不限' })

			// 更新当前岗位下的标签
			if (this.currentRuleClassifyId) {
				this.$set(this.positionTagMap, this.currentRuleClassifyId, prefer)
				this.positionTag = prefer
			}
		})


		//#ifdef H5
		this.getLocalJobs('');
		//#endif
		//#ifdef APP-PLUS
		const appAuthorizeSetting = uni.getAppAuthorizeSetting()
		if (appAuthorizeSetting.locationAuthorized == 'authorized')
			this.getLocalJobs('');
		//#endif
		this.getDomWidth()
		this.$Request.getT('/app/common/type/255').then(res => {
			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();
		})
		uni.$on('updateIndexType', data => {
			this.page = 1
			this.getPostType()
		})
	},
	onUnload() {
		uni.$off('filterCity');
		uni.$off('preferenceUpdated')
		uni.$off('updateScreenFilterRecord')
		uni.$off('updateIndexType')
		uni.$off('skillsUpdated')
	},
	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 || true) {
			if (this.userType == 1) {
				if (this.current != this.typeList.length - 1) {
					this.getPostType();
				} else {
					this.getComanyList()
				}
			} else {
				this.getCompanyClassify()
			}
		}

	},
	methods: {
		parseSkills(str) {
			if (!str) return [];
			// 统一替换中文逗号为英文逗号
			str = str.replace(/，/g, ',');
			// 先判断用什么分隔符
			if (str.includes('/')) {
				return str.split('/').filter(Boolean);
			} else if (str.includes(',')) {
				return str.split(',').filter(Boolean);
			}
			// 没有分隔符，直接返回数组
			return [str];
		},
		selectJob(job, index) {
			this.currentJobSx = index
			this.currentRuleClassifyId = job.ruleClassifyId
			this.positionTag = this.positionTagMap[job.ruleClassifyId] || [{ id: '不限', name: '不限' }]
			this.getDomWidth()
		},
		//下拉过程
		onPullingDown() {
			// 可以在这里处理下拉过程中的逻辑，比如显示下拉进度
		},
		//下拉刷新处理
		handlePullDownRefresh() {
			this.isRefreshing = true
			this.page = 1
			if (this.userType == 1) {
				if (this.current != this.typeList.length - 1) {
					this.getUserList()
				} else {
					this.getComanyList()
				}
			} else {
				this.getPeopList()
			}
		},
		// 加载更多
		loadMore() {
			// 检查是否还有更多数据（当前页码小于总页数）
			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()
				}
			} else {
				// uni.showToast({
				// 	title: '已加载全部数据',
				// 	icon: 'none'
				// })
			}
		},
		//去企业详情
		goInfo(item) {
			uni.navigateTo({
				url: '/my/enterpriseInfo/enterpriseInfo?companyId=' + item.companyId
			})
		},
		// 
		async getLocalJobs(go = 'go') {
			let that = this;
			// #ifdef APP
			const hasLocation = await this.$queue.checkPermission(
				'location',
				'获取位置需要定位权限，用于推荐同城的求职岗位或牛人',
				this
			);
			if (!hasLocation) return that.goNav('/package/screen/city?city=' + that.city + '&county=' + that.county);
			// #endif
			that.getCity(go)
		},

		getCity(go = '') {
			var that = this
			// 权限通过，调用定位API
			uni.getLocation({
				type: 'wgs84', //wgs84  gcj02
				success: function (res) {
					console.log(res, '地理位置');
					that.latitude = res.latitude;
					that.longitude = res.longitude;
					if (that.$queue.array_column(that.sxTypeList, 'id').indexOf(3) < 0)
						that.sxTypeList.push({
							id: 3,
							name: '附近'
						})
					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
							if (go == 'go')
								that.goNav('/package/screen/city?city=' + that.city + '&county=' + that.county + '&type=' + 'search')
							return;
						} else {
							that.getSelectCity(that.longitude, that.latitude, go);
							return
						}
						// #endif
						// #ifndef APP
						that.getSelectCity(that.longitude, that.latitude, go);
						return
						// #endif
					} else {
						that.city = uni.getStorageSync('city')
						if (go == 'go')
							that.goNav('/package/screen/city?city=' + that.city + '&county=' + that.county + '&type=' + 'search')
					}
				},
				fail: function () {
					console.log('获取地址失败');
					// 获取位置失败时也要关闭加载并调用数据接口
					uni.hideLoading()
					// 即使没有位置信息，也要加载数据
					if (that.userType == 1) {
						that.getPostType()
					} else {
						that.getCompanyClassify()
					}
					if (go == 'go')
						that.goNav('/package/screen/city?city=' + that.city + '&county=' + that.county + '&type=' + 'search')
				}
			})
		},


		//获取公司列表
		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()
				this.isRefreshing = false
				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'
					})
				}
			}).catch(err => {
				this.isRefreshing = false
				uni.hideLoading()
			})
		},
		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) {
							uni.navigateTo({
								url: '/pages/my/businessLicense'
							})
						}
					}
				})
			}
		},
		//获取企业认证状态(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: '企业正在认证审核中。',
							showCancel: false,
							complete(ret) {
								if (ret.confirm) {
									uni.navigateTo({
										url: "/package/jobIntention/underReview"
									});
								}
							}
						})
					}
					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.length > 0 ? this.jobSxTypeList[this.currentJobSx].projectName : '', //岗位名称
				screen: +this.currentJobSxs + 1, //1推荐 2最新
				city: this.city == '全国' ? '' : this.city, //城市
				salaryRange: this.salaryRange, //薪资范围
				eduRange: this.education, //学历
				expRange: this.experience, //经验
				intentPostSkill:this.positionTagArr.join(','),
				//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（无论请求结果如何都执行）
				this.isRefreshing = false
				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]
					}
					this.totlo = res.data.pages
				} else {
					// 5. 异常情况：仅第一页清空列表，避免翻页时丢失数据
					if (this.page === 1) {
						this.datasList = []
					}
					// 可选：提示用户无数据
					// uni.showToast({ title: '暂无数据', icon: 'none' })
				}
			}).catch(err => {
				// 6. 捕获请求异常（如网络错误、接口500）
				this.isRefreshing = false
				uni.hideLoading()
				uni.showToast({
					title: '请求失败，请重试',
					icon: 'none'
				})
				console.error('简历列表请求失败：', err)
			})
		},
		/**
		 * 获取公司发布的岗位列表
		 */
		getCompanyClassify() {
			let data = {
			}
			if (uni.getStorageSync('companyId') && uni.getStorageSync('companyId') != 'null')
				data.companyId = uni.getStorageSync('companyId')

			this.$Request.getT('/app/postPush/getCompanyClassify', data).then(res => {
				uni.hideLoading()
				if (res.code === 0 && res.data.length > 0) {
					let arr = []
					let tagMap = {}

					res.data.forEach(item => {
						let obj = {
							id: item.postPushId,
							projectName: item.ruleClassifyName,
							name: item.ruleClassifyName,
							ruleClassifyId: item.ruleClassifyId
						}
						arr.push(obj)

						// 处理标签
						let tags = []
						if (item.positionTag && item.positionTag.trim() !== '') {
							tags = item.positionTag
								.split(',')
								.filter(Boolean)
								.map(tag => ({ id: tag, name: tag }))
						}
						if (tags.length === 0) {
							tags = [{ id: '不限', name: '不限' }]
						} else {
							tags.unshift({ id: '不限', name: '不限' })
						}

						tagMap[item.ruleClassifyId] = tags
					})
					if (this.positionTagMap && Object.keys(this.positionTagMap).length > 0) {
						for (const key in tagMap) {
							if (this.positionTagMap[key]) {
								const oldTags = this.positionTagMap[key]
								const newTags = tagMap[key]
								const merged = []
								const seen = new Set()

									;[...oldTags, ...newTags].forEach(tag => {
										if (!seen.has(tag.id)) {
											seen.add(tag.id)
											merged.push(tag)
										}
									})
								tagMap[key] = merged
							}
						}
					}
					
					this.jobSxTypeList = arr
					this.positionTagMap = tagMap

					if (!this.currentRuleClassifyId && arr.length > 0) {
						this.currentRuleClassifyId = arr[0].ruleClassifyId
					}

					this.positionTag =
						this.positionTagMap[this.currentRuleClassifyId] ||
						[{ id: '不限', name: '不限' }]
					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, go) {
			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 (go == 'go')
						this.goNav('/package/screen/city?city=' + this.city + '&county=' + this.county + '&type=' + 'search')
					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)
					})
					console.log(arr)
					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.length > 0 ? 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 => {
				this.isRefreshing = false
				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
				}
			}).catch(err => {
				this.isRefreshing = false
				uni.hideLoading()
			})
		},
		/**
		 * 工作性质
		 */
		getPostType() {
			var that = this
			if(that.preferenceChange){
				return this.getUserList()
			}
			//行业期望
			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
					arr.forEach(function (item,index) {
						var tmp = {}
						tmp.id = item.ruleClassifyId
						tmp.name = item.ruleClassifyName
						tmp.label = item.ruleClassifyName
						classRule.push(tmp)
						let indexRulrId=that.typeList.length>0&&that.typeList[that.current].id?that.typeList[that.current].id:arr[0].ruleClassifyId
						if(indexRulrId==item.ruleClassifyId){
							var indus = item.industry ? item.industry.split('/') : []
							indus.forEach(function (ind) {
								var tm = {}
								tm.name = ind
								tm.id = ind
								tm.ruleClassifyId=item.ruleClassifyId
								if (that.$queue.array_column(industry, 'name').indexOf(tm.name) <
									0)
									industry.push(tm)
							})
						}
					})
					classRule.push({
						id: '',
						name: '',
						label: ''
					}) //模拟个空企业选项，为了兼容源码和设计图
					this.typeList = classRule
					
					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,
								ruleClassifyId:that.typeList[that.current].id
							})
					})
					
					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, company = '') {
			if (company == 'company') {
				if (this.jobSxTypeList.length <= 0 || this.jobSxTypeList[this.currentJobSx].id == '') return this.$queue.showToast('请先点击右上角发布岗位');
			}
			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
			if (jobId == '')
				return this.$queue.showToast('请先添加期望')
			uni.navigateTo({
				url: '/package/jobIntention/preferenceSetting?jobId=' + jobId + '&jobTitle=' + jobTitle +
					'&selectedPreferences=' + encodeURIComponent(JSON.stringify(this.$queue.array_column(this
						.directionList, 'name')))
			})
		},
		//跳转招聘端选择标签页面
		goToPage(){
			if (this.jobSxTypeList.length <= 0 || this.jobSxTypeList[this.currentJobSx].id == '') return this.$queue.showToast('请先点击右上角发布岗位');
			let selectTag = this.positionTag.map(item => item.id)
			uni.navigateTo({
				url: "/package/jobIntention/jobSkills?tag=" + selectTag + '&jobTitle=' + this.jobSxTypeList[this.currentJobSx].name + '&ruleClassifyId=' + this.jobSxTypeList[this.currentJobSx].ruleClassifyId,
			});
		},
		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()
			}
		},
		selectPositionTag(item){
			var preference = this.positionTagArr
			var res = preference.indexOf(item.id)
			if (res >= 0) {
				preference.splice(res, 1)
			} else {
				if (item.id == '不限')
					preference = []
				else
					preference.push(item.id)
			}
			this.positionTagArr = preference
			this.page = 1;
			this.getPeopList();
		}
	}
}
</script>

<style lang="scss" scoped>
.page-container {
	display: flex;
	flex-direction: column;
	height: 100vh;
	//#ifdef H5
	height: calc(100vh - var(--window-bottom));
	//#endif
	// margin-bottom: 60px;
	position: relative;
}

.user-image {
	position: relative;

	.online-status {
		width: 16rpx;
		height: 16rpx;
		position: absolute;
		bottom: 0rpx;
		right: 0rpx;
		border-radius: 50%;
		z-index: 1;
		box-sizing: border-box;
		border: 1rpx solid rgba(255, 255, 255, 1);
	}
}

.work-school {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1;
}

.online-name {
	display: flex;
	align-items: center;
	gap: 12rpx;
}

.online-txt {
	border-radius: 8rpx;
	background: rgba(213, 255, 231, 1);
	color: rgba(29, 209, 104, 1);
	font-family: DM Sans;
	font-size: 16rpx;
	font-weight: 400;
	line-height: 20rpx;
	padding: 8rpx;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8rpx;
	border: 1rpx solid #fff;

	.dot-icon {
		width: 10rpx;
		height: 10rpx;
		border-radius: 50%;
		background-color: #00DD9A;
	}
}

.txt-desc-box {
	gap: 16rpx;
	display: flex;
	flex-direction: column;


	.txt-desc {
		color: rgba(153, 153, 153, 1);
		font-family: DM Sans;
		font-size: 20rpx;
		font-weight: 400;
		line-height: 20rpx;
		letter-spacing: 0%;
	}
}

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%;
	flex: 1;
	overflow: auto;

	.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-bg {
	position: absolute;
	top: 0;
	z-index: 0;
	width: 100%;
}

.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-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: 24rpx 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%;
	overflow: auto;
	flex: 1;

	/* 技能标签区域 */
	.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;
}
.skillTag{
	padding: 8rpx;
	border-radius: 8rpx;
	background: rgba(198, 198, 198, 0.1);
	color: rgba(153, 153, 153, 1);
	font-family: DM Sans;
	font-size: 20rpx;
	font-weight: 400;
	line-height: 20rpx;
}
</style>