|  |  | 
 |  |  | <template> | 
 |  |  |   <div class="taskDetail-company-wrapper"> | 
 |  |  |     <div class="taskDetail-company-title-wrapper"> | 
 |  |  |       <div class="taskDetail-company-title">宁波人力无忧</div> | 
 |  |  |       <div class="taskDetail-company-title">{{ enterpriseName }}</div> | 
 |  |  |       <RectRight v-if="showArrow" :size="8" class="taskDetail-company-arrow" /> | 
 |  |  |     </div> | 
 |  |  |     <div class="taskDetail-company-info"> | 
 |  |  |     <div class="taskDetail-company-info" v-if="isReal"> | 
 |  |  |       <img :src="IconSafe" class="safe-company-info-icon" /> | 
 |  |  |       <div class="taskDetail-company-info-text">已认证 | 4个岗位在招</div> | 
 |  |  |       <div class="taskDetail-company-info-text">已认证 | {{ taskCount }}个岗位在招</div> | 
 |  |  |     </div> | 
 |  |  |     <div class="taskDetail-company-info" v-else> | 
 |  |  |       <div class="taskDetail-company-info-text"> | 
 |  |  |         <span class="danger">未认证</span> | {{ taskCount }}个岗位在招 | 
 |  |  |       </div> | 
 |  |  |     </div> | 
 |  |  |   </div> | 
 |  |  | </template> | 
 |  |  | 
 |  |  |  | 
 |  |  | type Props = { | 
 |  |  |   showArrow?: boolean; | 
 |  |  |   isReal?: boolean; | 
 |  |  |   enterpriseName?: string; | 
 |  |  |   taskCount?: number; | 
 |  |  |   /** | 
 |  |  |    * TODO 缺少是否已认证 | 
 |  |  |    */ | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const props = withDefaults(defineProps<Props>(), { | 
 |  |  |   showArrow: true, | 
 |  |  |   taskCount: 0, | 
 |  |  | }); | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | 
 |  |  |       flex: 1; | 
 |  |  |       min-width: 0; | 
 |  |  |       @include ellipsis; | 
 |  |  |  | 
 |  |  |       .danger { | 
 |  |  |         color: boleGetCssVar('color', 'danger'); | 
 |  |  |         display: inline; | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } |