fix: 灵工个人

zhengyiming

5 天以前 73327eadfdd6b8757a7bca87db7c96a79d3a4168

 packages/components/src/Card/MyTaskCard.vue

@@ -1,10 +1,22 @@
<template>
  <TaskCard v-bind="props" :show-actions="false" class="my-task-card-wrapper">
  <TaskCard v-bind="props" class="my-task-card-wrapper">
    <template #title-right>
      <RectRight :size="12" class="my-task-card-arrow" v-if="showMyTaskArrow" />
      <div v-else></div>
    </template>
    <div class="my-task-card-time">2025年2月5日 至 2025年3月5日</div>
    <div class="my-task-card-time" v-if="showTime">
      {{
        `${dayjs(beginTime).format('YYYY年MM月DD日')}至${dayjs(endTime).format('YYYY年MM月DD日')}`
      }}
    </div>
    <div class="my-task-card-time" v-if="showContact">
      {{ `联系人：${contacts}  ${contactPhoneNumber}` }}
    </div>
    <div v-else></div>

    <template #actions>
      <div>已签到</div>
    </template>
  </TaskCard>
</template>

@@ -12,6 +24,7 @@
import TaskCard from './TaskCard.vue';
import { CommonTaskCardProps } from './card';
import { RectRight } from '@nutui/icons-vue-taro';
import dayjs from 'dayjs';

defineOptions({
  name: 'MyTaskCard',
@@ -19,10 +32,24 @@

type Props = CommonTaskCardProps & {
  showMyTaskArrow?: boolean;
  showTime?: boolean;

  name?: string;
  beginTime?: string;
  endTime?: string;
  addressName?: string;
  contacts?: string;
  contactPhoneNumber?: string;

  showActions?: boolean;
  showContact?: boolean;
};

const props = withDefaults(defineProps<Props>(), {
  showMyTaskArrow: true,
  showTime: true,
  showActions: false,
  showContact: false,
});
</script>