Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp

wupengfei

5 天以前 0cd05cf1adc6574a25810ffab748c8defe283e1e

 packages/components/src/Card/FlexJobCard.vue

@@ -1,29 +1,38 @@
<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">
    <div class="flexJob-card-done-detail" v-if="showDoneDetail">
      <div class="flexJob-card-done-detail-item">
        {{ '在「宁波雷迪森酒店」，做过客房服务员在「宁波雷迪森酒店」，做过客房服务员' }}
        {{ workSeniority }}
      </div>
      <div class="flexJob-card-done-detail-item">{{ '在「宁波雷迪森酒店」，做过客房服务员' }}</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>

      <div class="flexJob-card-footer-right" v-if="showFooterRight">
        <slot name="footerRight">
          <nut-button type="primary">立即联系</nut-button>
          <nut-button type="primary" @click.stop="emit('contact')">立即联系</nut-button>
        </slot>
      </div>
    </div>
@@ -31,10 +40,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',
@@ -43,12 +51,30 @@
type Props = CommonTaskCardProps & {
  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>(), {
  showFooterLeft: true,
  showFooterRight: true,
  showDoneDetail: true,
});

const emit = defineEmits<{
  (e: 'cancelCollection'): void;
  (e: 'contact'): void;
}>();
</script>

<style lang="scss">