<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>
|
<List>
|
<ListItem title="流水号" :show-arrow="false">
|
<template #extra>
|
<div class="income-detail-info-value">{{ '5893485943859843095843' }}</div>
|
</template>
|
</ListItem>
|
<ListItem title="企业名称" :show-arrow="false">
|
<template #extra>
|
<div class="income-detail-info-value">{{ '宁波人力无忧' }}</div>
|
</template>
|
</ListItem>
|
<ListItem title="结算日期" :show-arrow="false">
|
<template #extra>
|
<div class="income-detail-info-value">{{ '2024.11.13' }}</div>
|
</template>
|
</ListItem>
|
<ListItem title="结算单内容" :show-arrow="false">
|
<template #extra>
|
<div class="income-detail-info-value">{{ '33.33元' }}</div>
|
</template>
|
</ListItem>
|
<ListItem title="结算单内容" :show-arrow="false">
|
<template #extra>
|
<div class="income-detail-info-value">{{ '33.33元' }}</div>
|
</template>
|
</ListItem>
|
</List>
|
</template>
|
|
<script setup lang="ts">
|
import { List, ListItem } from '@12333/components';
|
import { useUserStore } from '@/stores/modules/user';
|
|
defineOptions({
|
name: 'InnerPage',
|
});
|
|
const userStore = useUserStore();
|
</script>
|
|
<style lang="scss">
|
@import '@/styles/common.scss';
|
|
.incomeDetailInfo-page-wrapper {
|
.income-detail-info-money {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
flex-direction: column;
|
background-color: #ffffff;
|
padding: 70px 0;
|
|
.income-detail-info-money-value {
|
display: flex;
|
align-items: center;
|
font-weight: 600;
|
color: boleGetCssVar('text-color', 'primary');
|
|
.income-detail-info-money-value-unit {
|
font-size: 32px;
|
}
|
|
.income-detail-info-money-value-num {
|
font-size: 64px;
|
}
|
}
|
|
.income-detail-info-money-type {
|
margin-top: 10px;
|
font-weight: 400;
|
font-size: 28px;
|
color: boleGetCssVar('text-color', 'primary');
|
}
|
}
|
}
|
</style>
|
