release: @12333/bMiniApp v1.1.10

wupengfei

8 天以前 7b8ce5a14d50c0a617f1ab23e87bb1c7a06225a3

 apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue

@@ -1,10 +1,28 @@
<template>
  <!-- <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> -->
  <List>
    <ListItem title="收入明细" @click="goIncomeDetail"> </ListItem>
    <ListItem title="银行卡" @click="goBankBind">
      <template #extra>
        <div class="bind-bank-card">
          {{ isBinding ? '已绑定' : '未绑定、立即绑定' }}
          {{ isBindBank ? '已绑定' : '未绑定、立即绑定' }}
        </div>
      </template>
    </ListItem>
    <ListItem title="支付宝" @click="goBankAlipay">
      <template #extra>
        <div class="bind-bank-card">
          {{ isBindAlipay ? '已绑定' : '未绑定、立即绑定' }}
        </div>
      </template>
    </ListItem>
    <ListItem title="微信">
      <template #extra>
        <div class="bind-bank-card">
          {{ '已绑定' }}
        </div>
      </template>
    </ListItem>
@@ -12,41 +30,76 @@
</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 { EnumUserBankCardAccess } from '@12333/constants';
import Taro from '@tarojs/taro';
import { Message } from '@12333/utils';

defineOptions({
  name: 'InnerPage',
});

const userStore = useUserStore();

const isBinding = ref(false);
const { userDetail, isBindBank, isBindAlipay, isBindWechat } = useUser();

function goIncomeDetail() {
  Taro.navigateTo({
    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: `${isBindBank.value ? RouterPath.bindBankCard : RouterPath.unboundBankCard}`,
    });
  },
  { message: '完成实名认证后才可进行银行卡绑定' }
);

const goBankAlipay = useAccessReal(
  () => {
    Taro.navigateTo({
      url: `${isBindAlipay.value ? RouterPath.bindAlipay : RouterPath.unboundAlipay}`,
    });
  },
  { message: '完成实名认证后才可进行支付宝绑定' }
);
</script>

<style lang="scss">
@import '@/styles/common.scss';

.bind-bank-card {
  color: boleGetCssVar('text-color', 'regular');
  font-size: 24px;
.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;
        font-weight: 500;
      }
    }

    .mine-wallet-balance-btn {
      width: 60%;
    }
  }

  .bind-bank-card {
    color: boleGetCssVar('text-color', 'regular');
    font-size: 24px;
  }
}
</style>