|  |  | 
 |  |  |       <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">已认证 | {{ 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; | 
 |  |  |   /** | 
 |  |  | 
 |  |  |       flex: 1; | 
 |  |  |       min-width: 0; | 
 |  |  |       @include ellipsis; | 
 |  |  |  | 
 |  |  |       .danger { | 
 |  |  |         color: boleGetCssVar('color', 'danger'); | 
 |  |  |         display: inline; | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } |