zhengyiming
2 天以前 8fafaae3b0fab1411e5bc99c1d73ee5d3f3caca2
apps/bMiniApp/src/components/JobDetailContent/JobDetailContent.vue
@@ -1,37 +1,61 @@
<template>
  <ContentView style="background-color: transparent" class="job-detail-content">
    <FlexJobTopView size="small" class="job-detail-content-top" />
    <FlexJobTopView
      :avatar="avatar"
      :name="name"
      :age="age"
      :isReal="isReal"
      :gender="gender"
      :personalIdentityContent="personalIdentityContent"
      :educationalBackgroundContent="educationalBackgroundContent"
      :taskCount="taskCount"
      size="small"
      class="job-detail-content-top"
    />
    <div class="job-detail-content-contact-info">
      <div class="job-detail-content-contact-info-item">
        <div class="job-detail-content-contact-info-item-label">手机号:</div>
        <div class="job-detail-content-contact-info-item-text">
          {{ isCollapse ? '13333333333' : '立即联系后可查看' }}
          {{ isCollapse ? contactPhoneNumber : '立即联系后可查看' }}
        </div>
      </div>
      <div class="job-detail-content-contact-info-item">
        <div class="job-detail-content-contact-info-item-label">身份证号:</div>
        <div class="job-detail-content-contact-info-item-text">
          {{ isCollapse ? hiddenIDNumberForEnd6('330902199909123456') : '立即联系后可查看' }}
          {{ isCollapse ? hiddenIDNumberForEnd6(identity) : '立即联系后可查看' }}
        </div>
      </div>
    </div>
  </ContentView>
  <ProTabs
    v-model="tab"
    name="job-detail-content-tab"
    :showSmile="false"
    class="job-detail-content-tabs"
    isTransparent
    title-gutter="8"
    fullHeight
  >
    <ProTabPane :title="`简历`" pane-key="1">
      <curriculumView />
    </ProTabPane>
    <ProTabPane :title="`经历`" pane-key="2">
      <experienceView />
    </ProTabPane>
  </ProTabs>
  <div style="flex: 1; min-height: 0">
    <ProTabs
      v-model="tab"
      name="job-detail-content-tab"
      :showSmile="false"
      class="job-detail-content-tabs"
      isTransparent
      title-gutter="8"
      fullHeight
    >
      <ProTabPane :title="`简历`" pane-key="1">
        <curriculumView
          :userExpectJobs="userExpectJobs"
          :freeTime="freeTime"
          :jobSeekingStatus="jobSeekingStatus"
          :userCredentials="userCredentials"
          :workSeniority="workSeniority"
          :workExperience="workExperience"
          :photos="photos"
          :height="height"
          :weight="weight"
        />
      </ProTabPane>
      <ProTabPane :title="`经历`" pane-key="2">
        <experienceView />
      </ProTabPane>
    </ProTabs>
  </div>
  <PageFooter>
    <slot name="footer"></slot>
  </PageFooter>
@@ -42,6 +66,7 @@
import { hiddenIDNumberForEnd6 } from '@12333/utils';
import curriculumView from './components/curriculumView.vue';
import experienceView from './components/experienceView.vue';
import { EnumUserGender } from '@12333/constants';
defineOptions({
  name: 'JobDetailContent',
@@ -49,6 +74,31 @@
type Props = {
  isCollapse: boolean;
  avatar?: string;
  name?: string;
  gender?: EnumUserGender;
  age?: number;
  isReal?: boolean;
  personalIdentityContent?: string;
  educationalBackgroundContent?: string;
  taskCount?: number;
  contactPhoneNumber?: string;
  identity?: string;
  userExpectJobs?: API.GetUserResumeQueryResultExpectJob[];
  freeTime?: API.EnumPersonalFreeTime;
  jobSeekingStatus?: API.EnumPersonalJobSeekingStatus;
  userCredentials?: API.GetUserResumeQueryResultCredential[];
  workSeniority?: string;
  workExperience?: string;
  photos?: string[];
  /** 身高 */
  height?: number;
  /** 体重 */
  weight?: number;
  taskInfoUsers?: API.GetUserResumeQueryResultExperience[];
};
const tab = ref('1');