<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')" />
						<u-icon @click="goNav('/pages/my/userinfo')" color="#ffffff" top="16rpx" size="34rpx" name="setting"></u-icon>
						<!-- <image
              src="../../static/images/my/icon/selectUser.png"
              style="width: 40rpx; height: 100%; margin-right: 40rpx"
              mode=""
              @click="bindQe(userType)"
            >
            </image>
            <image
              src="../../static/images/my/icon/set.png"
              style="width: 36rpx; height: 36rpx;margin-top: 40rpx"
              mode="aspectFill"
            >
            </image> -->
					</view>
				</view>
				<view class="user-content">
					<view class="info flex justify-center"
						:style="{ paddingTop: token && XCXIsSelect != '否' ? '0' : '80rpx' }">
						<view class="info-box">
							<!-- <view
                class="info-box-btn flex justify-end align-center"
                v-if="token && XCXIsSelect != '否'"
              >
                <image
                  src="@/static/images/jobApplicant/qiehuan.svg"
                  mode="scaleToFill"
                  style="margin-top: 40rpx"
                  @click="bindQe(userType)"
                />
                <image
              src="../../static/images/my/icon/selectUser.png"
              style="width: 40rpx; height: 100%; margin-right: 40rpx"
              mode=""
              @click="bindQe(userType)"
            >
            </image>
                <image src="../../static/images/my/icon/set.png" style="width: 44rpx;height: 100%;" mode="">
						</image>
              </view> -->
							<view @click="goNav('/pages/my/onlineResume')"
								class="info-box-header flex justify-between align-center">
								<view style="width: 60%; height: 100%" class="flex align-center">
									<view class="info-box-header-l">
										<image :src="avatar ? avatar : '../../static/logo.png'" mode=""></image>
									</view>
									<view class="info-box-header-r">
										<view class="info-box-header-r-name flex align-center">
											<view class="" style="
                          height: fit-content;
                          overflow: hidden;
                          white-space: nowrap;
                          text-overflow: ellipsis;
                          -o-text-overflow: ellipsis;
                        ">
												{{ 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="flex align-center status-txt">
									<u-icon name="arrow-right"></u-icon>
								</view>
								<!-- <view
                  class="flex align-center status-txt"
                  @click="currenStatus()"
                  v-if="token && XCXIsSelect != '否'"
                >
                  <image
                    src="@/static/images/jobApplicant/qiehuan.svg"
                    style="width: 50rpx; height: 50rpx"
                    mode=""
                  ></image>
                  {{
					  resumesStatus == 0
					    ? "离职-随时到岗"
					    :
                    resumesStatus == 1
                      ? "离职-正在找工作"
                      : resumesStatus == 2
                      ? "在职-考虑机会"
                      : "在职-暂不考虑"
                  }}
                </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">
						<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" @click="goBusinessLicense">立即参与</text>
							</view>
						</view>
					</view>
					<!-- vip -->
					<!-- <view
        class="vip flex justify-center"
        @click="goNav('/my/vip/index')"
        v-if="XCXIsSelect != '否'"
      >
        <view class="vip-box">
          <image
            class="vip-box-bg"
            src="../../static/images/my/icon/vip.png"
            mode=""
          ></image>
          <view class="vip-box-cont flex justify-center">
            <view
              class="flex justify-between align-center"
              style="width: 626rpx; z-index: 9; margin-top: 30rpx"
            >
              <view class="flex align-center">
                <image
                  src="../../static/images/my/icon/vip2.png"
                  style="width: 32rpx; height: 29rpx; margin-right: 5rpx"
                  mode=""
                ></image>
                <image
                  src="../../static/images/my/icon/vip3.png"
                  style="width: 140rpx; height: 29rpx; margin-right: 20rpx"
                  mode=""
                ></image>
                <text style="color: #914016; font-size: 24rpx">开通享受特权找工作</text>
              </view>
              <view
                class="flex align-center"
                style="
                  color: #914016;
                  font-size: 24rpx;
                  font-weight: bold;
                  z-index: 999;
                  margin-right: 10rpx;
                "
              >
                {{ isVip == true ? "已开通" : "去开通" }}
                <u-icon name="play-right-fill" color="#914016" size="18"></u-icon>
              </view>
            </view>
          </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>
									<view class="jobServer-box-btn-item flex justify-center flex-wrap"
										@click="refresh()">
										<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="utils flex justify-center">
						<view class="utils-box">
							<view class="utils-box-c">
								<view class="util-list">
									<!-- <view class="flex justify-center flex-wrap" style="width: 102rpx;" @click="goNav('/package/my/resume')">
								<image src="../../static/images/my/icon/utils/utils1.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="goNavNoLogin('/pages/my/invitationUser')">
										<image src="../../static/images/my/icon/utils/utils2.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											邀请好友
										</view>
									</view>
									<view v-if="XCXIsSelect != '否'" class="util-item"
										@click="goNavNoLogin('/my/setting/feedbackIndex')">
										<image src="../../static/images/my/icon/utils/help.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/utils4.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="goNavNoLogin('/my/setting/mimi')">
										<image src="../../static/images/my/icon/utils/utils5.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											隐私协议
										</view>
									</view>
									<!-- <view class="flex justify-center flex-wrap" style="width: 112rpx;" @click="goNav('/my/setting/xieyi')">
								<image src="../../static/images/my/icon/utils/utils6.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="goNavNoLogin('/my/setting/xieyi')">
										<image src="../../static/images/my/icon/utils/utils6.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="goNavNoLogin('/my/setting/about')">
										<!-- goNavNoLogin('/my/setting/about') -->
										<!-- pages/my/jobApplicant/startPage -->
										<image src="../../static/images/my/icon/utils/utils7.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											关于我们
										</view>
									</view>
									<view v-if="token" class="util-item" @click="goOut()">
										<image src="../../static/images/my/icon/utils/utils8.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="goNav('/pages/my/ruleCenter')">
										<image src="../../static/images/my/icon/utils/utils5.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											规则中心
										</view>
									</view>
									<!-- <view class="flex justify-center flex-wrap" style="width: 112rpx;height: 0;" v-if="!token">

							</view>
							<view class="flex justify-center flex-wrap" style="width: 112rpx;height: 0;">

							</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号</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" @click="goNav('switchRoles')" />
							</view>
							<view class="info-box-header flex align-center">
								<view class="info-box-header-l">
									<image :src="avatar ? avatar : '../../static/logo.png'"
										@click="goNav('/pages/my/userinfo')" mode=""></image>
								</view>
								<view class="info-box-header-r">
									<view class="info-box-header-r-name flex align-center">
										{{ userName }}
										<image v-if="isCompanyVip"
											style="margin-left: 10rpx; width: 80rpx; height: 30rpx"
											src="../../static/images/my/isVip.png" mode=""></image>
									</view>
									<view v-if="XCXIsSelect != '否'" class="info-box-header-r-bj flex align-center"
										@click="goNav('/my/renzheng/index')">
										编辑企业信息
										<image src="@/static/images/jobApplicant/edit-user.svg" mode="scaleToFill"
											@click.stop="goNav('/my/renzheng/editCompany')" />
									</view>
								</view>
							</view>
							<!-- 记录栏 -->
							<view class="info-box-num flex align-center justify-between" v-if="XCXIsSelect != '否'">
								<view class="info-box-num-td"
									@click="goNav('/pages/recruitmentData/communicationRecords')">
									<view class="info-box-num-td-num"> 0 </view>
									<view class="info-box-num-td-name">沟通过</view>
								</view>
								<view class="info-box-num-td"
									@click="goNav('/pages/recruitmentData/communicationRecords')">
									<view class="info-box-num-td-num"> 0 </view>
									<view class="info-box-num-td-name">面试</view>
								</view>
								<view class="info-box-num-td"
									@click="goNav('/pages/recruitmentData/communicationRecords')">
									<view class="info-box-num-td-num"> 0 </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 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="job-management-card" @click="goJobManagement">
						<view class="job-management-content">
							<view class="job-count-text">
								<text class="count-number">1</text>
								<text class="count-label">个在线职位</text>
							</view>
							<view class="arrow-icon">
								<u-icon name="arrow-right" color="#999" size="24"></u-icon>
							</view>
						</view>
					</view>

					<!-- vip -->
					<!-- <view
        class="vip flex justify-center"
        @click="goNav('/my/vip/index')"
        v-if="XCXIsSelect != '否'"
      >
        <view class="vip-box">
          <image
            class="vip-box-bg"
            src="../../static/images/my/icon/vip.png"
            mode=""
          ></image>
          <view class="vip-box-cont flex justify-center">
            <view
              class="flex justify-between align-center"
              style="width: 626rpx; z-index: 9; margin-top: 30rpx"
            >
              <view class="flex align-center">
                <image
                  src="../../static/images/my/icon/vip2.png"
                  style="width: 32rpx; height: 29rpx; margin-right: 5rpx"
                  mode=""
                ></image>
                <image
                  src="../../static/images/my/icon/vip4.png"
                  style="width: 140rpx; height: 29rpx; margin-right: 20rpx"
                  mode=""
                ></image>
                <text style="color: #914016; font-size: 24rpx">尊享超多特权</text>
              </view>
              <view
                class="flex align-center"
                style="
                  color: #914016;
                  font-size: 24rpx;
                  font-weight: bold;
                  z-index: 999;
                  margin-right: 10rpx;
                "
              >
                {{ isCompanyVip == true ? "已开通" : "去开通" }}
                <u-icon name="play-right-fill" color="#914016" size="18"></u-icon>
              </view>
            </view>
          </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/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('/package/addJob/addJob')">
										<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="refreshJob()">
										<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('/my/renzheng/index')">
										<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="goNav('/package/deliveryRecord/deliveryRecord')">
										<image src="../../static/images/index/rmhd.svg" mode=""></image>
										<view class=""> 已投简历 </view>
									</view>
								</view>
							</view>
						</view>
					</view>

					<!-- 推广横幅 -->
					<view class="promo-banner">
						<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" @click="goBusinessLicense">立即参与</text>
							</view>
						</view>
					</view>

					<!-- 我的钱包 -->
					<view class="money flex justify-center" v-if="XCXIsSelect != '否'">
						<view class="money-box flex justify-center align-center">
							<view class="money-box-c flex justify-between">
								<view class="money-box-c-l flex flex-wrap" @click="goNav('/my/wallet/wallet')">
									<view class="money-box-c-l-name"> 我的钻石 </view>
									<view class="money-box-c-l-price flex align-center">
										{{ money }}
										<text style="margin-left: 10rpx">钻石</text>
									</view>
								</view>
								<view class="money-box-c-r flex flex-wrap" @click="goNav('/my/gird/browse')">
									<view class="money-box-c-r-name"> 浏览记录 </view>
									<view class="money-box-c-r-more"> 点击查看更多 </view>
								</view>
							</view>
						</view>
					</view>

					<!-- 我的招聘 -->
					<!-- <view
        class="jobServer flex justify-center"
        style="margin-top: 20rpx"
        v-if="XCXIsSelect != '否'"
      >
        <view class="jobServer-box flex justify-center">
          <view class="jobServer-box-c" @click="goNav('/my/order/index')">
            <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 item-width"
                @click.stop="goNav('/my/order/index?index=' + 1)"
              >
                <image
                  src="../../static/images/my/my/my1.png"
                  style="width: 46rpx; height: 38rpx"
                  mode=""
                ></image>
                <view class=""> 待审核 </view>
              </view>
              <view
                class="jobServer-box-btn-item flex justify-center flex-wrap item-width"
                @click.stop="goNav('/my/order/index?index=' + 2)"
              >
                <image
                  src="../../static/images/my/my/my2.png"
                  style="width: 46rpx; height: 38rpx"
                  mode=""
                ></image>
                <view class=""> 招聘中 </view>
              </view>
              <view
                class="jobServer-box-btn-item flex justify-center flex-wrap item-width"
                @click.stop="goNav('/my/order/index?index=' + 5)"
              >
                <image
                  src="../../static/images/my/my/my3.png"
                  style="width: 46rpx; height: 38rpx"
                  mode=""
                ></image>
                <view class=""> 已关闭 </view>
              </view>
              <view
                class="jobServer-box-btn-item flex justify-center flex-wrap item-width"
                @click.stop="goNav('/my/order/index?index=' + 3)"
              >
                <image
                  src="../../static/images/my/my/my4.png"
                  style="width: 50rpx; height: 38rpx"
                  mode=""
                ></image>
                <view class=""> 已拒绝 </view>
              </view>
            </view>
          </view>
        </view>
      </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 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 class="util-item">
										<image src="../../static/images/my/icon/utils/wallet.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">
										<image src="../../static/images/my/icon/utils/invoice.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">
										<image src="../../static/images/my/icon/utils/user.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="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 class="util-item" @click="goNav('/my/setting/mimi')">
										<image src="../../static/images/my/icon/utils/privacy.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											隐私规则
										</view>
									</view>
									<!-- <view v-if="XCXIsSelect != '否'" class="util-item"
										@click="goNav('/package/myLove/myLove')">
										<image src="../../static/images/my/icon/utils/myLovere.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											我的收藏
										</view>
									</view>
									<view v-if="XCXIsSelect != '否'" class="util-item" @click="goNav('/my/jilu/jilu')">
										<image src="../../static/images/my/icon/utils/jilu.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" v-if="XCXIsSelect != '否'"
										@click="goNav('/my/renzheng/zhuanrang')">
										<image src="../../static/images/my/icon/utils/qy.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											转让企业
										</view>
									</view>
									<view v-if="XCXIsSelect != '否'" class="util-item"
										@click="goNav('/package/blackList/blackList')">
										<image src="../../static/images/my/icon/utils/utils3.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="goNav('/pages/my/invitationUserqy')">
										<image src="../../static/images/my/icon/utils/utils2.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/utils4.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="goNav('/my/setting/mimi')">
										<image src="../../static/images/my/icon/utils/utils5.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="goNav('/my/setting/xieyi')">
										<image src="../../static/images/my/icon/utils/utils6.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="goNav('/my/setting/about')">
										<image src="../../static/images/my/icon/utils/utils7.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											关于我们
										</view>
									</view>
									<view v-if="XCXIsSelect != '否'" class="util-item"
										@click="goNav('/my/setting/feedbackIndex')">
										<image src="../../static/images/my/icon/utils/help.png"
											style="width: 54rpx; height: 54rpx" mode=""></image>
										<view class="" style="color: #1a1a1a; font-size: 24rpx; margin-top: 15rpx">
											帮助中心
										</view>
									</view>
									<view v-if="token" class="util-item" @click="goOut()">
										<image src="../../static/images/my/icon/utils/utils8.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号</view>
				</view>
			</view>
		</block>
		<!-- 状态切换 -->
		<u-action-sheet :list="list" @click="click" :tips="tips" v-model="show"></u-action-sheet>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tips: {
					text: "切换状态",
					color: "#909399",
					fontSize: 28,
				},

				show: false,
				list: [{
						id: 1,
						text: "离职-正在找工作",
						fontSize: 24,
					},
					{
						id: 2,
						text: "在职-考虑机会",
						fontSize: 24,
					},
					{
						id: 3,
						text: "在职-暂不考虑",
						fontSize: 24,
					},
					/* {
						id: '0',
						text: '离职-随时到岗',
						fontSize: 24,
					},
					{
						id: '1',
						text: '在职-月内到岗',
						fontSize: 24,
					},
					{
						id: '2',
						text: '在职-考虑机会',
						fontSize: 24,
					},
					{
						id: '3',
						text: '在职-暂不考虑',
						fontSize: 24,
					} */
				],
				userType: 1,
				avatar: "../../static/logo.png",
				userName: "登录",
				XCXIsSelect: "否",
				userId: "",
				arr: [],
				showModal: true,
				CompanyList: {},
				money: "0",
				browseCount: 0,
				collectionCount: 0,
				deliveryCount: 0,
				chatCount: 0,
				interviewCount: 0,
				isVip: false, //用户是否是vip
				isCompanyVip: false, //企业是否是vip
				resumesStatus: 1, //求职状态
				resumesId: "",
				token: "",
				companyStatus: "", //企业认证状态（1:审核中 2:已通过 3:已拒绝 空：未认证）
			};
		},
		onLoad(e) {
			console.log(this.token);
			this.XCXIsSelect = this.$queue.getData("XCXIsSelect");
			var that=this
			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)
			})
		},
		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() {
				uni.navigateTo({
					url: "/pages/my/switchRoles",
				});
			},

			// 在线客服
			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
				}
			},
			goNavStatus(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) {}
						},
					});
				}
			},
			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;
							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.isCompanyVip) {
								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;
					}
				});
			},
			/**
			 * @param {Object} url  跳转路径
			 * @param {Object} name 名称
			 */
			gojiLuList(url, name) {
				if (uni.getStorageSync("token")) {
					uni.navigateTo({
						url: url + "?title=" + name,
					});
				} else {
					this.noLogin();
				}
			},
			// 跳转到职位管理页面
			goJobManagement() {
				if (uni.getStorageSync("token")) {
					uni.navigateTo({
						url: "/pages/jobManagement/jobManagement",
					});
				} else {
					this.noLogin();
				}
			},

			// VIP升级页面跳转
			goVipUpgrade() {
				if (uni.getStorageSync("token")) {
					uni.navigateTo({
						url: "/pages/my/VIP/benefits",
					});
				} 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 = "../../static/logo.png";
							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;
							} else {
								this.isVip = false;
							}
						} else {
							this.userType = 2;
							uni.setStorageSync("userType", 2);
							if (res.data.isCompanyVip == 1) {
								//判断企业用户是否是vip
								this.isCompanyVip = true;
							} else {
								this.isCompanyVip = 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) {
					// #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,
					});
				} else {
					this.noLogin();
				}
			},
			//获取企业认证状态(1:审核中 2:通过 3:拒绝)
			getCompanyStatus() {
				this.$Request.get("/app/company/selectCompanyByUserId").then((res) => {
					if (res.code == 0 && res.data) {
						this.companyStatus = res.data.status;
						uni.setStorageSync("companyStatus", this.companyStatus);
					} else {
						this.companyStatus = "";
					}
				});
			},
			/**
			 * 获取用户企业实名数据
			 */
			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",
								success: function(res) {
									if (res.confirm) {
										console.log("用户点击确定");
										uni.navigateTo({
											url: "/my/renzheng/index",
										});
									} 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: "/my/renzheng/index",
										});
									} else if (res.cancel) {
										console.log("用户点击取消");
									}
								},
							});
						}
					} else {
						uni.showModal({
							title: "提示",
							content: "您还未企业认证,请先进行认证",
							confirmColor: "#016BF6",
							success: function(res) {
								if (res.confirm) {
									console.log("用户点击确定");
									uni.navigateTo({
										url: "/my/renzheng/index",
									});
								} 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('用户点击取消');
				// 		}
				// 	}
				// })
				uni.navigateTo({
					url: "/pages/public/login",
				});
			},
		},
	};
</script>

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

	.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;
			}
		}
	}

	.status-txt {
		color: #fff;
		font-family: DM Sans;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 44rpx;
	}

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

		.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 10rpx 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: 12rpx 32rpx;
		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;
				}

				.count-label {
					color: #666666;
					font-size: 28rpx;
					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: -64rpx;
		}

		.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: 44rpx 0 40rpx 0;
		box-sizing: border-box;

		image {
			width: 32rpx;
			height: 32rpx;
		}
	}

	.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 {
					margin-right: 20rpx;

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

				.info-box-header-r {
					.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;
					}

					.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;
						}
					}
				}
			}

			.info-box-num {
				margin-top: 50rpx;
				padding: 0 24rpx;
				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: 46rpx;
		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 {
					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: 18rpx;
					}
				}
			}
		}
	}

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

		.utils-box {
			width: 686rpx;
			height: 100%;
			background-color: #ffffff;
			border-radius: 24rpx;
			padding: 40rpx 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;
				}
			}
		}
	}
</style>