From bc17b7988f1eb3c9923fd8b332f8714410a34a71 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期三, 10 九月 2025 16:31:38 +0800 Subject: [PATCH] feat: 钱包 --- apps/cMiniApp/src/subpackages/wallet/incomeDetailInfo/InnerPage.vue | 54 ++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 44 insertions(+), 10 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/wallet/incomeDetailInfo/InnerPage.vue b/apps/cMiniApp/src/subpackages/wallet/incomeDetailInfo/InnerPage.vue index dfecbca..5cce9d9 100644 --- a/apps/cMiniApp/src/subpackages/wallet/incomeDetailInfo/InnerPage.vue +++ b/apps/cMiniApp/src/subpackages/wallet/incomeDetailInfo/InnerPage.vue @@ -1,29 +1,36 @@ <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">{{ detail?.enterpriseName }}</div> </template> </ListItem> <ListItem title="缁撶畻鏃ユ湡" :show-arrow="false"> <template #extra> - <div class="income-detail-info-value">{{ '2024.11.13' }}</div> + <div class="income-detail-info-value"> + {{ dayjs(detail?.settlementTime).format('YYYY-MM-DD') }} + </div> </template> </ListItem> - <ListItem title="宸ヨ祫鍗曞唴瀹�" :show-arrow="false"> + <ListItem title="缁撶畻閲戦" :show-arrow="false"> <template #extra> - <div class="income-detail-info-value">{{ '33.33鍏�' }}</div> + <div class="income-detail-info-value"> + {{ `${toThousand(detail?.settlementAmount)}鍏僠 }} + </div> </template> </ListItem> - <ListItem title="宸ヨ祫鍗曞唴瀹�" :show-arrow="false"> + <ListItem title="瀹炲彂閲戦" :show-arrow="false"> <template #extra> - <div class="income-detail-info-value">{{ '33.33鍏�' }}</div> + <div class="income-detail-info-value">{{ `${toThousand(detail?.amount)}鍏僠 }}</div> </template> </ListItem> </List> @@ -31,13 +38,40 @@ <script setup lang="ts"> import { List, ListItem, WithdrawMoneyCard } from '@12333/components'; -import { useUserStore } from '@/stores/modules/user'; +import { EnumUserWalletTransactionType, 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'; defineOptions({ name: 'InnerPage', }); -const userStore = useUserStore(); +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(); + }, +}); </script> <style lang="scss"> -- Gitblit v1.9.1