From db365a5eff31c040c42463df4966bf34a5de6a6d Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 12 三月 2025 15:00:42 +0800 Subject: [PATCH] fix: 二期需求 --- apps/taro/src/pages/mine/index.vue | 76 +++++++++++++++++++------------------- 1 files changed, 38 insertions(+), 38 deletions(-) diff --git a/apps/taro/src/pages/mine/index.vue b/apps/taro/src/pages/mine/index.vue index 260ba75..c2285c1 100644 --- a/apps/taro/src/pages/mine/index.vue +++ b/apps/taro/src/pages/mine/index.vue @@ -10,20 +10,41 @@ <template #bg> <img :src="OssAssets.mine.Bg" class="mine-page-bg" :style="{ height: `${bgHeight}px` }" /> </template> + <div class="mine-page-top-view" @click="goLogin"> + <img class="mine-avatar" :src="DefaultAvatar" alt="" /> + <div class="user-info"> + <div class="user-info-name" v-if="isLogin">{{ hiddenPhoneNumber(virtualPhoneNumber) }}</div> + <div class="mine-go-login" v-else>鐧诲綍</div> + </div> + </div> + <ContentScrollView> + <List class="mine-list-wrapper"> + <ListItem title="璁㈠崟绠$悊" @click="goOrderManage"></ListItem> + <ListItem title="鎴峰彿绠$悊" @click="goUserAccountList"></ListItem> + <ListItem v-if="isLogin" title="閫�鍑虹櫥褰�" @click="goLogout"></ListItem> + </List> + </ContentScrollView> </PageLayoutWithBg> </template> <script setup lang="ts"> -import { TransparentNavigationBar, ContentScrollView } from '@/components'; -import { useUser, useIsLogin, useGoLogin } from '@/hooks'; +import { TransparentNavigationBar, List, ListItem } from '@/components'; +import { useUser, useIsLogin, useGoLogin, useAccessLogin } from '@/hooks'; import Taro from '@tarojs/taro'; import { RouterPath, OssAssets } from '@/constants'; +import DefaultAvatar from '@/assets/components/icon-default-avatar.png'; import { useSystemStore } from '@/stores/modules/system'; import PageLayoutWithBg from '@/components/Layout/PageLayoutWithBg.vue'; +import { useUserStore } from '@/stores/modules/user'; +import { Message } from '@/utils'; +import { useLifeRechargeContext } from '@life-payment/core-vue'; +import { hiddenPhoneNumber } from '@life-payment/utils'; -const { userDetail, isCertified } = useUser(); +const { userDetail, virtualPhoneNumber } = useUser(); const isLogin = useIsLogin(); const systemStore = useSystemStore(); +const userStore = useUserStore(); +const { blLifeRecharge } = useLifeRechargeContext(); const { goLoginFn } = useGoLogin(); const bgHeight = computed(() => 133 + systemStore.navHeight); @@ -40,13 +61,9 @@ }); } -function goSetting() { - goPage(RouterPath.setting); -} - -Taro.showShareMenu({ - showShareItems: ['shareAppMessage'], -}); +// Taro.showShareMenu({ +// showShareItems: ['shareAppMessage'], +// }); Taro.useShareAppMessage((res) => { return { @@ -56,38 +73,21 @@ }; }); -function goAuthentication() { - goPage(RouterPath.authenticationHome); -} -function goMineSign() { - goPage(RouterPath.mineSign); -} -function goMineHire() { - goPage(RouterPath.mineHire); -} -function goMineCancel() { - goPage(RouterPath.mineCancel); -} -function goMineCollectTask() { - goPage(RouterPath.mineCollectTask); -} -function goMineAgreementSign() { - goPage(RouterPath.mineAgreementSign); +const goOrderManage = useAccessLogin(() => goPage(RouterPath.order)); +const goUserAccountList = useAccessLogin(() => goPage(RouterPath.userAccountList)); + +async function goLogout() { + try { + await Message.confirm({ + message: '纭畾瑕侀��鍑虹櫥褰曞悧锛�', + }); + userStore.logout(); + blLifeRecharge.loginout(); + } catch (error) {} } </script> <style lang="scss"> @import '@/styles/common.scss'; @import './index.scss'; - -.mine-setting-badge { - margin-right: 20px; -} - -.mine-setting-list { - .pro-list-item-icon { - width: 48px; - height: 48px; - } -} </style> -- Gitblit v1.9.1