From 52e3cfc5c8267a079ed0d3c32758124fc74ea8ea Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期四, 13 二月 2025 15:42:10 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- apps/bMiniApp/src/pages/mine/index.vue | 63 +++++++++++++++++++++++++------ 1 files changed, 50 insertions(+), 13 deletions(-) diff --git a/apps/bMiniApp/src/pages/mine/index.vue b/apps/bMiniApp/src/pages/mine/index.vue index ab21c15..48b1eca 100644 --- a/apps/bMiniApp/src/pages/mine/index.vue +++ b/apps/bMiniApp/src/pages/mine/index.vue @@ -53,38 +53,62 @@ </div> --> </UserHomeTopView> <div class="mine-content-record"> - <div class="mine-content-record-item"> + <div class="mine-content-record-item" @click="goMineFavorites"> <img class="mine-content-record-item-icon" :src="IconCollect" alt="" /> - <div class="mine-content-record-item-text">鎴戠殑鏀惰棌</div> + <nut-badge top="0" right="0" :value="8" color="#FF7D00"> + <div class="mine-content-record-item-text">鎴戠殑鏀惰棌</div> + </nut-badge> </div> <div class="mine-content-record-item"> - <img class="mine-content-record-item-icon" :src="IconCollect" alt="" /> - <div class="mine-content-record-item-text">鑱旂郴璁板綍</div> + <img class="mine-content-record-item-icon" :src="IconRecord" alt="" /> + <nut-badge top="0" right="0" :value="8" color="#FF7D00"> + <div class="mine-content-record-item-text">鑱旂郴璁板綍</div> + </nut-badge> </div> </div> - <div class="mine-content"></div> + <Cell :title="'鏇村鏈嶅姟'" class="mine-content-service"> + <div class="mine-content-service-list"> + <div class="mine-content-service--list-item"> + <img class="mine-content-service--list-item-icon" :src="IconFinance" alt="" /> + <div class="mine-content-service--list-item-text">璐㈠姟绠$悊</div> + </div> + <div class="mine-content-service--list-item"> + <img class="mine-content-service--list-item-icon" :src="IconRealName" alt="" /> + <div class="mine-content-service--list-item-text">浼佷笟瀹炲悕</div> + </div> + <div class="mine-content-service--list-item" @click="goSetting"> + <img class="mine-content-service--list-item-icon" :src="IconSetting" alt="" /> + <div class="mine-content-service--list-item-text">璁剧疆</div> + </div> + </div> + </Cell> + <nut-button type="info" class="mine-content-logout" @click="handleLoginout" + >閫�鍑虹櫥褰�</nut-button + > </ContentView> - <ContentScrollView v-if="isLogin" class="mine-content-scroll-view"> </ContentScrollView> </PageLayoutWithBg> </template> <script setup lang="ts"> -import { - PageLayoutWithBg, - TransparentNavigationBar, - ContentScrollView, - UserHomeTopView, -} from '@/components'; +import { PageLayoutWithBg, TransparentNavigationBar, UserHomeTopView } from '@/components'; import IconBusinessCard from '@/assets/mine/icon-business-card.png'; import IconCollect from '@/assets/mine/icon-collect.png'; import IconRecord from '@/assets/mine/icon-record.png'; import IconMale from '@/assets/mine/icon-male.png'; import IconFemale from '@/assets/mine/icon-female.png'; +import IconFinance from '@/assets/mine/icon-finance.png'; +import IconRealName from '@/assets/mine/icon-realname.png'; +import IconSetting from '@/assets/mine/icon-setting.png'; import { useUser, useIsLogin, useGoLogin } from '@/hooks'; import Taro from '@tarojs/taro'; import { RouterPath, OssAssets } from '@/constants'; import { useSystemStore } from '@/stores/modules/system'; +import { Message } from '@12333/utils'; +import { useUserStore } from '@/stores/modules/user'; +import { useQueryClient } from '@tanstack/vue-query'; +const userStore = useUserStore(); +const queryClient = useQueryClient(); const { userDetail, isCertified } = useUser(); const isLogin = useIsLogin(); const systemStore = useSystemStore(); @@ -105,7 +129,7 @@ } function goSetting() { - // goPage(RouterPath.setting); + goPage(RouterPath.setting); } Taro.showShareMenu({ @@ -123,6 +147,19 @@ function goAuthentication() { goPage(RouterPath.authenticationHome); } +function goMineFavorites() { + goPage(RouterPath.mineFavorites); +} + +async function handleLoginout() { + try { + await Message.confirm({ + message: '纭畾瑕侀��鍑虹櫥褰曞悧锛�', + }); + userStore.logoutAndToHome(); + queryClient.removeQueries(); + } catch (error) {} +} </script> <style lang="scss"> -- Gitblit v1.9.1