| | |
| | | </div> |
| | | <slot name="detail"> |
| | | <div class="flexJob-card-top-info-detail"> |
| | | {{ |
| | | `${age ? '' : `${age}岁|`}${personalIdentityContent ?? ''} | ${ |
| | | educationalBackgroundContent ?? '' |
| | | } | 上岗${taskCount ?? 0}次` |
| | | }} |
| | | {{ infoDetail }} |
| | | </div> |
| | | </slot> |
| | | </div> |
| | |
| | | import IconFemale from '@/assets/mine/icon-female.png'; |
| | | import { AvatarImage, EnumUserGender } from '@12333/constants'; |
| | | import { Avatar } from '@12333/components'; |
| | | import { computed } from 'vue'; |
| | | |
| | | defineOptions({ |
| | | name: 'FlexJobTopView', |
| | |
| | | const props = withDefaults(defineProps<Props>(), { |
| | | size: 'normal', |
| | | avatar: AvatarImage, |
| | | personalIdentityContent: '', |
| | | educationalBackgroundContent: '', |
| | | }); |
| | | |
| | | const infoDetail = computed(() => |
| | | [ |
| | | props.age > 0 ? `${props.age}岁` : '', |
| | | props.personalIdentityContent, |
| | | props.educationalBackgroundContent, |
| | | props.taskCount > 0 ? `上岗${props.taskCount ?? 0}次` : '', |
| | | ] |
| | | .filter(Boolean) |
| | | .join('|') |
| | | ); |
| | | </script> |
| | | |
| | | <style lang="scss"> |