feat: 页面

wupengfei

2025-09-23 0d4707520940affeb4ac1697bbce9cebf5da60f8

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

@@ -1,24 +1,24 @@
<template>
  <WithdrawMoneyCard :money="100" :title="`提现-${'支付宝'}提现`"></WithdrawMoneyCard>
  <WithdrawMoneyCard
    :money="detail?.amount"
    :title="EnumUserWalletTransactionTypeText[detail.type]"
  ></WithdrawMoneyCard>
  <List>
    <ListItem title="提现单号" :show-arrow="false">
      <template #extra>
        <div class="income-detail-info-value">{{ '5893485943859843095843' }}</div>
        <div class="income-detail-info-value">{{ detail?.code }}</div>
      </template>
    </ListItem>
    <ListItem title="提现金额" :show-arrow="false">
      <template #extra>
        <div class="income-detail-info-value">{{ '宁波人力无忧' }}</div>
        <div class="income-detail-info-value">{{ toThousand(detail?.amount) }}</div>
      </template>
    </ListItem>
    <ListItem title="提现方式" :show-arrow="false">
      <template #extra>
        <div class="income-detail-info-value">{{ '2024.11.13' }}</div>
      </template>
    </ListItem>
    <ListItem title="服务费" :show-arrow="false">
      <template #extra>
        <div class="income-detail-info-value">{{ '33.33元' }}</div>
        <div class="income-detail-info-value">
          {{ detail.type ? EnumUserWalletTransactionTypeText[detail.type] : '' }}
        </div>
      </template>
    </ListItem>
    <ListItem title="支付宝户名" :show-arrow="false">
@@ -31,9 +31,14 @@
        <div class="income-detail-info-value">{{ '5893485943859843095843' }}</div>
      </template>
    </ListItem>
    <ListItem title="服务费" :show-arrow="false">
      <template #extra>
        <div class="income-detail-info-value">{{ toThousand(detail?.serviceFee) }}</div>
      </template>
    </ListItem>
    <ListItem title="实际到账" :show-arrow="false">
      <template #extra>
        <div class="income-detail-info-value">{{ '33.33元' }}</div>
        <div class="income-detail-info-value">{{ toThousand(detail?.actualAmount) }}</div>
      </template>
    </ListItem>
  </List>
@@ -41,13 +46,21 @@

<script setup lang="ts">
import { List, ListItem, WithdrawMoneyCard } from '@12333/components';
import { useUserStore } from '@/stores/modules/user';
import { EnumUserWalletTransactionTypeText } from '@12333/constants';
import Taro from '@tarojs/taro';
import { useGetPersonalUserTransaction } from '../hooks';
import { toThousand } from '@12333/utils';

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

const userStore = useUserStore();
const router = Taro.useRouter();
const id = router.params?.id;

const { detail } = useGetPersonalUserTransaction({
  id: id,
});
</script>

<style lang="scss">