|
|
@ -31,6 +31,16 @@ |
|
|
|
<view class="name" |
|
|
|
@click="$utils.navigateTo('/pages_order/mine/updateUser?back=true')"> |
|
|
|
{{username}} |
|
|
|
<!-- 个人实名认证图标 --> |
|
|
|
<image v-if="UserExtensionInfo.personAuthenticationStatus == '1'" |
|
|
|
:src="configList.config_person_icon" |
|
|
|
class="auth-icon" |
|
|
|
mode="aspectFit"></image> |
|
|
|
<!-- 企业认证图标 --> |
|
|
|
<image v-if="UserExtensionInfo.companyAuthenticationStatus == '1'" |
|
|
|
:src="configList.config_person_icon" |
|
|
|
class="auth-icon" |
|
|
|
mode="aspectFit"></image> |
|
|
|
<view> |
|
|
|
<uv-icon name="edit-pen" size="40rpx" color="#fff"></uv-icon> |
|
|
|
修改资料 |
|
|
@ -42,6 +52,25 @@ |
|
|
|
<view> |
|
|
|
{{ UserExtensionInfo.vipType || '' }} |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 个人实名认证到期提醒 --> |
|
|
|
<view v-if="personAuthDaysLeft" :class="personAuthDaysLeft === 'expired' ? 'auth-expired' : 'auth-warning'"> |
|
|
|
<template v-if="personAuthDaysLeft === 'expired'"> |
|
|
|
⚠️ 个人实名认证已过期 |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
⚠️ 个人实名认证还有{{personAuthDaysLeft}}天到期 |
|
|
|
</template> |
|
|
|
</view> |
|
|
|
<!-- 企业认证到期提醒 --> |
|
|
|
<view v-if="companyAuthDaysLeft" :class="companyAuthDaysLeft === 'expired' ? 'auth-expired' : 'auth-warning'"> |
|
|
|
<template v-if="companyAuthDaysLeft === 'expired'"> |
|
|
|
⚠️ 企业认证已过期 |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
⚠️ 企业认证还有{{companyAuthDaysLeft}}天到期 |
|
|
|
</template> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
@ -279,13 +308,13 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import tabber from '@/components/base/tabbar.vue' |
|
|
|
import { mapState } from 'vuex' |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
tabber, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapState(['userInfo', 'role','banner', 'UserExtensionInfo']), |
|
|
|
import { mapState } from 'vuex' |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
tabber, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapState(['userInfo', 'role','banner', 'UserExtensionInfo']), |
|
|
|
// 判断是否已登录 |
|
|
|
isLoggedIn(){ |
|
|
|
return this.userInfo && this.userInfo.id |
|
|
@ -300,8 +329,32 @@ |
|
|
|
return this.userInfo.phone || '未绑定手机' |
|
|
|
}, |
|
|
|
bannerList(){ |
|
|
|
return this.banner.filter(n => n.type == 1) |
|
|
|
}, |
|
|
|
return this.banner.filter(n => n.type == 1) |
|
|
|
}, |
|
|
|
// 个人实名认证剩余天数 |
|
|
|
personAuthDaysLeft(){ |
|
|
|
if(!this.UserExtensionInfo.personAuthenticationValidTime) return null |
|
|
|
const validTime = new Date(this.UserExtensionInfo.personAuthenticationValidTime) |
|
|
|
const now = new Date() |
|
|
|
const diffTime = validTime.getTime() - now.getTime() |
|
|
|
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) |
|
|
|
// 如果已过期,返回特殊标识 |
|
|
|
if(diffDays <= 0) return 'expired' |
|
|
|
// 如果在7天内,返回剩余天数 |
|
|
|
return diffDays <= 7 ? diffDays : null |
|
|
|
}, |
|
|
|
// 企业认证剩余天数 |
|
|
|
companyAuthDaysLeft(){ |
|
|
|
if(!this.UserExtensionInfo.companyAuthenticationValidTime) return null |
|
|
|
const validTime = new Date(this.UserExtensionInfo.companyAuthenticationValidTime) |
|
|
|
const now = new Date() |
|
|
|
const diffTime = validTime.getTime() - now.getTime() |
|
|
|
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)) |
|
|
|
// 如果已过期,返回特殊标识 |
|
|
|
if(diffDays <= 0) return 'expired' |
|
|
|
// 如果在7天内,返回剩余天数 |
|
|
|
return diffDays <= 7 ? diffDays : null |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
@ -371,7 +424,15 @@ |
|
|
|
.name { |
|
|
|
font-size: 32rpx; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
padding-bottom: 10rpx; |
|
|
|
|
|
|
|
.auth-icon { |
|
|
|
width: 40rpx; |
|
|
|
height: 40rpx; |
|
|
|
margin-left: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
view{ |
|
|
|
display: flex; |
|
|
|
font-size: 20rpx; |
|
|
@ -384,6 +445,26 @@ |
|
|
|
font-size: 26rpx; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.auth-warning { |
|
|
|
font-size: 24rpx; |
|
|
|
color: #FFD700; |
|
|
|
background: rgba(255, 215, 0, 0.2); |
|
|
|
padding: 8rpx 16rpx; |
|
|
|
border-radius: 8rpx; |
|
|
|
margin-top: 8rpx; |
|
|
|
border: 1rpx solid rgba(255, 215, 0, 0.5); |
|
|
|
} |
|
|
|
|
|
|
|
.auth-expired { |
|
|
|
font-size: 24rpx; |
|
|
|
color: #FF4444; |
|
|
|
background: rgba(255, 68, 68, 0.2); |
|
|
|
padding: 8rpx 16rpx; |
|
|
|
border-radius: 8rpx; |
|
|
|
margin-top: 8rpx; |
|
|
|
border: 1rpx solid rgba(255, 68, 68, 0.5); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.loginBtn { |
|
|
|