|  |  | 
 |  |  | <template> | 
 |  |  |   <div class="task-check-card-wrapper"> | 
 |  |  |   <div class="task-check-card-wrapper" @click.stop="emit('checkReceive')"> | 
 |  |  |     <TaskCheckPersonalView | 
 |  |  |       class="task-check-card-view" | 
 |  |  |       :avatarUrl="avatarUrl" | 
 |  |  |       :avatar="avatar" | 
 |  |  |       :name="name" | 
 |  |  |       :genderType="genderType" | 
 |  |  |       :isRealName="isRealName" | 
 |  |  |       :contactPhone="contactPhone" | 
 |  |  |       :gender="gender" | 
 |  |  |       :isReal="isReal" | 
 |  |  |       :contactPhoneNumber="contactPhoneNumber" | 
 |  |  |     > | 
 |  |  |       <template #actions> | 
 |  |  |         <nut-button | 
 |  |  |           v-if="checkAcceptStatus === EnumTaskCheckReceiveStatus.Wait" | 
 |  |  |           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[checkAcceptStatus] }} | 
 |  |  |           {{ EnumTaskCheckReceiveStatusText[checkReceiveStatus] }} | 
 |  |  |         </div> | 
 |  |  |       </template> | 
 |  |  |     </TaskCheckPersonalView> | 
 |  |  | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | type Props = { | 
 |  |  |   avatarUrl?: string; | 
 |  |  |   avatar?: string; | 
 |  |  |   name?: string; | 
 |  |  |   genderType?: EnumUserGender; | 
 |  |  |   isRealName?: boolean; | 
 |  |  |   contactPhone?: string; | 
 |  |  |   checkAcceptStatus?: EnumTaskCheckReceiveStatus; | 
 |  |  |   gender?: EnumUserGender; | 
 |  |  |   isReal?: boolean; | 
 |  |  |   contactPhoneNumber?: string; | 
 |  |  |   checkReceiveStatus?: EnumTaskCheckReceiveStatus; | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const props = withDefaults(defineProps<Props>(), {}); | 
 |  |  |  | 
 |  |  | const emit = defineEmits<{ | 
 |  |  |   (e: 'checkReceive'): void; | 
 |  |  | }>(); | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style lang="scss"> |