| | |
| | | <div class="payroll-manage-detail-card-container"> |
| | | <div class="payroll-manage-detail-card-item"> |
| | | <div class="payroll-manage-detail-card-item-label">工时:</div> |
| | | <div class="payroll-manage-detail-card-item-text">{{ contactPhoneNumber }}</div> |
| | | <div class="payroll-manage-detail-card-item-text">{{ totalWorkHours }}</div> |
| | | </div> |
| | | <div class="payroll-manage-detail-card-item"> |
| | | <div class="payroll-manage-detail-card-item-label">结算金额:</div> |
| | | <div class="payroll-manage-detail-card-item-text">{{ contactPhoneNumber }}</div> |
| | | <div class="payroll-manage-detail-card-item-text"> |
| | | {{ `¥${toThousand(settlementAmount)}` }} |
| | | </div> |
| | | </div> |
| | | <slot name="actions"></slot> |
| | | </div> |
| | |
| | | <script setup lang="ts"> |
| | | import { FlexJobTopView } from '@12333/components'; |
| | | import { EnumUserGender } from '@12333/constants'; |
| | | import { toThousand } from '@12333/utils'; |
| | | |
| | | defineOptions({ |
| | | name: 'PayrollManageDetailCard', |
| | |
| | | name?: string; |
| | | gender?: EnumUserGender; |
| | | isReal?: boolean; |
| | | contactPhoneNumber?: string; |
| | | totalWorkHours: number; |
| | | settlementAmount?: number; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), {}); |