| | |
| | | <template> |
| | | <PageLayoutWithBg class="flexJobDetail-page-wrapper" title="灵工详情" :need-auth="false"> |
| | | <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch"> |
| | | <ContentScrollView style="background-color: transparent"> |
| | | <ContentView style="background-color: transparent"> |
| | | <FlexJobTopView size="small" class="flexJobDetail-top" /> |
| | | <div class="flexJobDetail-contact-info"> |
| | | <div class="flexJobDetail-contact-info-item"> |
| | |
| | | <div class="flexJobDetail-contact-info-item"> |
| | | <div class="flexJobDetail-contact-info-item-label">身份证号:</div> |
| | | <div class="flexJobDetail-contact-info-item-text"> |
| | | {{ isCollapse ? '330902199909******' : '立即联系后可查看' }} |
| | | {{ isCollapse ? hiddenIDNumberForEnd6('330902199909123456') : '立即联系后可查看' }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </ContentScrollView> |
| | | </ContentView> |
| | | <ProTabs |
| | | v-model="tab" |
| | | name="flexJobDetail-tab" |
| | | :showSmile="false" |
| | | class="flexJobDetail-tabs" |
| | | isTransparent |
| | | title-gutter="8" |
| | | fullHeight |
| | | > |
| | | <ProTabPane :title="`简历`" pane-key="1"> |
| | | <curriculumView /> |
| | | </ProTabPane> |
| | | <ProTabPane :title="`经历`" pane-key="2"> |
| | | <experienceView /> |
| | | </ProTabPane> |
| | | </ProTabs> |
| | | <PageFooter> |
| | | <PageFooterAction |
| | | :icon="IconShare" |
| | |
| | | import Taro from '@tarojs/taro'; |
| | | import { useQuery } from '@tanstack/vue-query'; |
| | | import * as orderServices from '@12333/services/api/Order'; |
| | | import { FlexJobTopView } from '@12333/components'; |
| | | import { FlexJobTopView, ProTabs, ProTabPane } from '@12333/components'; |
| | | import IconShare from '@/assets/flexJob/icon-share.png'; |
| | | import IconAttention from '@/assets/flexJob/icon-attention-lg.png'; |
| | | import IconAttentionActive from '@/assets/flexJob/icon-attention-lg-active.png'; |
| | | import { useToggle } from 'senin-mini/hooks'; |
| | | import curriculumView from './components/curriculumView.vue'; |
| | | import experienceView from './components/experienceView.vue'; |
| | | import { hiddenIDNumberForEnd6 } from '@12333/utils'; |
| | | |
| | | defineOptions({ |
| | | name: 'flexJobDetail', |
| | |
| | | |
| | | const router = Taro.useRouter(); |
| | | const taskId = router.params?.id ?? ''; |
| | | |
| | | const tab = ref('1'); |
| | | |
| | | const { |
| | | isLoading, |
| | |
| | | |
| | | .flexJobDetail-contact-info { |
| | | padding-left: 130px; |
| | | margin-bottom: 78px; |
| | | |
| | | .flexJobDetail-contact-info-item { |
| | | display: flex; |