|  |  | 
 |  |  | <template> | 
 |  |  |   <FlexJobTopView | 
 |  |  |     :avatarUrl="avatarUrl" | 
 |  |  |     :name="name" | 
 |  |  |     :genderType="genderType" | 
 |  |  |     :isRealName="isRealName" | 
 |  |  |   > | 
 |  |  |   <FlexJobTopView :avatar="avatar" :name="name" :gender="gender" :isReal="isReal"> | 
 |  |  |     <template #detail> | 
 |  |  |       <div class="task-check-card-phone-container"> | 
 |  |  |         <div class="task-check-card-phone-wrapper"> | 
 |  |  |           <div class="task-check-card-phone-label">手机号:</div> | 
 |  |  |           <div class="task-check-card-phone">{{ contactPhone }}</div> | 
 |  |  |           <div class="task-check-card-phone">{{ contactPhoneNumber }}</div> | 
 |  |  |         </div> | 
 |  |  |         <slot name="actions"></slot> | 
 |  |  |       </div> | 
 |  |  | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | type Props = { | 
 |  |  |   avatarUrl?: string; | 
 |  |  |   avatar?: string; | 
 |  |  |   name?: string; | 
 |  |  |   genderType?: EnumUserGender; | 
 |  |  |   isRealName?: boolean; | 
 |  |  |   contactPhone?: string; | 
 |  |  |   gender?: EnumUserGender; | 
 |  |  |   isReal?: boolean; | 
 |  |  |   contactPhoneNumber?: string; | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const props = withDefaults(defineProps<Props>(), {}); |