From 22a6de40ac6693463cdbbe9ed1e3ef05fc301afc Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期二, 23 九月 2025 14:50:34 +0800
Subject: [PATCH] feat: 绑定银行卡
---
apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue | 67 +++++++++++++++++++++------------
1 files changed, 42 insertions(+), 25 deletions(-)
diff --git a/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue b/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue
index 986f7e9..2e85da4 100644
--- a/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue
+++ b/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue
@@ -1,24 +1,34 @@
<template>
- <div class="mine-wallet-balance">
- <WithdrawMoneyCard :money="100" title="璐︽埛浣欓(鍏�)"></WithdrawMoneyCard>
+ <!-- <div class="mine-wallet-balance">
+ <WithdrawMoneyCard :money="userDetail.balance" title="璐︽埛浣欓(鍏�)"></WithdrawMoneyCard>
<nut-button type="primary" class="mine-wallet-balance-btn" @click="goWithdraw">鎻愮幇</nut-button>
- </div>
+ </div> -->
<List>
<ListItem title="鏀跺叆鏄庣粏" @click="goIncomeDetail"> </ListItem>
+ <ListItem title="閾惰鍗�" @click="goBankBind">
+ <template #extra>
+ <div class="bind-bank-card">
+ {{ isBindBank ? '宸茬粦瀹�' : '鏈粦瀹氥�佺珛鍗崇粦瀹�' }}
+ </div>
+ </template>
+ </ListItem>
</List>
</template>
<script setup lang="ts">
import { List, ListItem, WithdrawMoneyCard } from '@12333/components';
+import { EnumUserBankCardAccess } from '@12333/constants';
import Taro from '@tarojs/taro';
defineOptions({
name: 'InnerPage',
});
-const { isCertified } = useUser();
+const { userDetail } = useUser();
-const isBinding = ref(false);
+const isBindBank = computed(() =>
+ userDetail.value?.bankCardAAccesses?.find(() => EnumUserBankCardAccess.Bank)
+);
function goIncomeDetail() {
Taro.navigateTo({
@@ -34,36 +44,43 @@
},
{ message: '瀹屾垚瀹炲悕璁よ瘉鍚庢墠鍙彁鐜�' }
);
-// const goBankBind = useAccessReal(
-// () => {
-// Taro.navigateTo({
-// url: `${isBinding.value ? RouterPath.bindBankCard : RouterPath.unboundBankCard}`,
-// });
-// },
-// { message: '瀹屾垚瀹炲悕璁よ瘉鍚庢墠鍙繘琛岄摱琛屽崱缁戝畾' }
-// );
+const goBankBind = useAccessReal(
+ () => {
+ Taro.navigateTo({
+ url: `${isBindBank.value ? RouterPath.bindBankCard : RouterPath.unboundBankCard}`,
+ });
+ },
+ { message: '瀹屾垚瀹炲悕璁よ瘉鍚庢墠鍙繘琛岄摱琛屽崱缁戝畾' }
+);
</script>
<style lang="scss">
@import '@/styles/common.scss';
-.mine-wallet-balance {
- text-align: center;
- padding-bottom: 60px;
+.mineWallet-page-wrapper {
+ .mine-wallet-balance {
+ text-align: center;
+ padding-bottom: 60px;
- .mine-wallet-balance-item {
- font-size: 28px;
- font-weight: 500;
- margin-bottom: 40px;
-
- &.money {
- font-size: 48px;
+ .mine-wallet-balance-item {
+ font-size: 28px;
font-weight: 500;
+ margin-bottom: 40px;
+
+ &.money {
+ font-size: 48px;
+ font-weight: 500;
+ }
+ }
+
+ .mine-wallet-balance-btn {
+ width: 60%;
}
}
- .mine-wallet-balance-btn {
- width: 60%;
+ .bind-bank-card {
+ color: boleGetCssVar('text-color', 'regular');
+ font-size: 24px;
}
}
</style>
--
Gitblit v1.9.1