|  |  | 
 |  |  |         </div> | 
 |  |  |       </div> | 
 |  |  |       <div class="task-card-time"> | 
 |  |  |         {{ dayjs(beginTime).format('YYYY年MM月DD日') }}至{{ | 
 |  |  |           dayjs(endTime).format('YYYY年MM月DD日') | 
 |  |  |         }} | 
 |  |  |         {{ dayjs(beginTime).format('YYYY年MM月D日') }}至{{ dayjs(endTime).format('YYYY年MM月D日') }} | 
 |  |  |       </div> | 
 |  |  |     </slot> | 
 |  |  |     <div class="task-card-footer"> | 
 |  |  | 
 |  |  |             v-if="releaseStatus === EnumTaskReleaseStatus.InProcess" | 
 |  |  |             type="primary" | 
 |  |  |             @click="emit('apply', props.id)" | 
 |  |  |             :disabled="!!hireStatus" | 
 |  |  |             >报名</nut-button | 
 |  |  |           > | 
 |  |  |         </slot> | 
 |  |  | 
 |  |  |   EnumUserGenderText, | 
 |  |  |   EnumSettlementCycleText, | 
 |  |  |   BillingMethodEnumUnit, | 
 |  |  |   EnumTaskUserHireStatus, | 
 |  |  | } from '@12333/constants'; | 
 |  |  | import TaskPrice from './TaskPrice.vue'; | 
 |  |  | import { CommonTaskCardProps } from './card'; | 
 |  |  | 
 |  |  |   recommendStatus?: EnumTaskRecommendStatus; | 
 |  |  |   /** 创建时间 */ | 
 |  |  |   createdTime?: string; | 
 |  |  |   hireStatus?: EnumTaskUserHireStatus; | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const props = withDefaults(defineProps<Props>(), { |