yizhizan-h5/pages/my/index.vue

<template>
	<view class="my-center-page">
		<view class="my-bg">
			<image src="@/static/images/my/icon/paopao.svg" mode="aspectFill" class="paopao paopao-one" />
			<image src="@/static/images/my/icon/paopao.svg" mode="aspectFill" class="paopao paopao-two" />
			<image src="@/static/images/my/icon/paopao.svg" mode="aspectFill" class="paopao paopao-three" />
			<view class="my-bg-bottom"></view>
		</view>
		<!-- 用户端 -->
		<block v-if="userType == 1">
			<view class="user-box">
				<view class="user-top">
					<view class="info-box-btn flex justify-end align-center" style="padding-right: 32rpx;"
						v-if="token && XCXIsSelect != '否'">
						<image src="@/static/images/jobApplicant/qiehuan.svg" mode="scaleToFill"
							style="margin-top: 40rpx;margin-right:30rpx" @click="goNav('switchRoles')" />
						<image src="@/static/images/jobApplicant/shezhi.svg" mode="scaleToFill"
							style="margin-top: 40rpx;" @click="goNav('/pages/my/setup')" />
					</view>
				</view>
				<view class="user-content">
					<view class="info flex justify-center"
						:style="{ paddingTop: token && XCXIsSelect != '否' ? '0' : '100rpx' }">
						<view class="info-box">
							<view @click="goNav('/package/jobIntention/basicInfo')"
								class="info-box-header flex justify-between align-end">
								<view class="flex align-center">
									<view class="info-box-header-l">
										<image :src="avatar ? avatar : '../../static/images/logo.jpg'" mode="aspectFill"></image>
										<view class="info-tip" v-if="score < 60">待完善</view>
									</view>
									<view class="info-box-header-r">
										<view class="info-box-header-r-name flex align-center">
											<view class="info-box-header-r-text">
												{{ userName }}
											</view>
											<!-- <image v-if="isVip == true" src="../../static/images/my/isVip.png"
												style="margin-left: 10rpx; width: 80rpx; height: 30rpx" mode=""></image> -->
										</view>
										<view v-if="token && XCXIsSelect != '否'"
											class="info-box-header-r-bj flex align-center">
											基本信息
											<image src="@/static/images/jobApplicant/edit-user.svg"
												mode="scaleToFill" />
										</view>
									</view>
								</view>
								<!-- 简历完善度 -->
								<view class="resume-progress" v-if="token">
									<view class="text-tip flex align-center justify-between">
										<text>简历完善度</text>
										<text>{{ score }}%</text>
									</view>
									<view class="progress-box">
										<view class="progress-bar" :style="{ width: `${score}%` }"></view>
									</view>
								</view>
							</view>
							<view class="info-box-num flex align-center justify-between" v-if="XCXIsSelect != '否'">
								<view class="info-box-num-td" @click="gojiLuList('/package/records/records', '沟通记录')">
									<view class="info-box-num-td-num"> {{ chatCount }} </view>
									<view class="info-box-num-td-name"> 沟通过 </view>
								</view>
								<view class="info-box-num-td" @click="gojiLuList('/package/records/records', '投递记录')">
									<view class="info-box-num-td-num">
										{{ deliveryCount }}
									</view>
									<view class="info-box-num-td-name"> 已投简历 </view>
								</view>
								<view class="info-box-num-td" @click="gojiLuList('/package/records/records', '面试记录')">
									<view class="info-box-num-td-num">
										{{ interviewCount }}
									</view>
									<view class="info-box-num-td-name"> 待面试 </view>
								</view>
								<view class="info-box-num-td" @click="gojiLuList('/package/records/records', '我的收藏')">
									<view class="info-box-num-td-num">
										{{ collectionCount }}
									</view>
									<view class="info-box-num-td-name"> 收藏 </view>
								</view>
							</view>
						</view>
					</view>
					<!-- 推广横幅 -->
					<view class="promo-banner" @click="goBusinessLicense(0)">
						<view class="banner-content">
							<view class="banner-text">
								<text class="banner-title">牛人找资金</text>
								<text class="banner-subtitle">带上你的超级项目,这里有无限的可能</text>
							</view>
							<view class="banner-button">
								<text class="button-text">立即参与</text>
							</view>
						</view>
					</view>
					<!-- 求职服务 -->
					<view class="jobServer flex justify-center" v-if="XCXIsSelect != '否'"
						:style="XCXIsSelect == '否' ? 'margin-top:30rpx' : ''">
						<view class="jobServer-box flex justify-center">
							<view class="jobServer-box-c">
								<!-- <view class="jobServer-box-title"> 求职服务 </view> -->
								<view class="jobServer-box-btn flex justify-between">
									<view class="jobServer-box-btn-item flex justify-center flex-wrap"
										@click="goNav('/pages/my/onlineResume')">
										<image src="../../static/images/index/qwzn.svg" mode=""></image>
										<view class=""> 在线简历 </view>
										<view class="info-tip" v-if="score < 60">待完善</view>
									</view>
									<view class="jobServer-box-btn-item flex justify-center flex-wrap"
										@click="goNav('/pages/my/attachment')">
										<image src="../../static/images/index/cpbk.svg" mode=""></image>
										<view class=""> 附件简历 </view>
									</view>
									<view class="jobServer-box-btn-item flex justify-center flex-wrap"
										@click="goNav('/package/jobIntention/tagManage')">
										<image src="../../static/images/index/fwzx.svg" mode=""></image>
										<view class=""> 求职意向 </view>
									</view>
									<view class="jobServer-box-btn-item flex justify-center flex-wrap"
										@click="gojiLuList('/package/records/records', '面试记录')">
										<image src="../../static/images/index/rmhd.svg" mode=""></image>
										<view class=""> 项目中心 </view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<!-- 更多工具 -->
					<!-- 更多功能区域 -->
					<view class="more-functions">
						<view class="section-title">更多功能</view>
						<view class="function-grid">
							<view class="function-item" @click="goNav('/pages/my/ruleCenter')">
								<image src="../../static/images/index/moreSkill3.svg" class="function-icon"></image>
								<text class="function-text">规则中心</text>
							</view>
							<view class="function-item" @click="goChat">
								<image src="../../static/images/index/moreSkill4.svg" class="function-icon"></image>
								<text class="function-text">联系客服</text>
							</view>
							<view class="function-item" @click="showReportModal = true">
								<image src="../../static/images/index/wyts.svg" class="function-icon"></image>
								<text class="function-text">我要投诉</text>
							</view>
							<view class="function-item" @click="goNav('/pages/my/headhunter')">
								<image src="../../static/images/index/moreSkill1.svg" class="function-icon"></image>
								<text class="function-text">猎头服务</text>
							</view>
							<view class="function-item" @click="goNav('/package/my/hiddenManagement/index')">
								<image src="@/static/images/svg/building.svg" class="function-icon"></image>
								<text class="function-text">屏蔽管理</text>
							</view>
						</view>
					</view>
					<view class="beian">客服电话 400-000-0100 工作时间08:00-22:00</view>
					<view class="beian">人力资源服务许可证 营业执照 深圳市人社局监督电话</view>
					<view class="beian">粤ICP备2025494494号-2A</view>
				</view>
			</view>
		</block>
		<!-- 企业端 -->
		<block v-else>
			<view class="user-box">
				<view class="user-top">
					<view class="info flex justify-center">
						<view class="info-box">
							<view v-if="XCXIsSelect != '否'" class="info-box-btn flex justify-end align-center">
								<image src="@/static/images/jobApplicant/qiehuan.svg" mode="scaleToFill"
									style="margin-top: 40rpx;margin-right:30rpx" @click="goNav('switchRoles')" />
								<image src="@/static/images/jobApplicant/shezhi.svg" mode="scaleToFill"
									style="margin-top: 40rpx;" @click="goNav('/pages/my/setup')" />
							</view>
							<view class="info-box-header flex align-center" @click="goNav('/pages/my/userinfo')">
								<view class="info-box-header-l">
									<image :src="avatar ? avatar : '../../static/images/logo.jpg'" mode="aspectFill"></image>
								</view>
								<view class="info-box-header-r">
									<view class="info-box-header-r-name flex align-center">
										{{ userName }}
										<image v-if="isUserVip"
											style="margin-left: 10rpx; width: 80rpx; height: 30rpx"
											src="../../static/images/my/isVip.png" mode=""></image>
										<view class="un-verify" v-if="showCompanyStatusTip">账号待审核</view>
									</view>

									<view v-if="XCXIsSelect != '否'" class="info-box-header-r-bj flex align-center">
										{{ companyInfo.companyAllName || "" }}<text v-if="companyInfo.hrTitle"> · {{ companyInfo.hrTitle }}</text>
										<!-- <image src="@/static/images/jobApplicant/edit-user.svg" mode="scaleToFill" /> -->
									</view>
								</view>
								
								<u-icon name="arrow-right" color="#fff"></u-icon>
							</view>
							<!-- 记录栏 -->
							<view class="info-box-num flex align-center justify-between" v-if="XCXIsSelect != '否'"
								style="padding: 0 100rpx;">
								<view class="info-box-num-td"
									@click="goNav('/pages/recruitmentData/communicationRecords?tab=0')">
									<view class="info-box-num-td-num"> {{ chatCount }} </view>
									<view class="info-box-num-td-name">沟通过</view>
								</view>
								<view class="info-box-num-td"
									@click="goNav('/pages/recruitmentData/communicationRecords?tab=1')">
									<view class="info-box-num-td-num"> {{ interviewCount }} </view>
									<view class="info-box-num-td-name">面试</view>
								</view>
								<view class="info-box-num-td"
									@click="goNav('/pages/recruitmentData/communicationRecords?tab=2')">
									<view class="info-box-num-td-num"> {{ collectionCount }} </view>
									<view class="info-box-num-td-name">收藏</view>
								</view>
								<!-- <view class="info-box-num-td" @click="goNav('/pages/my/onlineResume')">
									<view class="info-box-num-td-num"> 0 </view>
									<view class="info-box-num-td-name">分享</view>
								</view> -->
							</view>
						</view>
					</view>
				</view>
				<view class="user-content">
					<!-- 升级VIP -->
					<view v-if="iosAudit == 0" class="vip-upgrade-banner" @click="goVipUpgrade">
						<view class="vip-banner-content">
							<view class="vip-banner-text"> 升级VIP专享超值权益 </view>
							<view class="vip-upgrade-button"> 去升级 </view>
						</view>
					</view>
					<!-- 招聘服务 -->
					<view class="jobServer flex justify-center" v-if="XCXIsSelect != '否'"
						:style="XCXIsSelect == '否' ? 'margin-top:30rpx' : ''">
						<view class="jobServer-box flex justify-center">
							<view class="jobServer-box-c">
								<!-- <view class="jobServer-box-title"> 招聘服务 </view> -->
								<view class="jobServer-box-btn flex justify-between">
									<view class="jobServer-box-btn-item flex justify-center flex-wrap"
										@click="goJobManagement">
										<image src="../../static/images/index/gangwei.svg" mode=""></image>
										<view class=""> 职位管理 </view>
									</view>
									<view v-if="$queue.getData('companyId')"
										class="jobServer-box-btn-item flex justify-center flex-wrap"
										@click="goNav('/pages/recruitmentData/index')">
										<image src="../../static/images/index/shuju.svg" mode=""></image>
										<view class=""> 招聘数据 </view>
									</view>
									<view class="jobServer-box-btn-item flex justify-center flex-wrap"
										@click="goNavStatus('/pages/my/jobPosting')">
										<image src="../../static/images/index/qwzn.svg" mode=""></image>
										<view class=""> 发布招聘 </view>
									</view>
									<view class="jobServer-box-btn-item flex justify-center flex-wrap"
										@click="handleToCompanyIndex">
										<image src="../../static/images/index/fwzx.svg" mode=""></image>
										<view class=""> 公司主页 </view>
										<view class="info-tip" v-if="showCompanyInfoTip">待完善</view>
									</view>
								</view>
							</view>
						</view>
					</view>

					<!-- 推广横幅 -->
					<view class="promo-banner" @click="goBusinessLicense(1)">
						<view class="banner-content">
							<view class="banner-text">
								<text class="banner-title">资金找项目</text>
								<text class="banner-subtitle">亿职赞，为您提供前程似锦的优质项目！</text>
							</view>
							<view class="banner-button">
								<text class="button-text">立即参与</text>
							</view>
						</view>
					</view>

					<!-- 更多工具 -->
					<view class="utils-title">更多功能</view>
					<view class="utils flex justify-center">
						<view class="utils-box flex justify-center">
							<view class="utils-box-c">
								<view class="util-list">
									<view class="util-item" @click="goNav('/pages/my/ruleCenter')">
										<image src="../../static/images/my/icon/utils/rulerCenter.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											规则中心
										</view>
									</view>
									<view v-if="iosAudit == 0" class="util-item"
										@click="goNav('/pages/my/VIP/benefits')">
										<image src="../../static/images/my/icon/utils/benefits.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											我的权益
										</view>
									</view>
									<view v-if="$queue.getData('companyId')" class="util-item"
										@click="goNav('/pages/my/myCompany')">
										<image src="../../static/images/my/icon/utils/company.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											企业管理
										</view>
									</view>
									<view class="util-item" @click="goChat">
										<image src="../../static/images/my/icon/utils/kefu.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											我的客服
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="beian">客服电话 400-000-0100 工作时间08:00-22:00</view>
					<view class="beian">人力资源服务许可证 营业执照 深圳市人社局监督电话</view>
					<view class="beian">粤ICP备2025494494号-2A</view>
				</view>
			</view>
		</block>
		<!-- 状态切换 -->
		<u-action-sheet :list="list" @click="click" :tips="tips" v-model="show"></u-action-sheet>
		<!-- Modal 弹框 -->
		<u-popup v-model="showReportModal" mode="center" border-radius="20">
			<view class="report-content">
				<view class="report-title">亿职赞的旅途中若出现任何不满，请通过以下方式进行投诉</view>
				<view class="report-desc-box">
					<view class="report-desc">投诉电话：18126311505</view>
					<view class="report-desc">投诉邮箱：service@bosszan.com</view>
				</view>
				<view class="report-desc-small">
					我们将在核实后第一时间处理！<br>
					十分感谢您的信任！
				</view>
				<view class="report-btn" @click="showReportModal = false">确认</view>
			</view>
		</u-popup>
		<u-popup v-model="showNotice" mode="center" :mask-close-able="false">
			<view class="flex flex-direction" style="background-color: rgba(0, 0, 0, 0.6);height: 85vh;">
				<view class="pop-image" v-if="userType == 1">
					<image src="/static/images/hxr.jpg"></image>
				</view>
				<view class="pop-image" v-if="userType == 2">
					<image src="/static/images/qy.jpg"></image>
				</view>
				<u-button @click="handleCloseNotice" class="pop-btn">确认</u-button>
			</view>
		</u-popup>
		
		<!-- 重新提交审核弹窗 -->
		<c-modal :value="auditModal" title="提示" @cancel="auditModal = false" @confirm="handleAudit">
			{{ modalMessage }}
		</c-modal>
	</view>
</template>

<script>
import cModal from '@/components/c-modal.vue'

const rejectModalMessage = '您提交的申请被驳回，是否重新提交审核？'
const registModalMessage = '您还未注册企业，是否立即注册企业？'

export default {
	components: {
		cModal
	},
	data() {
		return {
			tips: {
				text: "切换状态",
				color: "#909399",
				fontSize: 28,
			},
			showReportModal: false,
			reportContent: '',
			contact: '',
			show: false,
			list: [{
				id: 1,
				text: "离职-正在找工作",
				fontSize: 24,
			},
			{
				id: 2,
				text: "在职-考虑机会",
				fontSize: 24,
			},
			{
				id: 3,
				text: "在职-暂不考虑",
				fontSize: 24,
			},
			{
				id: 4,
				text: "实习",
				fontSize: 24,
			},
			],
			userType: 1,
			avatar: "",
			userName: "登录",
			XCXIsSelect: "否",
			userId: "",
			arr: [],
			showModal: true,
			CompanyList: {},
			money: "0",
			browseCount: 0,
			collectionCount: 0,
			deliveryCount: 0,
			chatCount: 0,
			interviewCount: 0,
			postPushCount: 0,//在线职位数量
			isVip: false, //用户是否是vip
			isUserVip: false, //企业是否是vip
			resumesStatus: 1, //求职状态
			resumesId: "",
			token: "",
			companyInfo: "",
			companyStatus: "", //企业认证状态（1:审核中 2:已通过 3:已拒绝 空：未认证）
			isAndroid: false,
			iosAudit: 1,
			showNotice:false,
			score: 0, // 简历完善度
			auditModal: false,
			modalMessage: '',
		};
	},
	computed: {
		// 显示公司审核状态
		showCompanyStatusTip() {
			// 管理员且公司未审核通过
			if (this.companyInfo?.companyUser?.isAdmin == 1 && this.companyInfo.status != 2) {
				return true
			}
			return false
		},
		// 显示公司待完善tip
		showCompanyInfoTip() {
			// 1. 管理员
			// 2. 未完成资料完善
			if (
				this.companyInfo?.companyUser?.isAdmin == 1 &&
				(!this.companyInfo?.companyPeopleDevelop ||
				!this.companyInfo?.photos || 
				!this.companyInfo?.companyScope || 
				!this.companyInfo?.companyContent ||
				!this.companyInfo?.welfare ||
				!this.companyInfo?.workTime ||
				!this.companyInfo?.companyPeople ||
				!this.companyInfo?.companyLogo)
			) {
				return true
			}
			return false
		},		
	},
	onLoad(e) {
		this.XCXIsSelect = this.$queue.getData("XCXIsSelect");
		var that = this
		//#ifdef APP-PLUS
		this.isAndroid = uni.getSystemInfoSync().platform == 'android'
		//#endif
		//#ifndef APP-PLUS
		this.isAndroid = true
		//#endif
		uni.$on('changeRole', function (res) {
			console.log(res.userType)
			if (res.userType == 1) {
				that.getUserInfo();
				that.getUserData();
			} else {

				that.getCompany();
			}
			that.$queue.changeTabbar(res.userType)
		})
		uni.$on('offLogin', function (res) {
			that.userId = "";
			that.userType = 1;
			that.money = 0;
			that.chatCount = 0;
			that.deliveryCount = 0;
			that.browseCount = 0;
			that.collectionCount = 0;
			that.postPushCount = 0;
			that.interviewCount = 0;
			that.token = "";
			that.isLogin = true;
			that.userName = "登录";
			that.avatar = "";
			that.isVip = false;
			that.companyInfo = '';
		})
		console.log(uni.getStorageSync("userType"))
		this.$queue.changeTabbar(uni.getStorageSync("userType") || 1);
		if (!this.$queue.getData('hadShowPoster')) {
			this.showNotice = true
		}
	},
	onUnload() {
		uni.$off('changeRole')
	},
	onShow() {
		this.token = uni.getStorageSync("token");
		console.log(this.token, "myToken");
		if (uni.getStorageSync("userType")) {
			this.userType = uni.getStorageSync("userType");
		}
		this.userId = uni.getStorageSync("userId");
		if (this.userId) {
			this.getUserInfo();
			this.getMyMoney();
			this.getUserData();
			if (this.userType == 1) {
				this.getJlInfo();
			} else {
				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
		}
	},
	methods: {
		// 入职公司
		goBusinessLicense(pageType) {
			uni.navigateTo({
				url: "/pages/my/ad?pageType=" + pageType,
			});
		},

		// 在线客服
		goChat() {
			let that = this;
			if (uni.getStorageSync("userType") == 1) {
				//用户端
				// #ifdef MP-WEIXIN
				wx.openCustomerServiceChat({
					extInfo: {
						url: that.$queue.getData("kefu"),
					},
					corpId: that.$queue.getData("kefuAppid"),
					success(res) {
						console.log(res);
					},
				});
				// #endif
				// #ifdef H5
				window.location.href = that.$queue.getData("kefu");
				// #endif
				// #ifdef APP
				let kefu = that.$queue.getData("kefu");
				console.log(kefu);
				plus.runtime.openURL(kefu, function (res) { });
				// #endif
			} else {
				//企业端
				// #ifdef MP-WEIXIN
				wx.openCustomerServiceChat({
					extInfo: {
						url: that.$queue.getData("kefuq"),
					},
					corpId: that.$queue.getData("kefuAppidq"),
					success(res) {
						console.log(res);
					},
				});
				// #endif
				// #ifdef H5
				window.location.href = that.$queue.getData("kefuq");
				// #endif
				// #ifdef APP
				let kefu = that.$queue.getData("kefuq");
				console.log(kefu);
				plus.runtime.openURL(kefu, function (res) { });
				// #endif
			}
		},
		showToast(title) {
			uni.showToast({
				title: title,
				icon: "none",
			});
		},
		// 点击招聘端的“发布招聘”
		goNavStatus(url) {
			// 判断是否是管理员
			if (!this.checkUnAdminStatus()) return
			if (this.companyInfo?.companyUser?.isAdmin != 1 && this.companyInfo?.companyUser?.status == 1) {
				// 非管理员，并且是待审核状态
				uni.showToast({
					title: "等待企业审核通知，请审核通过后操作!",
					icon: "none",
				});
			} else 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: "还未完成企业认证，请完成企业认证后操作",
					success(ret) {
						if (ret.confirm) {
							uni.navigateTo({
								url: "/pages/my/businessLicense",
							})
						}
					},
				});
			}
		},
		currenStatus() {
			if (uni.getStorageSync("token")) {
				this.show = true;
			} else {
				this.noLogin();
			}
		},
		//修改用户身份状态
		async updateUserResumes(userType) {
			// 调用接口提交
			uni.showLoading({
				title: "切换中..."
			});
			this.$Request.postJson("/app/user/updateUserResumes", {
				userType: userType
			})
				.then((res) => {
					uni.hideLoading();
					if (res.code === 0) {
						uni.setStorageSync('userType', userType)
						uni.switchTab({
							url: '/pages/my/index'
						});
					} else {
						uni.switchTab({
							url: '/pages/my/index'
						});
					}
				})
				.catch((err) => {

					uni.hideLoading();
					console.error("提交失败：", err);
					uni.showToast({
						title: "网络异常",
						icon: "none"
					});
					return 1
				});
		},

		//查询简历信息
		getJlInfo() {
			this.$Request.getT("/app/resumes/selectResumesByUserId").then((res) => {
				if (res.code == 0) {
					if (res.data) {
						this.resumesStatus = res.data.resumesStatus;
						this.resumesId = res.data.resumesId;
						this.score = res.data.score;
						if (this.resumesStatus == 1) {
							this.list = [{
								id: 2,
								text: "在职-考虑机会",
								fontSize: 24,
							},
							{
								id: 3,
								text: "在职-暂不考虑",
								fontSize: 24,
							},
							];
						} else if (this.resumesStatus == 2) {
							this.list = [{
								id: 1,
								text: "离职-正在找工作",
								fontSize: 24,
							},
							{
								id: 3,
								text: "在职-暂不考虑",
								fontSize: 24,
							},
							];
						} else {
							this.list = [{
								id: 1,
								text: "离职-正在找工作",
								fontSize: 24,
							},
							{
								id: 2,
								text: "在职-考虑机会",
								fontSize: 24,
							},
							];
						}
					} else {
						uni.showToast({
							title: "暂无简历，请添加简历",
							icon: "none",
						});
					}
				} else {
					uni.showToast({
						title: res.msg,
						icon: "none",
					});
				}
			});
		},
		//切换求职状态
		click(e) {
			console.log(this.list[e].text);
			let that = this;
			uni.showModal({
				title: "提示",
				content: "确认求职状态切换为:" + that.list[e].text + " 吗？",
				confirmColor: "#016BF6",
				complete(ret) {
					if (ret.confirm) {
						let data = {
							resumesId: that.resumesId,
							resumesStatus: that.list[e].id,
						};
						that.$Request.postT("/app/resumes/updateResumesStatus", data).then((res) => {
							if (res.code == 0) {
								uni.showToast({
									title: "已切换",
								});
								that.getJlInfo();
							} else {
								uni.showToast({
									title: res.msg,
									icon: "none",
								});
							}
						});
					}
				},
			});
		},
		//招聘刷新
		refreshJob() {
			if (uni.getStorageSync("userId")) {
				this.$Request.postT("/app/postPush/refreshPostPush").then((res) => {
					if (res.code == 0) {
						uni.showToast({
							title: "刷新成功",
						});
					} else {
						if (this.isUserVip) {
							uni.showToast({
								title: res.msg,
								icon: "none",
							});
						} else {
							uni.showModal({
								title: "提示",
								content: "今日可刷新次数已使用完，开通会员可享更多刷新次数以及其他特权",
								confirmText: "开通会员",
								confirmColor: "#016BF6",
								complete(ree) {
									if (ree.confirm) {
										uni.navigateTo({
											url: "/my/vip/index",
										});
									}
								},
							});
						}
					}
				});
			} else {
				this.noLogin();
			}
		},
		//简历刷新
		refresh() {
			if (uni.getStorageSync("userId")) {
				this.$Request.getT("/app/resumes/selectResumesByUserId").then((res) => {
					if (res.code == 0) {
						if (res.data && res.data.resumesId) {
							this.$Request
								.postT("/app/resumes/refreshResumes", {
									resumesId: res.data.resumesId,
								})
								.then((ret) => {
									if (ret.code == 0) {
										uni.showToast({
											title: "刷新成功",
										});
									} else {
										if (this.isVip) {
											uni.showToast({
												title: ret.msg,
												icon: "none",
											});
										} else {
											uni.showModal({
												title: "提示",
												content: "今日可刷新次数已使用完，开通会员可享更多刷新次数以及其他特权",
												confirmText: "开通会员",
												confirmColor: "#016BF6",
												complete(ree) {
													if (ree.confirm) {
														uni.navigateTo({
															url: "/my/vip/index",
														});
													}
												},
											});
										}
									}
								});
						} else {
							uni.showModal({
								title: "提示",
								content: "暂无简历，请添加简历后重试",
								confirmColor: "#016BF6",
								complete(ree) {
									if (ree.confirm) {
										uni.navigateTo({
											url: "/package/my/resume",
										});
									}
								},
							});
						}
					} else {
						uni.showToast({
							title: res.msg,
							icon: "none",
						});
					}
				});
			} else {
				this.noLogin();
			}
		},
		/**
		 * 获取投递记录、收藏记录、浏览记录
		 */
		getUserData() {
			this.$Request.getT("/app/user/userData").then((res) => {
				if (res.code == 0) {
					this.browseCount = res.data.browseCount;
					this.collectionCount = res.data.collectionCount;
					this.deliveryCount = res.data.deliveryCount;
					this.chatCount = res.data.chatCount;
					this.interviewCount = res.data.interviewCount;
					this.postPushCount = res.data.postPushCount;
					this.iosAudit = res.data.iosAudit
				}
			});
		},
		/**
		 * @param {Object} url  跳转路径
		 * @param {Object} name 名称
		 */
		gojiLuList(url, name) {
			if (uni.getStorageSync("token")) {
				uni.navigateTo({
					url: url + "?title=" + name,
				});
			} else {
				this.noLogin();
			}
		},
		// 跳转到职位管理页面
		goJobManagement() {
			if (!this.checkUnAdminStatus()) return
			let status = '';
			if (this.companyInfo && !this.companyInfo.companyCertification) {
				status = 1;
			}
			if (uni.getStorageSync("token")) {
				uni.navigateTo({
					url: `/pages/jobManagement/jobManagement?status=${status}&companyId=${this.companyInfo.companyId}`,
				});
			} else {
				this.noLogin();
			}
		},

		// VIP升级页面跳转
		goVipUpgrade() {
			if (uni.getStorageSync("token")) {
				uni.navigateTo({
					url: "/pages/my/VIP/benefits",
					//url: "/my/vip/index"
				});
			} else {
				this.noLogin();
			}
		},
		/**
		 * 退出登录
		 */
		goOut() {
			let that = this;
			uni.showModal({
				title: "提示",
				content: "确定退出登录吗？",
				confirmColor: "#016BF6",
				success: function (res) {
					if (res.confirm) {
						console.log("用户点击确定");
						uni.removeStorageSync("userName");
						uni.removeStorageSync("avatar");
						uni.removeStorageSync("userId");
						uni.removeStorageSync("token");
						uni.removeStorageSync("phone");
						uni.removeStorageSync("zhiFuBaoName");
						uni.removeStorageSync("zhiFuBao");
						uni.removeStorageSync("invitationCode");
						uni.removeStorageSync("unionId");
						uni.removeStorageSync("openId");
						uni.removeStorageSync("isVIP");
						uni.removeStorageSync("companyId");
						// uni.removeStorageSync('userType')
						uni.setStorageSync("userType", 1);
						uni.setStorageSync("weixinPhone", false);
						that.userId = "";
						that.userType = 1;
						that.money = 0;
						that.deliveryCount = 0;
						that.browseCount = 0;
						that.collectionCount = 0;
						that.token = "";
						uni.showToast({
							title: "退出成功！",
							icon: "none",
						});
						that.isLogin = true;
						that.userName = "登录";
						that.avatar = "";
						that.isVip = false;
						// uni.reLaunch({
						// 	url: '/pages/public/selectIdentity/selectIdentity'
						// })
					} else if (res.cancel) {
						console.log("用户点击取消");
					}
				},
			});
		},
		/**
		 * 我的钻石
		 */
		getMyMoney() {
			this.$Request.get("/app/userMoney/selectMyMoney").then((res) => {
				if (res.code == 0) {
					this.money = res.data.money;
				}
			});
		},
		/**
		 * 获取个人信息
		 */
		getUserInfo() {
			this.$Request.get("/app/user/selectUserById").then((res) => {
				if (res.code == 0) {
					uni.setStorageSync("weChatNum", res.data?.weChatNum);
					uni.setStorageSync("zhiRate", res.data?.zhiRate);
					if (res.data?.avatar) {
						this.avatar = res.data.avatar;
					}
					if (res.data?.userName) {
						this.userName = res.data.userName;
					}
					uni.setStorageSync("userId", res.data?.userId);
					if (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);

						if (res.data?.isUserVip == 1) {
							//判断用户是否是vip
							this.isVip = true;
							uni.setStorageSync("isUserVip", 1);
						} else {
							this.isVip = false;
						}
					} else {
						this.userType = 2;
						uni.setStorageSync("userType", 2);
						uni.setStorageSync("vipDueTimes", res.data.vipDueTimes ? res.data.vipDueTimes : 0);
						uni.setStorageSync("vipPostTimes", res.data.vipPostTimes ? res.data.vipPostTimes : 0);
						if (res.data.isUserVip == 1) {
							//判断企业用户是否是vip
							this.isUserVip = true;
							uni.setStorageSync("isUserVip", 0);
						} else {
							this.isUserVip = false;
						}

					}
				}
			});
		},
		goNavNoLogin(e) {
			// #ifdef MP-WEIXIN
			if (uni.getStorageSync("sendMsg")) {
				// console.log('授权+1')
				wx.requestSubscribeMessage({
					tmplIds: this.arr,
					success(re) {
						var datas = JSON.stringify(re);
						if (datas.indexOf("accept") != -1) {
							// console.log(re)
						}
					},
					fail: (res) => {
						// console.log(res)
					},
				});
			}
			// #endif
			uni.navigateTo({
				url: e,
			});
		},
		//跳转
		goNav(e) {
			if (this.userId) {
				// 跳转不进行校验
				if (e != 'switchRoles' && e != '/pages/my/setup' && e != '/pages/my/ruleCenter') {
					if (!this.checkUnAdminStatus()) return
				}
				// 跳转判断是否完成了认证信息完善
				if (e == '/pages/my/myCompany') {
					if (!this.checkUnAdminStatus({ unFinishCompanyInfo: true })) return
				}
				uni.navigateTo({
					url: e,
				});
			} else {
				this.noLogin();
			}
		},
		//获取企业认证状态(1:审核中 2:通过 3:拒绝)
		getCompanyStatus() {
			this.$Request.get("/app/company/selectCompanyByUserId").then((res) => {
				if (res.code == 0 && res.data) {
					console.log('我获取了公司信息')
					this.companyInfo = res.data
					this.companyStatus = res.data.status;
					uni.setStorageSync("companyStatus", this.companyStatus);
					uni.setStorageSync("companyName", res.data.companyAllName);
					if(res.data.companyId)
					this.$queue.setData('companyId',res.data.companyId)
				} else {
					this.companyStatus = "";
					this.companyInfo = {};
				}
			});
		},
		/**
		 * 获取用户企业实名数据
		 */
		getCompany() {
			this.$Request.get("/app/company/selectCompanyByUserId").then((res) => {
				if (res.code == 0 && res.data) {
					this.CompanyList = res.data;
					if (this.CompanyList.status == 1) {
						uni.showModal({
							title: "提示",
							content: "您提交的企业认证正在审核，是否查看修改?",
							confirmColor: "#016BF6",
							showCancel: false,
							success: function (res) {
								if (res.confirm) {
									console.log("用户点击确定");
									uni.navigateTo({
										url: "/package/jobIntention/underReview",
									});
								} else if (res.cancel) {
									console.log("用户点击取消");
								}
							},
						});
					} else if (this.CompanyList.status == 2) {
						this.$Request
							.postT("/app/user/updateUserEntity", {
								userType: 2,
							})
							.then((res) => {
								if (res.code == 0) {
									// uni.setStorageSync('companyId', this.CompanyList.companyId)
									this.getUserInfo();
								}
							});



						this.getUserInfo();



						// this.userType = 2
						// uni.setStorageSync('userType', this.userType)
					} else if (this.CompanyList.status == 3) {
						uni.showModal({
							title: "提示",
							content: "您提交的企业认证已被拒绝，是否查看修改?",
							confirmColor: "#016BF6",
							success: function (res) {
								if (res.confirm) {
									console.log("用户点击确定");
									uni.navigateTo({
										url: "/package/jobIntention/underReview",
									});
								} else if (res.cancel) {
									console.log("用户点击取消");
								}
							},
						});
					}
				} else {
					uni.showModal({
						title: "提示",
						content: "您还未企业认证,请先进行认证",
						confirmColor: "#016BF6",
						showCancel: false,
						success: function (res) {
							if (res.confirm) {
								console.log("用户点击确定");
								uni.navigateTo({
									url: "/pages/my/businessLicense",
								});
							} else if (res.cancel) {
								console.log("用户点击取消");
							}
						},
					});
				}
			});
		},
		// 切换身份
		bindQe() {
			let that = this;
			if (uni.getStorageSync("userId")) {
				let index = 3 - this.userType

				if (index == 1) {
					//企业换个人
					uni.showModal({
						title: "提示",
						content: "确认切换到求职者身份吗？",
						confirmColor: "#016BF6",
						complete(ret) {
							if (ret.confirm) {
								let data = {
									userType: 1,
								};
								that.$Request.postT("/app/user/updateUserEntity", data).then((res) => {
									if (res.code == 0) {
										that.getUserInfo();
										that.getUserData();
									}
								});


							}
						},
					});

				} else if (index == 2) {
					//个人换企业
					uni.showModal({
						title: "提示",
						content: "确认切换到招聘者身份吗？",
						confirmColor: "#016BF6",
						complete(ret) {
							if (ret.confirm) {
								that.getCompany();
							}
						},
					});
				}
			} else {
				this.noLogin();
			}
		},
		// 开启订阅消息
		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;
								}
							},
						});
					}
				},
			});
		},
		//未登录
		noLogin() {
			// uni.showModal({
			// 	title: '提示',
			// 	content: '您还未登录,请先登录',
			// 	confirmColor:'#016BF6',
			// 	success: function(res) {
			// 		if (res.confirm) {
			// 			console.log('用户点击确定');
			// 			// uni.reLaunch({
			// 			// 	url:'/pages/public/login'
			// 			// })
			// 			uni.navigateTo({
			// 				url: '/pages/public/login'
			// 			})
			// 		} else if (res.cancel) {
			// 			console.log('用户点击取消');
			// 		}
			// 	}
			// })
			this.$queue.toLogin()
		},
		
		// 关闭海报弹窗
		handleCloseNotice() {
			this.$queue.setData('hadShowPoster', '1')
			this.showNotice = false
		},
		
		// 点击公司首页
		handleToCompanyIndex() {
			// 如果员工申请被拒绝，则跳转到加入企业页面
			if (!this.checkUnAdminStatus({ notAudit: true })) return
			// 如果是非管理员，则提示“仅企业管理员可以打开”
			if (this.companyInfo.companyUser?.isAdmin != 1) {
				return this.$queue.showToast('仅企业管理员可以打开')
			}
			this.$queue.getData('companyId') ? this.goNav('/my/renzheng/editCompany?companyId=' + this.$queue.getData('companyId')) : this.goNav('/pages/my/businessLicense')
		},
		
		// 非管理员，且提交申请被拒绝
		checkUnAdminStatus(options) {
			// 如果是招聘端
			if (this.userType == 2) {
				// 企业未注册
				if (!this.companyInfo?.status) {
					this.modalMessage = registModalMessage
					this.auditModal = true
					return false
				}
				// 企业待审核是否限制跳转
				if (options && options.notAudit && this.companyInfo?.status == 1) {
					this.$queue.showToast('企业认证审核中，请审核通过后操作!')
					return false
				}
				// 企业认证信息未完善
				if (options && options.unFinishCompanyInfo) {
					this.modalMessage = '没有进行企业认证，是否立即认证！'
					this.auditModal = true
					return false
				}
				// 非管理员，且提交审核被拒绝
				if (this.companyInfo?.companyUser?.isAdmin != 1 && this.companyInfo?.companyUser?.status == 3) {
					this.modalMessage = rejectModalMessage
					this.auditModal = true
					return false
				}
			}
			return true
		},
		
		// 重新提交审核
		handleAudit() {
			uni.navigateTo({
				url: '/pages/my/businessLicense',
				success: () => {
					this.auditModal = false
				}
			})
		}
	},
};
</script>

<style lang="scss" scoped>
page {
	background-color: #f5f7fa;
}

// 完善提示
.info-tip {
	position: absolute;
	top: 0;
	right: -30rpx;
	padding: 8rpx;
	border-radius: 4px;
	background: rgba(255, 0, 0, 1);
	font-size: 20rpx;
	line-height: 1;
	color: #fff;
}

.report-content {
	/* content */
	width: 540rpx;
	height: 590rpx;
	/* 自动布局 */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 33;
	padding: 40rpx;
	box-sizing: border-box;

	.report-title {
		width: 100%;
		color: rgba(0, 0, 0, 1);
		font-family: DM Sans;
		font-size: 28rpx;
		font-weight: 700;
		line-height: 36rpx;
		letter-spacing: 0%;
		text-align: left;
	}

	.report-desc {
		width: 100%;
		color: rgba(158, 158, 158, 1);
		font-family: DM Sans;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 36rpx;
		letter-spacing: 0%;
		text-align: left;
	}

	.report-desc-box {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 20rpx;
		padding: 66rpx 0;
		box-sizing: border-box;
	}

	.report-desc-small {
		width: 100%;
		color: rgba(158, 158, 158, 1);
		font-family: DM Sans;
		font-size: 20rpx;
		font-weight: 400;
		line-height: 34rpx;
		letter-spacing: 0%;
		text-align: left;
		padding-bottom: 66rpx;
	}

	.report-btn {
		width: 100%;
		border-radius: 999px;
		background: linear-gradient(90.00deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
		color: rgba(255, 255, 255, 1);
		font-family: DM Sans;
		font-size: 32rpx;
		font-weight: 400;
		line-height: 48rpx;
		letter-spacing: 0%;
		text-align: center;
		padding: 16rpx;
		box-sizing: border-box;
	}
}

.user-box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;

	.user-top {
		width: 100%;
		flex-shrink: 0;
	}

	.user-content {
		overflow: hidden;
		overflow-y: auto;
		width: 100%;
		flex: 1;

		.beian {
			font-size: 20rpx;
			color: #aaa;
			text-align: center;
			padding: 10rpx 0;
		}
	}
}

// 推广横幅
.promo-banner {
	margin: 32rpx 40rpx 10rpx 40rpx;
	background: var(--线性渐变,
			linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%));
	border-radius: 24rpx;
	padding: 16rpx 32rpx;

	.banner-content {
		display: flex;
		justify-content: space-between;
		align-items: center;

		.banner-text {
			flex: 1;

			.banner-title {
				color: rgba(255, 255, 255, 1);
				font-family: HarmonyOS Sans SC;
				font-size: 32rpx;
				font-weight: 900;
				line-height: 48rpx;
				letter-spacing: 0%;
				text-align: left;
				display: block;
				margin-bottom: 8rpx;
				transform: skew(-10deg);
			}

			.banner-subtitle {
				color: rgba(255, 255, 255, 0.7);
				font-family: HarmonyOS Sans SC;
				font-size: 26rpx;
				font-weight: 400;
				line-height: 36rpx;
				letter-spacing: 0%;
				text-align: left;
				display: block;
			}
		}

		.banner-button {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 138rpx;
			height: 48rpx;
			border-radius: 26px;
			background: #ffffff;

			.button-text {
				background: var(--线性渐变,
						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;
				font-family: HarmonyOS Sans SC;
				font-size: 26rpx;
				font-weight: 500;
				line-height: 18px;
				letter-spacing: 0%;
				text-align: left;
			}
		}
	}
}

// VIP升级横幅
.vip-upgrade-banner {
	margin: 20rpx 40rpx 16rpx 40rpx;
	background: linear-gradient(165.89deg,
			rgba(251, 231, 185, 1),
			rgba(240, 176, 72, 1) 100%);
	border-radius: 16rpx;
	padding: 32rpx;
	box-shadow: 0 4rpx 12rpx rgba(255, 154, 102, 0.3);

	.vip-banner-content {
		display: flex;
		justify-content: space-between;
		align-items: center;

		.vip-banner-text {
			flex: 1;
			color: rgba(1, 107, 246, 1);
			font-family: DM Sans;
			font-size: 24rpx;
			font-weight: 700;
			line-height: 40rpx;
			letter-spacing: 0px;
			text-align: left;
		}

		.vip-upgrade-button {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100rpx;
			height: 42rpx;
			background: radial-gradient(184.79% 115.97% at 92% 113.99999999999999%,
					rgba(255, 102, 0, 0.21),
					rgba(255, 65, 86, 0.6) 100%);
			border-radius: 28rpx;
			color: rgba(255, 255, 255, 1);
			font-family: HarmonyOS Sans SC;
			font-size: 18rpx;
			font-weight: 500;
			line-height: 18rpx;
			letter-spacing: 0%;
			text-align: left;
			box-shadow: 0 2rpx 8rpx rgba(255, 107, 107, 0.3);
		}
	}
}

.job-management-card {
	margin: 0rpx 40rpx;
	background: #ffffff;
	border-radius: 12rpx;
	padding: 18rpx 50rpx;
	box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);

	.job-management-content {
		display: flex;
		align-items: center;
		justify-content: space-between;

		.job-count-text {
			display: flex;
			align-items: center;

			.count-number {
				color: #016bf6;
				font-size: 32rpx;
				font-weight: 600;
				margin-right: 8rpx;
				line-height: 40rpx;
			}

			.count-label {
				color: #616E7C;
				font-size: 16rpx;
				font-weight: 400;
			}
		}

		.arrow-icon {
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
}

.my-center-page {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.my-bg {
	/* 容器 52 */
	width: 100%;
	height: 656rpx;
	background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;

	.paopao {
		position: absolute;
		width: 662rpx;
		height: 662rpx;
	}

	.paopao-one {
		left: -221rpx;
		top: -170rpx;
	}

	.paopao-two {
		top: -374rpx;
		right: 0rpx;
	}

	.paopao-three {
		width: 320rpx;
		height: 320rpx;
		bottom: -170rpx;
		left: -40rpx;
	}

	.my-bg-bottom {
		background: linear-gradient(to top,
				rgba(250, 250, 250, 1),
				rgba(255, 255, 255, 0.5) 46%,
				rgba(255, 255, 255, 0) 100%);
		height: 328rpx;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}
}

.info-box-btn {
	width: 100%;
	padding: 60rpx 0 40rpx 0;
	box-sizing: border-box;

	image {
		width: 60rpx;
		height: 60rpx;
		padding: 9rpx;
	}
}

.info {
	width: 100%;
	box-sizing: border-box;

	.info-box {
		width: 686rpx;
		padding-bottom: 20rpx;

		.info-box-header {
			width: 100%;
			margin-top: 20rpx;
			// height: 90rpx;

			.info-box-header-l {
				position: relative;
				margin-right: 32rpx;

				image {
					width: 128rpx;
					height: 128rpx;
					border-radius: 50%;
					display: block;
				}
			}

			.info-box-header-r {
				width: 80%;

				.info-box-header-r-name {
					color: rgba(255, 255, 255, 1);
					font-family: DM Sans;
					font-size: 48rpx;
					font-weight: 400;
					line-height: 72rpx;
					text-align: left;
					
					.un-verify {
						border-radius: 4px;
						background: rgba(255, 0, 0, 1);
						color: rgba(255, 255, 255, 1);
						font-size: 10px;
						font-weight: 400;
						line-height: 10px;
						margin-left: 10px;
						padding: 4px;
					}
				}

				.info-box-header-r-bj {
					color: rgba(255, 255, 255, 1);
					font-family: DM Sans;
					font-size: 24rpx;
					font-weight: 400;
					line-height: 32rpx;
					letter-spacing: 0%;
					text-align: left;
					margin-top: 8rpx;

					image {
						width: 32rpx;
						height: 32rpx;
						margin-left: 8rpx;
					}
				}
			}
			
			// 简历完善度
			.resume-progress {
				width: 180rpx;
				margin-bottom: 12rpx;
				.text-tip {
					font-size: 24rpx;
					font-weight: 500;
					line-height: 28rpx;
					color: #fff;
					margin-bottom: 8rpx;
				}
				.progress-box {
					width: 100%;
					height: 10rpx;
					border-radius: 10rpx;
					background: rgba(255, 255, 255, 0.5);
					.progress-bar {
						width: 0;
						height: 100%;
						border-radius: 4px;
						background: linear-gradient(90.00deg, rgba(27, 234, 228, 1),rgba(1, 107, 251, 1) 100%);
					}
				}
			}
		}

		.info-box-num {
			margin-top: 50rpx;
			padding: 0 24rpx;
			// padding: 0 100rpx;

			box-sizing: border-box;

			.info-box-num-td {

				// width: 200rpx;
				.info-box-num-td-num {
					width: 100%;
					text-align: center;
					color: #fff;
					font-size: 38rpx;
					font-weight: bold;
				}

				.info-box-num-td-name {
					width: 100%;
					text-align: center;
					color: #fff;
					font-size: 24rpx;
					font-weight: 400;
					margin-top: 20rpx;
				}
			}
		}
	}
}

.vip {
	width: 100%;
	height: 127rpx;
	margin-top: 30rpx;

	.vip-box {
		width: 686rpx;
		height: 100%;
		position: relative;

		.vip-box-bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}

		.vip-box-cont {
			z-index: 2;
		}
	}
}

.jobServer {
	width: 100%;
	// height: 235rpx;
	// margin-top: 16rpx;
	z-index: 1;

	.jobServer-box {
		width: 686rpx;
		height: 100%;
		// background-color: #fff;
		// background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
		border-radius: 24rpx;
		z-index: 1;

		.jobServer-box-c {
			width: 626rpx;
			height: 100%;
		}

		.jobServer-box-title {
			margin-top: 20rpx;
			width: 100%;
			color: rgba(29, 33, 41, 1);
			font-family: DM Sans;
			font-size: 28rpx;
			font-weight: 500;
			line-height: 44rpx;
		}

		.jobServer-box-btn {
			width: 100%;
			margin-top: 30rpx;

			.item-width {
				width: 110rpx !important;
			}

			.jobServer-box-btn-item {
				position: relative;
				width: 120rpx;
				color: rgba(56, 58, 63, 1);
				font-family: DM Sans;
				font-size: 24rpx;
				font-weight: 400;
				line-height: 36rpx;
				letter-spacing: 0%;
				text-align: center;

				image {
					width: 62rpx;
					height: 62rpx;
					margin-bottom: 10rpx;
				}
			}
		}
	}
}

.utils-title {
	padding: 48rpx 0 16rpx;
	margin: 0 64rpx;
	border-bottom: 0.5px solid rgba(238, 238, 238, 1);
}

.utils {
	width: 100%;
	// height: 308rpx;
	// margin-top: 20rpx;
	margin-bottom: 20rpx;

	.utils-box {
		width: 686rpx;
		height: 100%;
		// background-color: #ffffff;
		border-radius: 24rpx;
		padding: 16rpx 20rpx;
		box-sizing: border-box;

		.utils-box-c {
			width: 100%;
			height: 100%;

			.util-list {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 30rpx 20rpx;

				.util-item {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
				}
			}
		}

		.utils-box-c-t {
			width: 100%;
		}

		.utils-box-c-b {
			background-color: #016bf6;
		}
	}
}

.money {
	width: 100%;
	height: 148rpx;
	margin-top: 20rpx;

	.money-box {
		width: 686rpx;
		height: 100%;
		background-color: #ffffff;
		border-radius: 24rpx;

		.money-box-c {
			width: 626rpx;
			height: 90rpx;
		}

		.money-box-c-l {
			width: 50%;
			height: 100%;
			border-right: 1rpx solid #e6e6e6;
			box-sizing: border-box;

			.money-box-c-l-name {
				color: #333333;
				font-size: 28rpx;
				font-weight: bold;
				width: 100%;
			}

			.money-box-c-l-price {
				color: #1e1e1e;
				font-size: 38rpx;
				font-weight: bold;
				width: 100%;
				margin-top: 14rpx;

				text {
					font-size: 24rpx;
					font-weight: 500;
				}
			}
		}

		.money-box-c-r {
			width: 50%;
			height: 100%;

			.money-box-c-r-name {
				width: 100%;
				color: #333333;
				font-size: 28rpx;
				font-weight: bold;
				padding-left: 30rpx;
			}

			.money-box-c-r-more {
				width: 100%;
				color: #999999;
				font-size: 24rpx;
				font-weight: 400;
				padding-left: 30rpx;
				margin-top: 20rpx;
			}
		}
	}
}

// 更多功能区域
.more-functions {
	margin: 40rpx 32rpx 0;
	padding: 24rpx 48rpx 48rpx 48rpx;
	/* background: #fff;
		border-radius: 24rpx; */

	.section-title {
		color: rgba(29, 33, 41, 1);
		font-family: DM Sans;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 44rpx;
		letter-spacing: 0%;
		text-align: left;
		padding-bottom: 16rpx;
		border-bottom: 0.5px solid rgba(238, 238, 238, 1);
	}

	.function-grid {
		margin-top: 24rpx;
		display: flex;
		flex-wrap: wrap;
		padding-top: 16rpx;
		// gap: 70rpx;
		margin: -12rpx -35rpx; // 兼容低版本系统不支持gap属性

		.function-item {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin: 12rpx 35rpx;

			.function-icon {
				width: 48rpx;
				height: 48rpx;
				margin-bottom: 16rpx;
			}

			.function-text {
				color: #333;
				font-size: 24rpx;
				font-weight: 500;
			}
		}
	}
}

// 联系信息
.contact-info {
	margin: 0 40rpx 120rpx 40rpx;
	padding: 40rpx;

	.contact-text,
	.legal-text,
	.icp-text {
		display: block;
		color: rgba(153, 153, 153, 1);
		font-family: DM Sans;
		font-size: 18rpx;
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: 0%;
		text-align: center;
		margin-bottom: 8rpx;
	}
}
.pop-image{
	flex: 1;
	width: 85vw;
	image{
		width: 100%;
		height: 100%;
	}
}
.pop-btn{
	width: 100%;
	margin-top: 20rpx;
	border-radius: 40rpx;
}
.info-box-header-r-text{
	width: 340rpx;
	height: fit-content;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
</style>