|  |  | 
 |  |  | <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 === FlexTaskCheckAcceptStatusEnum.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 }"> | 
 |  |  |           {{ FlexTaskCheckAcceptStatusEnumText[checkAcceptStatus] }} | 
 |  |  |           {{ EnumTaskCheckReceiveStatusText[checkReceiveStatus] }} | 
 |  |  |         </div> | 
 |  |  |       </template> | 
 |  |  |     </TaskCheckPersonalView> | 
 |  |  | 
 |  |  |  | 
 |  |  | <script setup lang="ts"> | 
 |  |  | import TaskCheckPersonalView from './TaskCheckPersonalView.vue'; | 
 |  |  | import { Colors, Gender } from '@12333/constants'; | 
 |  |  | import { | 
 |  |  |   FlexTaskCheckAcceptStatusEnum, | 
 |  |  |   FlexTaskCheckAcceptStatusEnumText, | 
 |  |  | } from '@12333/constants/task'; | 
 |  |  |   Colors, | 
 |  |  |   EnumUserGender, | 
 |  |  |   EnumTaskCheckReceiveStatus, | 
 |  |  |   EnumTaskCheckReceiveStatusText, | 
 |  |  | } from '@12333/constants'; | 
 |  |  |  | 
 |  |  | defineOptions({ | 
 |  |  |   name: 'TaskCheckCard', | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | type Props = { | 
 |  |  |   avatarUrl?: string; | 
 |  |  |   avatar?: string; | 
 |  |  |   name?: string; | 
 |  |  |   genderType?: Gender; | 
 |  |  |   isRealName?: boolean; | 
 |  |  |   contactPhone?: string; | 
 |  |  |   checkAcceptStatus?: API.FlexTaskCheckAcceptStatusEnum; | 
 |  |  |   gender?: EnumUserGender; | 
 |  |  |   isReal?: boolean; | 
 |  |  |   contactPhoneNumber?: string; | 
 |  |  |   checkReceiveStatus?: EnumTaskCheckReceiveStatus; | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const props = withDefaults(defineProps<Props>(), {}); | 
 |  |  |  | 
 |  |  | const emit = defineEmits<{ | 
 |  |  |   (e: 'checkReceive'): void; | 
 |  |  | }>(); | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style lang="scss"> |