From b61e0dd54ca5adf96bea4fd1f92d498fe5245ff4 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期五, 14 二月 2025 09:13:27 +0800
Subject: [PATCH] feat: mine
---
apps/bMiniApp/src/pages/mine/index.vue | 74 ++++++++++++++++++++++++++++---------
1 files changed, 56 insertions(+), 18 deletions(-)
diff --git a/apps/bMiniApp/src/pages/mine/index.vue b/apps/bMiniApp/src/pages/mine/index.vue
index ab21c15..70e0c29 100644
--- a/apps/bMiniApp/src/pages/mine/index.vue
+++ b/apps/bMiniApp/src/pages/mine/index.vue
@@ -52,39 +52,61 @@
</div>
</div> -->
</UserHomeTopView>
- <div class="mine-content-record">
- <div class="mine-content-record-item">
- <img class="mine-content-record-item-icon" :src="IconCollect" alt="" />
- <div class="mine-content-record-item-text">鎴戠殑鏀惰棌</div>
+ <template v-if="isLogin">
+ <div class="mine-content-record">
+ <div class="mine-content-record-item" @click="goMineFavorites">
+ <img class="mine-content-record-item-icon" :src="IconCollect" alt="" />
+ <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" @click="goMineContactRecord">
+ <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-record-item">
- <img class="mine-content-record-item-icon" :src="IconCollect" alt="" />
- <div class="mine-content-record-item-text">鑱旂郴璁板綍</div>
- </div>
- </div>
- <div class="mine-content"></div>
+ <Cell :title="'鏇村鏈嶅姟'" class="mine-content-service">
+ <div class="mine-content-service-list">
+ <TaskDetailWelfareItem :icon="IconFinance" text="璐㈠姟绠＄悊"></TaskDetailWelfareItem>
+ <TaskDetailWelfareItem :icon="IconRealName" text="浼佷笟瀹炲悕"></TaskDetailWelfareItem>
+ <TaskDetailWelfareItem
+ :icon="IconSetting"
+ text="璁剧疆"
+ @click="goSetting"
+ ></TaskDetailWelfareItem>
+ </div>
+ </Cell>
+ <nut-button type="info" class="mine-content-logout" @click="handleLoginout"
+ >閫�鍑虹櫥褰�</nut-button
+ >
+ </template>
</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';
+import { TaskDetailWelfareItem } from '@12333/components';
+const userStore = useUserStore();
+const queryClient = useQueryClient();
const { userDetail, isCertified } = useUser();
const isLogin = useIsLogin();
const systemStore = useSystemStore();
@@ -105,7 +127,7 @@
}
function goSetting() {
- // goPage(RouterPath.setting);
+ goPage(RouterPath.setting);
}
Taro.showShareMenu({
@@ -123,6 +145,22 @@
function goAuthentication() {
goPage(RouterPath.authenticationHome);
}
+function goMineFavorites() {
+ goPage(RouterPath.mineFavorites);
+}
+function goMineContactRecord() {
+ goPage(RouterPath.mineContactRecord);
+}
+
+async function handleLoginout() {
+ try {
+ await Message.confirm({
+ message: '纭畾瑕侀��鍑虹櫥褰曞悧锛�',
+ });
+ userStore.logoutAndToHome();
+ queryClient.removeQueries();
+ } catch (error) {}
+}
</script>
<style lang="scss">
--
Gitblit v1.9.1