From fb243f3345c6f3ed7e7c8c2d98c39b5afc782b9a Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期一, 20 十月 2025 10:24:40 +0800
Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp
---
apps/bMiniApp/src/subpackages/payrollManage/components/PayrollManageDetailCard.vue | 78 +++++++++++++++++++++++++++++++++++++++
1 files changed, 78 insertions(+), 0 deletions(-)
diff --git a/apps/bMiniApp/src/subpackages/payrollManage/components/PayrollManageDetailCard.vue b/apps/bMiniApp/src/subpackages/payrollManage/components/PayrollManageDetailCard.vue
new file mode 100644
index 0000000..43ff9d8
--- /dev/null
+++ b/apps/bMiniApp/src/subpackages/payrollManage/components/PayrollManageDetailCard.vue
@@ -0,0 +1,78 @@
+<template>
+ <div class="payroll-manage-detail-card-wrapper">
+ <FlexJobTopView :avatar="avatar" :name="name" :gender="gender" :isReal="isReal">
+ <template #detail>
+ <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">{{ 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">
+ {{ `楼${toThousand(settlementAmount)}` }}
+ </div>
+ </div>
+ <slot name="actions"></slot>
+ </div>
+ </template>
+ </FlexJobTopView>
+ </div>
+</template>
+
+<script setup lang="ts">
+import { FlexJobTopView } from '@12333/components';
+import { EnumUserGender } from '@12333/constants';
+import { toThousand } from '@12333/utils';
+
+defineOptions({
+ name: 'PayrollManageDetailCard',
+});
+
+type Props = {
+ avatar?: string;
+ name?: string;
+ gender?: EnumUserGender;
+ isReal?: boolean;
+ totalWorkHours: number;
+ settlementAmount?: number;
+};
+
+const props = withDefaults(defineProps<Props>(), {});
+</script>
+
+<style lang="scss">
+@import '@/styles/common.scss';
+
+.payroll-manage-detail-card-wrapper {
+ background: #ffffff;
+ border-radius: 12px;
+ padding: 40px;
+ padding-right: 26px;
+ margin-bottom: 24px;
+
+ .payroll-manage-detail-card-container {
+ display: flex;
+ flex-direction: column;
+ margin-top: 14px;
+
+ .payroll-manage-detail-card-item {
+ display: flex;
+ align-items: center;
+ font-weight: 400;
+ font-size: 24px;
+ line-height: 32px;
+ flex: 1;
+ min-width: 0;
+
+ .payroll-manage-detail-card-item-label {
+ color: boleGetCssVar('text-color', 'regular');
+ }
+
+ .payroll-manage-detail-card-item-text {
+ color: boleGetCssVar('text-color', 'secondary');
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.1