feat: 页面

wupengfei

2025-09-23 0d4707520940affeb4ac1697bbce9cebf5da60f8

 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,22 @@

<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 dayjs from 'dayjs';
import { toThousand } from '@12333/utils';
import { useGetPersonalUserTransaction } from '../hooks';

defineOptions({
  name: 'InnerPage',
});

const userStore = useUserStore();
const router = Taro.useRouter();
const id = router.params?.id;

const { detail } = useGetPersonalUserTransaction({
  id: id,
});
</script>

<style lang="scss">