|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <WithdrawMoneyCard | 
|---|
|  |  |  | :money="100" | 
|---|
|  |  |  | :money="detail?.amount" | 
|---|
|  |  |  | :title="EnumUserWalletTransactionTypeText[detail.type]" | 
|---|
|  |  |  | ></WithdrawMoneyCard> | 
|---|
|  |  |  | <List> | 
|---|
|  |  |  | 
|---|
|  |  |  | </ListItem> | 
|---|
|  |  |  | <ListItem title="结算金额" :show-arrow="false"> | 
|---|
|  |  |  | <template #extra> | 
|---|
|  |  |  | <div class="income-detail-info-value">{{ toThousand(detail?.settlementAmount) }}</div> | 
|---|
|  |  |  | <div class="income-detail-info-value"> | 
|---|
|  |  |  | {{ `${toThousand(detail?.settlementAmount)}元` }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </ListItem> | 
|---|
|  |  |  | <ListItem title="实发金额" :show-arrow="false"> | 
|---|
|  |  |  | <template #extra> | 
|---|
|  |  |  | <div class="income-detail-info-value">{{ toThousand(detail?.amount) }}</div> | 
|---|
|  |  |  | <div class="income-detail-info-value">{{ `${toThousand(detail?.amount)}元` }}</div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </ListItem> | 
|---|
|  |  |  | </List> | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script setup lang="ts"> | 
|---|
|  |  |  | import { List, ListItem, WithdrawMoneyCard } from '@12333/components'; | 
|---|
|  |  |  | import { EnumUserWalletTransactionType, EnumUserWalletTransactionTypeText } from '@12333/constants'; | 
|---|
|  |  |  | import { EnumUserWalletTransactionTypeText } from '@12333/constants'; | 
|---|
|  |  |  | import Taro from '@tarojs/taro'; | 
|---|
|  |  |  | import * as userServices from '@12333/services/apiV2/user'; | 
|---|
|  |  |  | import { useQuery } from '@tanstack/vue-query'; | 
|---|
|  |  |  | import dayjs from 'dayjs'; | 
|---|
|  |  |  | import { toThousand } from '@12333/utils'; | 
|---|
|  |  |  | import { useGetPersonalUserTransaction } from '../hooks'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | name: 'InnerPage', | 
|---|
|  |  |  | 
|---|
|  |  |  | const router = Taro.useRouter(); | 
|---|
|  |  |  | const id = router.params?.id; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { | 
|---|
|  |  |  | isLoading, | 
|---|
|  |  |  | isError, | 
|---|
|  |  |  | data: detail, | 
|---|
|  |  |  | refetch, | 
|---|
|  |  |  | } = useQuery({ | 
|---|
|  |  |  | queryKey: ['userServices/getPersonalUserTransaction', id], | 
|---|
|  |  |  | queryFn: async () => { | 
|---|
|  |  |  | return await userServices.getPersonalUserTransaction( | 
|---|
|  |  |  | { id: id }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | showLoading: false, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | placeholderData: () => ({} as API.GetPersonalUserTransactionQueryResult), | 
|---|
|  |  |  | onSuccess(data) { | 
|---|
|  |  |  | // if (data.isExistTradeChatRecord) setTrue(); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | const { detail } = useGetPersonalUserTransaction({ | 
|---|
|  |  |  | id: id, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|