|  |  |  | 
|---|
|  |  |  | {{ detail?.bankBranchName ?? '' }} | 
|---|
|  |  |  | </RewardInfoCardContentItem> | 
|---|
|  |  |  | <RewardInfoCardContentItem label="银行帐号:"> | 
|---|
|  |  |  | {{ detail?.bankCardNumber ?? '' }} | 
|---|
|  |  |  | {{ | 
|---|
|  |  |  | detail?.bankCardNumber | 
|---|
|  |  |  | ? addStarForString( | 
|---|
|  |  |  | detail?.bankCardNumber, | 
|---|
|  |  |  | detail?.bankCardNumber?.length - 4, | 
|---|
|  |  |  | detail?.bankCardNumber?.length | 
|---|
|  |  |  | ) | 
|---|
|  |  |  | : '' | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | </RewardInfoCardContentItem> | 
|---|
|  |  |  | </RewardInfoCard> | 
|---|
|  |  |  | </RewardInfoCardList> | 
|---|
|  |  |  | <ProTabs v-model="state.tabType" hasBorder class="reward-tabs"> | 
|---|
|  |  |  | <ProTabPane lazy label="消费记录" name="Consume"> | 
|---|
|  |  |  | <ConsumeRecordView></ConsumeRecordView> | 
|---|
|  |  |  | <ProTabPane lazy label="拨付记录" name="Payment"> | 
|---|
|  |  |  | <PaymentRecordView></PaymentRecordView> | 
|---|
|  |  |  | </ProTabPane> | 
|---|
|  |  |  | <template v-if="sceneThree || sceneFour"> | 
|---|
|  |  |  | <ProTabPane lazy label="奖励发放记录" name="RewardGrant"> | 
|---|
|  |  |  | <RewardGrantRecordView></RewardGrantRecordView> | 
|---|
|  |  |  | </ProTabPane> | 
|---|
|  |  |  | <ProTabPane lazy label="充值记录" name="Recharge"> | 
|---|
|  |  |  | <RechargeRecordView ref="rechargeRecordRef"></RechargeRecordView> | 
|---|
|  |  |  | </ProTabPane> | 
|---|
|  |  |  | <ProTabPane lazy label="消费记录" name="Consume"> | 
|---|
|  |  |  | <ConsumeRecordView></ConsumeRecordView> | 
|---|
|  |  |  | </ProTabPane> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <ProTabPane lazy label="提现记录" name="Withdrawal" v-if="sceneTwo || sceneFour"> | 
|---|
|  |  |  | <WithdrawalRecordView ref="withdrawalRecordRef"></WithdrawalRecordView> | 
|---|
|  |  |  | </ProTabPane> | 
|---|
|  |  |  | </ProTabs> | 
|---|
|  |  |  | </AppContainer> | 
|---|
|  |  |  | 
|---|
|  |  |  | import RewardInfoCardList from '@/components/Reward/RewardInfoCardList.vue'; | 
|---|
|  |  |  | import RewardInfoCard from '@/components/Reward/RewardInfoCard.vue'; | 
|---|
|  |  |  | import RewardInfoCardContentItem from '@/components/Reward/RewardInfoCardContentItem.vue'; | 
|---|
|  |  |  | import { setOSSLink, downloadFileByUrl, toThousand } from '@/utils'; | 
|---|
|  |  |  | import { setOSSLink, downloadFileByUrl, toThousand, addStarForString } from '@/utils'; | 
|---|
|  |  |  | import ConsumeRecordView from './components/ConsumeRecordView.vue'; | 
|---|
|  |  |  | import RechargeRecordView from './components/RechargeRecordView.vue'; | 
|---|
|  |  |  | import RewardGrantRecordView from './components/RewardGrantRecordView.vue'; | 
|---|
|  |  |  | import WithdrawalRecordView from './components/WithdrawalRecordView.vue'; | 
|---|
|  |  |  | import PaymentRecordView from './components/PaymentRecordView.vue'; | 
|---|
|  |  |  | import { useQuery } from '@tanstack/vue-query'; | 
|---|
|  |  |  | import { useUser } from '@/hooks'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | tabType: 'Consume', | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { user } = useUser(); | 
|---|
|  |  |  | const { userDetail } = useUser(); | 
|---|
|  |  |  | const state = reactive({ ...BaseState }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const sceneOne = computed(() => { | 
|---|
|  |  |  | return !userDetail.value?.suportPlatRecharge && !userDetail.value?.suportWithDraw; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | const sceneTwo = computed(() => { | 
|---|
|  |  |  | return !userDetail.value?.suportPlatRecharge && userDetail.value?.suportWithDraw; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | const sceneThree = computed(() => { | 
|---|
|  |  |  | return userDetail.value?.suportPlatRecharge && !userDetail.value?.suportWithDraw; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | const sceneFour = computed(() => { | 
|---|
|  |  |  | return userDetail.value?.suportPlatRecharge && userDetail.value?.suportWithDraw; | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { isLoading, data: detail } = useQuery({ | 
|---|
|  |  |  | queryKey: ['userServices/getUserAmountShow'], | 
|---|
|  |  |  | queryFn: async () => { | 
|---|