|  |  |  | 
|---|
|  |  |  | <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"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <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"> | 
|---|