|  |  |  | 
|---|
|  |  |  | <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; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|