|  |  |  | 
|---|
|  |  |  | <RectRight :size="12" class="my-task-card-arrow" v-if="showMyTaskArrow" /> | 
|---|
|  |  |  | <div v-else></div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <div class="my-task-card-time" v-if="showTime">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 v-else></div> | 
|---|
|  |  |  | </TaskCard> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | import TaskCard from './TaskCard.vue'; | 
|---|
|  |  |  | import { CommonTaskCardProps } from './card'; | 
|---|
|  |  |  | import { RectRight } from '@nutui/icons-vue-taro'; | 
|---|
|  |  |  | import dayjs from 'dayjs'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | name: 'MyTaskCard', | 
|---|
|  |  |  | 
|---|
|  |  |  | type Props = CommonTaskCardProps & { | 
|---|
|  |  |  | showMyTaskArrow?: boolean; | 
|---|
|  |  |  | showTime?: boolean; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | name?: string; | 
|---|
|  |  |  | beginTime?: string; | 
|---|
|  |  |  | endTime?: string; | 
|---|
|  |  |  | addressName?: string; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const props = withDefaults(defineProps<Props>(), { | 
|---|