feat: 接口对接

wupengfei

2025-03-21 1bbd7061dac79cacf5513234a04cac8ba0be5c6f

 packages/components/src/Card/MyTaskCard.vue

@@ -1,9 +1,15 @@
<template>
  <TaskCard v-bind="props" :show-actions="false" class="my-task-card-wrapper">
    <template #title-right>
      <RectRight :size="12" class="my-task-card-arrow" />
      <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(startDate).format('YYYY年MM月DD日')}至${dayjs(endDate).format('YYYY年MM月DD日')}`
      }}
    </div>
    <div v-else></div>
  </TaskCard>
</template>

@@ -11,12 +17,26 @@
import TaskCard from './TaskCard.vue';
import { CommonTaskCardProps } from './card';
import { RectRight } from '@nutui/icons-vue-taro';
import dayjs from 'dayjs';

defineOptions({
  name: 'MyTaskCard',
});

const props = withDefaults(defineProps<CommonTaskCardProps>(), {});
type Props = CommonTaskCardProps & {
  showMyTaskArrow?: boolean;
  showTime?: boolean;

  startDate?: string;
  endDate?: string;
  taskName?: string;
  address?: string;
};

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

<style lang="scss">