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/jobApplicationManage/components/JobDetail.vue |   95 +++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 91 insertions(+), 4 deletions(-)

diff --git a/apps/bMiniApp/src/subpackages/jobApplicationManage/components/JobDetail.vue b/apps/bMiniApp/src/subpackages/jobApplicationManage/components/JobDetail.vue
index c2ff4ee..a58e780 100644
--- a/apps/bMiniApp/src/subpackages/jobApplicationManage/components/JobDetail.vue
+++ b/apps/bMiniApp/src/subpackages/jobApplicationManage/components/JobDetail.vue
@@ -40,7 +40,7 @@
 <script setup lang="ts">
 import { useQuery } from '@tanstack/vue-query';
 import Taro from '@tarojs/taro';
-import * as orderServices from '@12333/services/api/Order';
+import * as flexWorkerServices from '@12333/services/api/FlexWorker';
 import IconLocaltion from '@/assets/flexJob/icon-localtion.png';
 import { TaskPrice, TaskDetailWelfareItem } from '@12333/components';
 
@@ -53,7 +53,7 @@
 // const props = withDefaults(defineProps<Props>(), {});
 const router = Taro.useRouter();
 
-const taskId = router.params?.id ?? '';
+const taskId = router.params?.id ?? 'c4cfe028-23e7-0be8-ee56-3a11e3743b9d';
 
 const {
   isLoading,
@@ -61,9 +61,9 @@
   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,
@@ -77,4 +77,91 @@
 
 <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