wupengfei
3 天以前 0cf1b417c68013df89504088c471fd113676391a
packages/components/src/Card/FlexJobCard.vue
@@ -1,22 +1,29 @@
<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 && `${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>
@@ -31,10 +38,9 @@
</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, Gender } from '@12333/constants';
defineOptions({
  name: 'FlexJobCard',
@@ -44,6 +50,17 @@
  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>(), {
@@ -51,6 +68,10 @@
  showFooterRight: true,
  showDoneDetail: true,
});
const emit = defineEmits<{
  (e: 'cancelCollection'): void;
}>();
</script>
<style lang="scss">