| | |
| | | :contactPhoneNumber="contactPhoneNumber" |
| | | > |
| | | <template #actions> |
| | | <nut-button |
| | | v-if="checkReceiveStatus === EnumTaskCheckReceiveStatus.WaitCheckReceive" |
| | | type="primary" |
| | | class="task-check-card-phone-btn" |
| | | >验收</nut-button |
| | | > |
| | | <div v-else class="task-check-card-phone-status" :style="{ color: Colors.Success }"> |
| | | {{ EnumTaskCheckReceiveStatusText[checkReceiveStatus] }} |
| | | </div> |
| | | <template v-if="checkReceiveMethod === EnumTaskCheckReceiveMethod.CheckIn"> |
| | | <nut-button |
| | | v-if="!checkInTime" |
| | | type="primary" |
| | | class="task-check-card-phone-btn" |
| | | @click.stop="emit('checkInOrOut', CheckInOrOutEventEnum.CheckIn)" |
| | | >签到</nut-button |
| | | > |
| | | <nut-button |
| | | v-else-if="!checkOutTime" |
| | | type="primary" |
| | | class="task-check-card-phone-btn" |
| | | @click.stop="emit('checkInOrOut', CheckInOrOutEventEnum.CheckOut)" |
| | | >签出</nut-button |
| | | > |
| | | <div v-else class="task-check-card-phone-status" :style="{ color: Colors.Success }"> |
| | | {{ EnumTaskCheckReceiveStatusText[checkReceiveStatus] }} |
| | | </div> |
| | | </template> |
| | | <template v-else> |
| | | <nut-button |
| | | v-if="checkReceiveStatus === EnumTaskCheckReceiveStatus.WaitCheckReceive" |
| | | type="primary" |
| | | class="task-check-card-phone-btn" |
| | | >验收</nut-button |
| | | > |
| | | <div v-else class="task-check-card-phone-status" :style="{ color: Colors.Success }"> |
| | | {{ EnumTaskCheckReceiveStatusText[checkReceiveStatus] }} |
| | | </div> |
| | | </template> |
| | | </template> |
| | | </TaskCheckPersonalView> |
| | | </div> |
| | |
| | | EnumUserGender, |
| | | EnumTaskCheckReceiveStatus, |
| | | EnumTaskCheckReceiveStatusText, |
| | | EnumTaskCheckReceiveMethod, |
| | | } from '@12333/constants'; |
| | | import { CheckInOrOutEventEnum } from '../constants'; |
| | | |
| | | defineOptions({ |
| | | name: 'TaskCheckCard', |
| | |
| | | isReal?: boolean; |
| | | contactPhoneNumber?: string; |
| | | checkReceiveStatus?: EnumTaskCheckReceiveStatus; |
| | | /** 签到时间 */ |
| | | checkInTime?: string; |
| | | /** 签出时间 */ |
| | | checkOutTime?: string; |
| | | checkReceiveMethod?: EnumTaskCheckReceiveMethod; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), {}); |
| | | |
| | | const emit = defineEmits<{ |
| | | (e: 'checkReceive'): void; |
| | | (e: 'checkInOrOut', ev: CheckInOrOutEventEnum): void; |
| | | }>(); |
| | | </script> |
| | | |