From eabc398d45d13a3c94034ca461f488d7b9e525eb Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期一, 25 八月 2025 09:39:15 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- packages/components/src/Card/MineAgreementSignCard.vue | 49 +++++++++++++++++++++---------------------------- 1 files changed, 21 insertions(+), 28 deletions(-) diff --git a/packages/components/src/Card/MineAgreementSignCard.vue b/packages/components/src/Card/MineAgreementSignCard.vue index 406d63e..43b0348 100644 --- a/packages/components/src/Card/MineAgreementSignCard.vue +++ b/packages/components/src/Card/MineAgreementSignCard.vue @@ -1,29 +1,34 @@ <template> <div class="task-card-wrapper"> <div class="task-card-title-wrapper"> - <div class="task-card-title">瀹佹尝浜哄姏鏃犲咖浜哄姏璧勬簮鏈夐檺鍏徃</div> + <div class="task-card-title">{{ props.enterpriseName }}</div> </div> <div class="task-card-footer"> - <div class="task-card-left"> - <div class="task-card-time">2024.11.20 - 2025.11.19</div> + <div class="task-card-actions" :style="{ color: '#FF4D4F' }"> + {{ EnumTaskUserSignContractStatusSignText[props.userSignContractStatus] }} </div> - <div class="task-card-actions"> - <slot name="actions"> - <nut-button type="primary">鎶ュ悕</nut-button> - </slot> - </div> + <IconFont name="rect-right" size="12"></IconFont> </div> </div> </template> <script setup lang="ts"> -import { CommonTaskCardProps } from './card'; +import { + EnumTaskUserSignContractStatus, + EnumTaskUserSignContractStatusSignText, +} from '@12333/constants'; +import { IconFont } from '@nutui/icons-vue-taro'; defineOptions({ name: 'MineAgreementSignCard', }); -const props = withDefaults(defineProps<CommonTaskCardProps>(), {}); +type Props = { + enterpriseName: string; + userSignContractStatus: EnumTaskUserSignContractStatus; +}; + +const props = withDefaults(defineProps<Props>(), {}); </script> <style lang="scss"> @@ -54,30 +59,18 @@ } } - .task-card-time { - font-size: 24px; - color: boleGetCssVar('text-color', 'secondary'); - line-height: 36px; - margin-bottom: 6px; - } - .task-card-footer { display: flex; align-items: center; - - .task-card-left { - flex: 1; - min-width: 0; - display: flex; - align-items: center; - } + justify-content: space-between; .task-card-actions { - --nut-button-default-font-size: 24px; + font-size: 24px; + } - .nut-button { - height: 26px; - } + .task-card-arrow { + width: 24px; + height: 24px; } } } -- Gitblit v1.9.1