From dc5dbf0304050a2a84cd16df3330949de41ca723 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期一, 10 十一月 2025 16:45:19 +0800
Subject: [PATCH] fix: bug

---
 apps/bMiniApp/src/subpackages/jobApplicationManage/components/JobDetail.vue |  143 +----------------------------------------------
 1 files changed, 5 insertions(+), 138 deletions(-)

diff --git a/apps/bMiniApp/src/subpackages/jobApplicationManage/components/JobDetail.vue b/apps/bMiniApp/src/subpackages/jobApplicationManage/components/JobDetail.vue
index e10ac35..42c13d3 100644
--- a/apps/bMiniApp/src/subpackages/jobApplicationManage/components/JobDetail.vue
+++ b/apps/bMiniApp/src/subpackages/jobApplicationManage/components/JobDetail.vue
@@ -1,48 +1,7 @@
 <template>
   <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch">
     <ContentScrollView style="background-color: transparent">
-      <Cell :title="detail.name" titleSize="large">
-        <div class="taskDetail-time">
-          {{
-            `${dayjs(detail.beginTime).format('YYYY骞碝M鏈圖D鏃�')}鑷�${dayjs(detail.endTime).format(
-              'YYYY骞碝M鏈圖D鏃�'
-            )}`
-          }}
-        </div>
-        <div class="task-card-welfare-wrapper">
-          <div class="task-card-welfare-list">
-            <div class="task-card-welfare-list-item">
-              {{ EnumSettlementCycleText[detail.settlementCycle] }}
-            </div>
-          </div>
-          <TaskPrice
-            :value="toThousand(detail.serviceFee ?? 0)"
-            :unit="BillingMethodEnumUnit[detail.billingMethod]"
-          />
-        </div>
-        <div class="taskDetail-address-wrapper">
-          <div class="taskDetail-address-title-wrapper">
-            <img :src="IconLocaltion" class="taskDetail-address-title-icon" />
-            <div class="taskDetail-address-title">{{ detail?.addressName ?? '' }}</div>
-          </div>
-          <div class="taskDetail-address-info-wrapper">
-            <div class="taskDetail-address-info">{{ detail?.addressDetail ?? '' }}</div>
-            <RectRight :size="8" class="taskDetail-address-info-icon" />
-          </div>
-        </div>
-      </Cell>
-      <Cell :show-title="false">
-        <CellChunk title="绂忓埄淇℃伅">
-          <div class="taskDetail-welfare-list">
-            <TaskDetailWelfareItem
-              v-for="benefit in detail.benefits"
-              :key="benefit.benefitCode"
-              :icon="setOSSLink(benefit.benefitField2)"
-              :text="benefit.benefitContent"
-            />
-          </div>
-        </CellChunk>
-      </Cell>
+      <TaskDetailView :detail="detail"></TaskDetailView>
     </ContentScrollView>
   </LoadingLayout>
 </template>
@@ -51,12 +10,7 @@
 import { useQuery } from '@tanstack/vue-query';
 import Taro from '@tarojs/taro';
 import * as taskServices from '@12333/services/apiV2/task';
-import IconLocaltion from '@/assets/flexJob/icon-localtion.png';
-import { TaskPrice, TaskDetailWelfareItem } from '@12333/components';
-import dayjs from 'dayjs';
-import { setOSSLink, toThousand } from '@12333/utils';
-import { RectRight } from '@nutui/icons-vue-taro';
-import { BillingMethodEnumUnit, EnumSettlementCycleText } from '@12333/constants';
+import { TaskDetailView } from '@12333/components';
 
 defineOptions({
   name: 'JobDetail',
@@ -67,7 +21,7 @@
 // const props = withDefaults(defineProps<Props>(), {});
 const router = Taro.useRouter();
 
-const taskId = router.params?.taskId;
+const id = router.params?.id;
 
 const {
   isLoading,
@@ -75,10 +29,10 @@
   data: detail,
   refetch,
 } = useQuery({
-  queryKey: ['taskServices/getTaskInfo', taskId],
+  queryKey: ['taskServices/getTaskInfo', id],
   queryFn: async () => {
     return await taskServices.getTaskInfo(
-      { id: taskId },
+      { id: id },
       {
         showLoading: false,
       }
@@ -90,91 +44,4 @@
 
 <style lang="scss">
 @import '@/styles/common.scss';
-
-.jobApplicationDetail-page-wrapper {
-  .taskDetail-time {
-    font-size: 24px;
-    color: boleGetCssVar('text-color', 'regular');
-    line-height: 36px;
-    margin-bottom: 16px;
-  }
-
-  .task-card-welfare-wrapper {
-    display: flex;
-    align-items: flex-start;
-    padding-bottom: 48px;
-    border-bottom: 1px solid #d9d9d9;
-    margin-bottom: 12px;
-
-    .task-card-welfare-list {
-      flex: 1;
-      display: flex;
-      min-width: 0;
-      flex-wrap: wrap;
-      min-height: 40px;
-      row-gap: 6px;
-      column-gap: 18px;
-      margin-right: 10px;
-
-      .task-card-welfare-list-item {
-        font-size: 24px;
-        color: #ff7d00;
-        line-height: 36px;
-      }
-    }
-  }
-
-  .taskDetail-address-wrapper {
-    padding: 28px 32px 14px;
-    background: #f9fbff;
-    border-radius: 8px;
-
-    .taskDetail-address-title-wrapper {
-      display: flex;
-      align-items: center;
-      margin-bottom: 22px;
-
-      .taskDetail-address-title-icon {
-        width: 40px;
-        height: 40px;
-        margin-right: 8px;
-      }
-
-      .taskDetail-address-title {
-        flex: 1;
-        min-width: 0;
-        @include ellipsis;
-        font-size: 28px;
-        color: boleGetCssVar('text-color', 'primary');
-        line-height: 42px;
-      }
-    }
-
-    .taskDetail-address-info-wrapper {
-      display: flex;
-      align-items: center;
-
-      .taskDetail-address-info {
-        flex: 1;
-        min-width: 0;
-        @include ellipsis;
-        font-weight: 400;
-        font-size: 24px;
-        color: boleGetCssVar('text-color', 'regular');
-        line-height: 36px;
-      }
-
-      .taskDetail-address-info-icon {
-        color: boleGetCssVar('text-color', 'secondary');
-        margin-left: 10px;
-      }
-    }
-  }
-
-  .taskDetail-welfare-list {
-    display: flex;
-    flex-wrap: wrap;
-    row-gap: 24px;
-  }
-}
 </style>

--
Gitblit v1.9.1