|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div class="income-detail-info-money"> | 
|---|
|  |  |  | <div class="income-detail-info-money-value"> | 
|---|
|  |  |  | <div class="income-detail-info-money-value-unit">¥</div> | 
|---|
|  |  |  | <div class="income-detail-info-money-value-num">{{ '33.33' }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="income-detail-info-money-type">{{ '收入' }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script setup lang="ts"> | 
|---|
|  |  |  | import { List, ListItem } from '@12333/components'; | 
|---|
|  |  |  | import { useUserStore } from '@/stores/modules/user'; | 
|---|
|  |  |  | import { List, ListItem, WithdrawMoneyCard } from '@12333/components'; | 
|---|
|  |  |  | 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"> | 
|---|