feat: 钱包

wupengfei

2 天以前 bfd94e08a36b4449c842b6310b65d66b6b0bcd3c

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

@@ -1,43 +1,75 @@
<template>
  <WithdrawMoneyCard :money="100" title="收入"></WithdrawMoneyCard>
  <WithdrawMoneyCard
    :money="100"
    :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">
      <template #extra>
        <div class="income-detail-info-value">{{ '33.33元' }}</div>
        <div class="income-detail-info-value">{{ toThousand(detail?.amount) }}</div>
      </template>
    </ListItem>
    <ListItem title="工资单内容" :show-arrow="false">
    <!-- <ListItem title="工资单内容" :show-arrow="false">
      <template #extra>
        <div class="income-detail-info-value">{{ '33.33元' }}</div>
      </template>
    </ListItem>
    </ListItem> -->
  </List>
</template>

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