|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div class="flexJob-card-wrapper"> | 
|---|
|  |  |  | <FlexJobTopView /> | 
|---|
|  |  |  | <FlexJobTopView | 
|---|
|  |  |  | :name="name" | 
|---|
|  |  |  | :age="age" | 
|---|
|  |  |  | :avatar="avatar" | 
|---|
|  |  |  | :gender="gender" | 
|---|
|  |  |  | :isReal="isReal" | 
|---|
|  |  |  | :personalIdentityContent="personalIdentityContent" | 
|---|
|  |  |  | :educationalBackgroundContent="educationalBackgroundContent" | 
|---|
|  |  |  | :taskCount="taskCount" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <div class="flexJob-card-done-list"> | 
|---|
|  |  |  | {{ | 
|---|
|  |  |  | '做过:客房服务员、客房服务员、客房客房服务员、客房做过:客房服务员、客房服务员、客房客房服务员、客房' | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | {{ workExperience }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="flexJob-card-done-detail" v-if="showDoneDetail"> | 
|---|
|  |  |  | <div class="flexJob-card-done-detail-item"> | 
|---|
|  |  |  | {{ '在「宁波雷迪森酒店」,做过客房服务员在「宁波雷迪森酒店」,做过客房服务员' }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="flexJob-card-done-detail-item">{{ '在「宁波雷迪森酒店」,做过客房服务员' }}</div> | 
|---|
|  |  |  | <div class="flexJob-card-done-detail-item">{{ workSeniority }}</div> | 
|---|
|  |  |  | <!-- <div class="flexJob-card-done-detail-item">{{ '在「宁波雷迪森酒店」,做过客房服务员' }}</div> --> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="flexJob-card-footer"> | 
|---|
|  |  |  | <div class="flexJob-card-footer-left-wrapper"> | 
|---|
|  |  |  | <div class="flexJob-card-footer-left" v-if="showFooterLeft"> | 
|---|
|  |  |  | <slot name="footerLeft"> | 
|---|
|  |  |  | <div class="flexJob-card-footer-text">取消收藏</div> | 
|---|
|  |  |  | <div class="flexJob-card-footer-text" @click.stop="emit('cancelCollection')"> | 
|---|
|  |  |  | 取消收藏 | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </slot> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script setup lang="ts"> | 
|---|
|  |  |  | import IconMale from '@/assets/mine/icon-male.png'; | 
|---|
|  |  |  | import IconFemale from '@/assets/mine/icon-female.png'; | 
|---|
|  |  |  | import { CommonTaskCardProps } from './card'; | 
|---|
|  |  |  | import FlexJobTopView from './FlexJobTopView.vue'; | 
|---|
|  |  |  | import { EnumUserGender } from '@12333/constants'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | name: 'FlexJobCard', | 
|---|
|  |  |  | 
|---|
|  |  |  | showFooterLeft?: boolean; | 
|---|
|  |  |  | showFooterRight?: boolean; | 
|---|
|  |  |  | showDoneDetail?: boolean; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | name?: string; | 
|---|
|  |  |  | avatar?: string; | 
|---|
|  |  |  | gender?: EnumUserGender; | 
|---|
|  |  |  | age?: number; | 
|---|
|  |  |  | isReal?: boolean; | 
|---|
|  |  |  | personalIdentityContent?: string; | 
|---|
|  |  |  | educationalBackgroundContent?: string; | 
|---|
|  |  |  | taskCount?: number; | 
|---|
|  |  |  | workExperience?: string; | 
|---|
|  |  |  | workSeniority?: string; | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const props = withDefaults(defineProps<Props>(), { | 
|---|
|  |  |  | 
|---|
|  |  |  | showFooterRight: true, | 
|---|
|  |  |  | showDoneDetail: true, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const emit = defineEmits<{ | 
|---|
|  |  |  | (e: 'cancelCollection'): void; | 
|---|
|  |  |  | }>(); | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style lang="scss"> | 
|---|