|
|
@ -4,25 +4,46 @@ |
|
|
|
<navbar bgColor="#3796F8"/> |
|
|
|
|
|
|
|
<view class="head"> |
|
|
|
<view class="headImage"> |
|
|
|
<image :src="headImage" mode=""></image> |
|
|
|
</view> |
|
|
|
<view class="info"> |
|
|
|
<view class="name" |
|
|
|
@click="$utils.navigateTo('/pages_order/mine/updateUser?back=true')"> |
|
|
|
{{username}} |
|
|
|
<view> |
|
|
|
<uv-icon name="edit-pen" size="40rpx" color="#fff"></uv-icon> |
|
|
|
修改资料 |
|
|
|
<!-- 未登录状态 --> |
|
|
|
<template v-if="!isLoggedIn"> |
|
|
|
<view class="headImage"> |
|
|
|
<image src="/static/image/center/headImage.png" mode=""></image> |
|
|
|
</view> |
|
|
|
<view class="info"> |
|
|
|
<view class="name"> |
|
|
|
未登录用户 |
|
|
|
</view> |
|
|
|
<view class="tips"> |
|
|
|
请先登录以查看个人信息 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="tips"> |
|
|
|
手机号:{{phone}} |
|
|
|
<view class="loginBtn" @click="$utils.toLogin()"> |
|
|
|
登录 |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
{{ UserExtensionInfo.vipType || '' }} |
|
|
|
</template> |
|
|
|
|
|
|
|
<!-- 已登录状态 --> |
|
|
|
<template v-else> |
|
|
|
<view class="headImage"> |
|
|
|
<image :src="headImage" mode=""></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="info"> |
|
|
|
<view class="name" |
|
|
|
@click="$utils.navigateTo('/pages_order/mine/updateUser?back=true')"> |
|
|
|
{{username}} |
|
|
|
<view> |
|
|
|
<uv-icon name="edit-pen" size="40rpx" color="#fff"></uv-icon> |
|
|
|
修改资料 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="tips"> |
|
|
|
手机号:{{phone}} |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
{{ UserExtensionInfo.vipType || '' }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<!-- <view class="setting"> |
|
|
|
<uv-icon name="setting" size="40rpx"></uv-icon> |
|
|
@ -32,24 +53,26 @@ |
|
|
|
<!-- 酒店 --> |
|
|
|
<view class="user"> |
|
|
|
|
|
|
|
<!-- 实名认证 --> |
|
|
|
<view class="auth" v-if="UserExtensionInfo.personAuthenticationStatus != '1'" |
|
|
|
@click="$utils.navigateTo('/pages_order/auth/certification')"> |
|
|
|
<uv-cell |
|
|
|
icon="setting-fill" |
|
|
|
title="完成实名认证,信息优先推荐!" |
|
|
|
value="去认证" |
|
|
|
isLink></uv-cell> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="auth" v-else |
|
|
|
@click="$utils.navigateTo('/pages_order/auth/certification')"> |
|
|
|
<uv-cell |
|
|
|
icon="setting-fill" |
|
|
|
title="您已完成实名认证!" |
|
|
|
value="去查看" |
|
|
|
isLink></uv-cell> |
|
|
|
</view> |
|
|
|
<!-- 实名认证 - 仅登录后显示 --> |
|
|
|
<template v-if="isLoggedIn"> |
|
|
|
<view class="auth" v-if="UserExtensionInfo.personAuthenticationStatus != '1'" |
|
|
|
@click="$utils.navigateTo('/pages_order/auth/certification')"> |
|
|
|
<uv-cell |
|
|
|
icon="setting-fill" |
|
|
|
title="完成实名认证,信息优先推荐!" |
|
|
|
value="去认证" |
|
|
|
isLink></uv-cell> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="auth" v-else |
|
|
|
@click="$utils.navigateTo('/pages_order/auth/certification')"> |
|
|
|
<uv-cell |
|
|
|
icon="setting-fill" |
|
|
|
title="您已完成实名认证!" |
|
|
|
value="去查看" |
|
|
|
isLink></uv-cell> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 轮播图 --> |
|
|
@ -62,7 +85,8 @@ |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="line"> |
|
|
|
<!-- 数据统计 - 仅登录后显示 --> |
|
|
|
<view class="line" v-if="isLoggedIn"> |
|
|
|
<view class="item" |
|
|
|
@click="$utils.navigateTo('/pages_order/mine/InvitationCredit')"> |
|
|
|
<view class=""> |
|
|
@ -117,26 +141,41 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 未登录提示 --> |
|
|
|
<view class="line login-tip" v-if="!isLoggedIn"> |
|
|
|
<view class="tip-content"> |
|
|
|
<text>登录后可查看个人数据</text> |
|
|
|
<button class="login-tip-btn" @click="$utils.toLogin()">立即登录</button> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="line grid"> |
|
|
|
<view class="title"> |
|
|
|
我的工作 |
|
|
|
</view> |
|
|
|
<uv-grid :col="4" :border="false"> |
|
|
|
<uv-grid-item |
|
|
|
v-if="!role" |
|
|
|
v-if="!role && isLoggedIn" |
|
|
|
@click="toAddResume"> |
|
|
|
<image class="image" src="/static/image/center/a1.png" mode=""></image> |
|
|
|
<text class="grid-text">在线简历</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item |
|
|
|
v-if="role" |
|
|
|
v-if="role && isLoggedIn" |
|
|
|
@click="$utils.navigateTo('/pages_order/mine/releaseWork')"> |
|
|
|
<image class="image" src="/static/image/center/a1.png" mode=""></image> |
|
|
|
<text class="grid-text">{{ role ? '我的招工' : '我的找活'}}</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item |
|
|
|
v-if="!isLoggedIn" |
|
|
|
@click="$utils.toLogin()"> |
|
|
|
<image class="image" src="/static/image/center/a1.png" mode=""></image> |
|
|
|
<text class="grid-text">在线简历</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/mine/seeMy')"> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/mine/seeMy') : $utils.toLogin()"> |
|
|
|
<image class="image" src="/static/image/center/a2.png" mode=""></image> |
|
|
|
<text class="grid-text">谁看过我</text> |
|
|
|
</uv-grid-item> |
|
|
@ -148,62 +187,62 @@ |
|
|
|
我的服务 |
|
|
|
</view> |
|
|
|
<uv-grid :col="4" :border="false"> |
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/mine/MemberRecharge')"> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/mine/MemberRecharge') : $utils.toLogin()"> |
|
|
|
<image class="image" src="/static/image/center/1.png" mode=""></image> |
|
|
|
<text class="grid-text">会员充值</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/mine/GainPoints')"> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/mine/GainPoints') : $utils.toLogin()"> |
|
|
|
<image class="image" src="/static/image/center/4.png" mode=""></image> |
|
|
|
<text class="grid-text">获取积分</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/mine/IntegralRecord')"> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/mine/IntegralRecord') : $utils.toLogin()"> |
|
|
|
<image class="image" src="/static/image/center/5.png" mode=""></image> |
|
|
|
<text class="grid-text">积分记录</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/auth/certificationEnterprise')" |
|
|
|
v-if="role"> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/auth/certificationEnterprise') : $utils.toLogin()" |
|
|
|
v-if="role || !isLoggedIn"> |
|
|
|
<image class="image" src="/static/image/center/6.png" mode=""></image> |
|
|
|
<text class="grid-text">企业认证</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/auth/certification')" |
|
|
|
v-else> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/auth/certification') : $utils.toLogin()" |
|
|
|
v-if="!role || !isLoggedIn"> |
|
|
|
<image class="image" src="/static/image/center/6.png" mode=""></image> |
|
|
|
<text class="grid-text">实名认证</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/mine/enterpriseInfo')" |
|
|
|
v-if="role"> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/mine/enterpriseInfo') : $utils.toLogin()" |
|
|
|
v-if="role || !isLoggedIn"> |
|
|
|
<image class="image" src="/static/image/center/6.png" mode=""></image> |
|
|
|
<text class="grid-text">企业信息</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item @click="$utils.redirectTo('/index/consult')" |
|
|
|
v-else> |
|
|
|
v-if="!role || !isLoggedIn"> |
|
|
|
<image class="image" src="/static/image/center/6.png" mode=""></image> |
|
|
|
<text class="grid-text">考证咨询</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/mine/redeemCode')"> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/mine/redeemCode') : $utils.toLogin()"> |
|
|
|
<image class="image" src="/static/image/center/5.png" mode=""></image> |
|
|
|
<text class="grid-text">兑换码</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/contract/contract')"> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/contract/contract') : $utils.toLogin()"> |
|
|
|
<image class="image" src="/static/image/center/5.png" mode=""></image> |
|
|
|
<text class="grid-text">电子合同</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/contract/contractManage')" |
|
|
|
v-if="role"> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/contract/contractManage') : $utils.toLogin()" |
|
|
|
v-if="role || !isLoggedIn"> |
|
|
|
<image class="image" src="/static/image/center/5.png" mode=""></image> |
|
|
|
<text class="grid-text">合同模板</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/mine/promotion')"> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/mine/promotion') : $utils.toLogin()"> |
|
|
|
<image class="image" src="/static/image/center/5.png" mode=""></image> |
|
|
|
<text class="grid-text">面对面分享</text> |
|
|
|
</uv-grid-item> |
|
|
@ -214,12 +253,12 @@ |
|
|
|
设置与帮助 |
|
|
|
</view> |
|
|
|
<uv-grid :col="4" :border="false"> |
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/mine/setting')"> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/mine/setting') : $utils.toLogin()"> |
|
|
|
<image class="image" src="/static/image/center/setting.png" mode=""></image> |
|
|
|
<text class="grid-text">系统设置</text> |
|
|
|
</uv-grid-item> |
|
|
|
|
|
|
|
<uv-grid-item @click="$utils.navigateTo('/pages_order/mine/help')"> |
|
|
|
<uv-grid-item @click="isLoggedIn ? $utils.navigateTo('/pages_order/mine/help') : $utils.toLogin()"> |
|
|
|
<image class="image" src="/static/image/center/help.png" mode=""></image> |
|
|
|
<text class="grid-text">帮助与反馈</text> |
|
|
|
</uv-grid-item> |
|
|
@ -247,14 +286,18 @@ |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapState(['userInfo', 'role','banner', 'UserExtensionInfo']), |
|
|
|
// 判断是否已登录 |
|
|
|
isLoggedIn(){ |
|
|
|
return this.userInfo && this.userInfo.id |
|
|
|
}, |
|
|
|
headImage(){ |
|
|
|
return this.userInfo.headImage |
|
|
|
return this.userInfo.headImage || '/static/image/center/headImage.png' |
|
|
|
}, |
|
|
|
username(){ |
|
|
|
return this.userInfo.nickName |
|
|
|
return this.userInfo.nickName || '未设置昵称' |
|
|
|
}, |
|
|
|
phone(){ |
|
|
|
return this.userInfo.phone |
|
|
|
return this.userInfo.phone || '未绑定手机' |
|
|
|
}, |
|
|
|
bannerList(){ |
|
|
|
return this.banner.filter(n => n.type == 1) |
|
|
@ -277,10 +320,12 @@ |
|
|
|
} |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
this.$store.commit('getUserInfo') |
|
|
|
if(uni.getStorageSync('token')){ |
|
|
|
this.$store.commit('getUserExtensionInfo') |
|
|
|
this.$store.commit('getUserInfo') |
|
|
|
} |
|
|
|
this.$store.commit('getBanner') |
|
|
|
//判断如果是登录状态则获取信息 |
|
|
|
this.$store.commit('getUserExtensionInfo') |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
toAddResume(){ |
|
|
@ -322,6 +367,7 @@ |
|
|
|
|
|
|
|
.info { |
|
|
|
font-size: 28rpx; |
|
|
|
flex: 1; |
|
|
|
.name { |
|
|
|
font-size: 32rpx; |
|
|
|
display: flex; |
|
|
@ -340,6 +386,15 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.loginBtn { |
|
|
|
padding: 15rpx 30rpx; |
|
|
|
background-color: rgba(255, 255, 255, 0.2); |
|
|
|
color: #fff; |
|
|
|
border-radius: 30rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
border: 2rpx solid rgba(255, 255, 255, 0.5); |
|
|
|
} |
|
|
|
|
|
|
|
// .headBtn { |
|
|
|
// margin-left: auto; |
|
|
|
// padding: 15rpx 20rpx; |
|
|
@ -402,6 +457,28 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.login-tip { |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
padding: 40rpx 20rpx; |
|
|
|
|
|
|
|
.tip-content { |
|
|
|
text-align: center; |
|
|
|
font-size: 28rpx; |
|
|
|
color: #666; |
|
|
|
} |
|
|
|
|
|
|
|
.login-tip-btn { |
|
|
|
margin-top: 20rpx; |
|
|
|
padding: 15rpx 40rpx; |
|
|
|
background-color: $uni-color; |
|
|
|
color: #fff; |
|
|
|
border-radius: 30rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.grid { |
|
|
|
flex-direction: column; |
|
|
|
font-size: 26rpx; |
|
|
|