From 6887129e91d32557c2b57178180329f46df09d12 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期一, 10 三月 2025 13:23:49 +0800 Subject: [PATCH] feat: api --- apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/flexJobDetail.vue | 111 +++++++++---------------------------------------------- 1 files changed, 19 insertions(+), 92 deletions(-) diff --git a/apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/flexJobDetail.vue b/apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/flexJobDetail.vue index 9ba2d43..243cce3 100644 --- a/apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/flexJobDetail.vue +++ b/apps/bMiniApp/src/subpackages/flexJob/flexJobDetail/flexJobDetail.vue @@ -1,53 +1,22 @@ <template> <PageLayoutWithBg class="flexJobDetail-page-wrapper" title="鐏靛伐璇︽儏" :need-auth="false"> <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch"> - <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-label">鎵嬫満鍙凤細</div> - <div class="flexJobDetail-contact-info-item-text"> - {{ isCollapse ? '13333333333' : '绔嬪嵆鑱旂郴鍚庡彲鏌ョ湅' }} - </div> - </div> - <div class="flexJobDetail-contact-info-item"> - <div class="flexJobDetail-contact-info-item-label">韬唤璇佸彿锛�</div> - <div class="flexJobDetail-contact-info-item-text"> - {{ isCollapse ? hiddenIDNumberForEnd6('330902199909123456') : '绔嬪嵆鑱旂郴鍚庡彲鏌ョ湅' }} - </div> - </div> - </div> - </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" - text="鍒嗕韩" - :isFlex="false" - openType="share" - ></PageFooterAction> - <PageFooterAction - :icon="IconAttentionActive" - text="鏀惰棌" - :isFlex="false" - ></PageFooterAction> - <PageFooterBtn type="primary" @click="toggle">绔嬪嵆鑱旂郴</PageFooterBtn> - </PageFooter> + <JobDetailContent :isCollapse="isCollapse"> + <template #footer> + <PageFooterAction + :icon="IconShare" + text="鍒嗕韩" + :isFlex="false" + openType="share" + ></PageFooterAction> + <PageFooterAction + :icon="IconAttentionActive" + text="鏀惰棌" + :isFlex="false" + ></PageFooterAction> + <PageFooterBtn type="primary" @click="toggle">绔嬪嵆鑱旂郴</PageFooterBtn> + </template> + </JobDetailContent> </LoadingLayout> </PageLayoutWithBg> </template> @@ -55,15 +24,11 @@ <script setup lang="ts"> import Taro from '@tarojs/taro'; import { useQuery } from '@tanstack/vue-query'; -import * as orderServices from '@12333/services/api/Order'; -import { FlexJobTopView, ProTabs, ProTabPane } from '@12333/components'; +import * as flexWorkerServices from '@12333/services/api/FlexWorker'; 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', @@ -72,17 +37,15 @@ const router = Taro.useRouter(); const taskId = router.params?.id ?? ''; -const tab = ref('1'); - const { isLoading, isError, data: detail, refetch, } = useQuery({ - queryKey: ['orderServices/getOrdeForDetail', taskId], + queryKey: ['flexWorkerServices/getOrdeForDetail', taskId], queryFn: async () => { - return await orderServices.getOrdeForDetail( + return await flexWorkerServices.getOrdeForDetail( { id: taskId }, { showLoading: false, @@ -97,40 +60,4 @@ <style lang="scss"> @import '@/styles/common.scss'; - -.flexJobDetail-page-wrapper { - .flexJobDetail-top { - margin-bottom: 20px; - } - - .flexJobDetail-contact-info { - padding-left: 130px; - margin-bottom: 78px; - - .flexJobDetail-contact-info-item { - display: flex; - align-items: center; - font-weight: 400; - font-size: 24px; - line-height: 28px; - margin-bottom: 22px; - - &:last-child { - margin-bottom: 0; - } - - .flexJobDetail-contact-info-item-label { - color: boleGetCssVar('text-color', 'secondary'); - margin-right: 8px; - } - - .flexJobDetail-contact-info-item-text { - color: boleGetCssVar('text-color', 'primary'); - flex: 1; - min-width: 0; - @include ellipsis; - } - } - } -} </style> -- Gitblit v1.9.1