| | |
| | | <template> |
| | | <div class="mine-wallet-balance"> |
| | | <WithdrawMoneyCard :money="100" :title="`提现-${'支付宝'}提现`"></WithdrawMoneyCard> |
| | | <nut-button type="primary" class="mine-wallet-balance-btn" @click="goWithdraw">提现</nut-button> |
| | | </div> |
| | | <List> |
| | | <ListItem title="收入明细" @click="goIncomeDetail"> </ListItem> |
| | | <ListItem title="银行卡" @click="goBankBind"> |
| | | <template #extra> |
| | | <div class="bind-bank-card"> |
| | | {{ isBinding ? '已绑定' : '未绑定、立即绑定' }} |
| | | </div> |
| | | </template> |
| | | </ListItem> |
| | | </List> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { List, ListItem } from '@12333/components'; |
| | | import { useUserStore } from '@/stores/modules/user'; |
| | | import { List, ListItem, WithdrawMoneyCard } from '@12333/components'; |
| | | import Taro from '@tarojs/taro'; |
| | | import { Message } from '@12333/utils'; |
| | | |
| | | defineOptions({ |
| | | name: 'InnerPage', |
| | | }); |
| | | |
| | | const userStore = useUserStore(); |
| | | const { isCertified } = useUser(); |
| | | |
| | | const isBinding = ref(false); |
| | | |
| | |
| | | url: `${RouterPath.incomeDetail}`, |
| | | }); |
| | | } |
| | | function goBankBind() { |
| | | // Message.confirm({ message: '完成实名认证后才可进行银行卡绑定' }).then(() => { |
| | | // Taro.navigateTo({ |
| | | // url: `${RouterPath.authenticationHome}`, |
| | | // }); |
| | | // }); |
| | | Taro.navigateTo({ |
| | | url: `${isBinding.value ? RouterPath.bindBankCard : RouterPath.unboundBankCard}`, |
| | | }); |
| | | } |
| | | |
| | | const goWithdraw = useAccessReal( |
| | | () => { |
| | | Taro.navigateTo({ |
| | | url: `${RouterPath.withdraw}`, |
| | | }); |
| | | }, |
| | | { message: '完成实名认证后才可提现' } |
| | | ); |
| | | // const goBankBind = useAccessReal( |
| | | // () => { |
| | | // Taro.navigateTo({ |
| | | // url: `${isBinding.value ? RouterPath.bindBankCard : RouterPath.unboundBankCard}`, |
| | | // }); |
| | | // }, |
| | | // { message: '完成实名认证后才可进行银行卡绑定' } |
| | | // ); |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | @import '@/styles/common.scss'; |
| | | |
| | | .bind-bank-card { |
| | | color: boleGetCssVar('text-color', 'regular'); |
| | | font-size: 24px; |
| | | .mine-wallet-balance { |
| | | text-align: center; |
| | | padding: 40px 0 60px; |
| | | |
| | | .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%; |
| | | } |
| | | } |
| | | </style> |