| | |
| | | <div class="job-application-card-wrapper"> |
| | | <div class="job-application-card-title-wrapper"> |
| | | <div class="job-application-card-title">客房服务员</div> |
| | | <div class="job-application-card-title-more" @click.stop="handleMore"> |
| | | <TaskPrice :value="212" v-if="mode === 'taskManage'" /> |
| | | <div v-else class="job-application-card-title-more" @click.stop="handleMore"> |
| | | <img :src="IconMore" class="more-btn-icon" /> |
| | | </div> |
| | | </div> |
| | | <div class="job-application-card-line"> |
| | | <div class="job-application-card-time">{{ `${'2025年2月5日'}至${'2025年3月5日'}` }}</div> |
| | | <div class="job-application-card-status">{{ '生效中' }}</div> |
| | | <div class="job-application-card-status" v-if="mode === 'normal'">{{ '生效中' }}</div> |
| | | </div> |
| | | <div class="job-application-card-line"> |
| | | <div class="job-application-card-company"> |
| | | <div class="job-application-card-company-tag">H</div> |
| | | <div class="job-application-card-company-address">宁波雷迪森酒店</div> |
| | | </div> |
| | | <div class="job-application-card-people">{{ `报名人数:${5}` }}</div> |
| | | <div class="job-application-card-people" v-if="mode === 'normal'">{{ `报名人数:${5}` }}</div> |
| | | </div> |
| | | <div class="job-application-card-line"> |
| | | <div class="job-application-card-publish-time">{{ `发布日期:${'2022年12月25日'}` }}</div> |
| | | <div class="job-application-card-fee"> |
| | | <TaskPrice :value="212" /> |
| | | </div> |
| | | <slot name="footer-actions"> |
| | | <div class="job-application-card-fee"> |
| | | <TaskPrice :value="212" /> |
| | | </div> |
| | | </slot> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | type Props = CommonTaskCardProps & { |
| | | showActions?: boolean; |
| | | status?: ResourceStatus; |
| | | mode?: 'taskManage' | 'normal'; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), { |
| | | showActions: true, |
| | | mode: 'normal', |
| | | }); |
| | | |
| | | const emit = defineEmits<{ |
| | |
| | | .job-application-card-publish-time { |
| | | color: boleGetCssVar('text-color', 'regular'); |
| | | } |
| | | |
| | | .nut-button { |
| | | min-width: 144rpx; |
| | | height: 52rpx; |
| | | font-size: 24rpx; |
| | | } |
| | | } |
| | | } |
| | | </style> |