zhengyiming
2025-02-14 ddfa27c45cc80f575f414bac49201ac60f20888a
packages/components/src/Card/JobApplicationCard.vue
@@ -2,26 +2,29 @@
  <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>
@@ -77,10 +80,12 @@
type Props = CommonTaskCardProps & {
  showActions?: boolean;
  status?: ResourceStatus;
  mode?: 'taskManage' | 'normal';
};
const props = withDefaults(defineProps<Props>(), {
  showActions: true,
  mode: 'normal',
});
const emit = defineEmits<{
@@ -265,6 +270,12 @@
    .job-application-card-publish-time {
      color: boleGetCssVar('text-color', 'regular');
    }
    .nut-button {
      min-width: 144rpx;
      height: 52rpx;
      font-size: 24rpx;
    }
  }
}
</style>