|  |  |  | 
|---|
|  |  |  | <div class="user-info-unCertified"> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | class="user-info-unCertified-text" | 
|---|
|  |  |  | v-if="userDetail.realStatus === EnumPersonalUserRealStatus.UnReal" | 
|---|
|  |  |  | v-if="userDetail?.realStatus === EnumPersonalUserRealStatus.UnReal" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | 未认证 | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="user-info-unCertified-text" v-else> | 
|---|
|  |  |  | {{ EnumUserRealMethodText[userDetail?.realMethod] | 
|---|
|  |  |  | }}{{ EnumPersonalUserRealStatusText[userDetail.realStatus] }} | 
|---|
|  |  |  | }}{{ EnumPersonalUserRealStatusText[userDetail?.realStatus] }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | class="user-info-unCertified-btn" | 
|---|
|  |  |  | @click.stop="goAuthentication" | 
|---|
|  |  |  | v-if=" | 
|---|
|  |  |  | userDetail.realStatus === EnumPersonalUserRealStatus.UnReal || | 
|---|
|  |  |  | userDetail.realStatus === EnumPersonalUserRealStatus.Fail | 
|---|
|  |  |  | userDetail?.realStatus === EnumPersonalUserRealStatus.UnReal || | 
|---|
|  |  |  | userDetail?.realStatus === EnumPersonalUserRealStatus.Fail | 
|---|
|  |  |  | " | 
|---|
|  |  |  | > | 
|---|
|  |  |  | 立即认证 | 
|---|
|  |  |  | 
|---|
|  |  |  | <!-- <div class="user-info-unCertified" v-else> | 
|---|
|  |  |  | <img :src="IconAuth" class="user-info-unCertified-icon" /> | 
|---|
|  |  |  | <div class="user-info-unCertified-text"> | 
|---|
|  |  |  | {{ EnumUserRealMethodText[userDetail?.realMethod] }}{{ EnumPersonalUserRealStatusText[userDetail.realStatus] }} | 
|---|
|  |  |  | {{ EnumUserRealMethodText[userDetail?.realMethod] }}{{ EnumPersonalUserRealStatusText[userDetail?.realStatus] }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> --> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <ContentScrollView v-if="isLogin" class="mine-content-scroll-view"> | 
|---|
|  |  |  | <List class="mine-list-wrapper mine-balance"> | 
|---|
|  |  |  | <div class="mine-balance-title">我的余额</div> | 
|---|
|  |  |  | <div class="mine-balance-money">¥{{ toThousand(userDetail?.balance) }}</div> | 
|---|
|  |  |  | <div class="mine-balance-money">¥{{ toThousand(userDetail?.balance ?? 0) }}</div> | 
|---|
|  |  |  | <div class="mine-balance-btn" @click="goMineWallet"> | 
|---|
|  |  |  | 进入我的钱包 | 
|---|
|  |  |  | <img :src="IconArrow" class="mine-balance-btn-icon" /> | 
|---|
|  |  |  | 
|---|
|  |  |  | import PageLayoutWithBg from '@/components/Layout/PageLayoutWithBg.vue'; | 
|---|
|  |  |  | import { toThousand } from '@12333/utils'; | 
|---|
|  |  |  | import { useIntervalFn } from 'senin-mini/hooks'; | 
|---|
|  |  |  | import { useQuery } from '@tanstack/vue-query'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { userDetail, isCertified, updateUserInfo } = useUser(); | 
|---|
|  |  |  | const isLogin = useIsLogin(); | 
|---|
|  |  |  | 
|---|
|  |  |  | const { goLoginFn } = useGoLogin(); | 
|---|
|  |  |  | const bgHeight = computed(() => 133 + systemStore.navHeight); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | Taro.useDidShow(({ scene }) => { | 
|---|
|  |  |  | if (isLogin.value) { | 
|---|
|  |  |  | const { stop, start } = useIntervalFn(updateUserInfo, 1000); | 
|---|
|  |  |  | setTimeout(() => { | 
|---|
|  |  |  | updateUserInfo(); | 
|---|
|  |  |  | }, 300); | 
|---|
|  |  |  | if (userDetail.value?.realStatus === EnumPersonalUserRealStatus.Checking) { | 
|---|
|  |  |  | start(); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | stop(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | useQuery({ | 
|---|
|  |  |  | queryKey: ['updateUserInfo'], | 
|---|
|  |  |  | queryFn: () => {}, | 
|---|
|  |  |  | enabled: computed( | 
|---|
|  |  |  | () => isLogin.value && userDetail.value?.realStatus === EnumPersonalUserRealStatus.Checking | 
|---|
|  |  |  | ), | 
|---|
|  |  |  | refetchInterval: 5000, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | Taro.useDidHide(() => { | 
|---|
|  |  |  | stop(); | 
|---|
|  |  |  | Taro.useDidShow(() => { | 
|---|
|  |  |  | if (isLogin.value) { | 
|---|
|  |  |  | updateUserInfo(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function goLogin() { | 
|---|