From d6ec7528f6694aee6d2c57d1d9b2aab3ceddcdeb Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 31 十二月 2025 13:55:30 +0800
Subject: [PATCH] fix: bug

---
 apps/housekeepingMiniApp/src/subpackages/sercice/serciceDetail/serciceDetail.vue |   39 ++++++++++++++++++++++++++++++++++++---
 1 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/apps/housekeepingMiniApp/src/subpackages/sercice/serciceDetail/serciceDetail.vue b/apps/housekeepingMiniApp/src/subpackages/sercice/serciceDetail/serciceDetail.vue
index 71833ed..4ef9a2a 100644
--- a/apps/housekeepingMiniApp/src/subpackages/sercice/serciceDetail/serciceDetail.vue
+++ b/apps/housekeepingMiniApp/src/subpackages/sercice/serciceDetail/serciceDetail.vue
@@ -58,7 +58,20 @@
             <NoData />
           </ProTabPane>
           <ProTabPane :title="`鐩稿叧鎺ㄨ崘`" pane-key="3">
-            <NoData />
+            <InfiniteLoading
+              scrollViewClassName="common-infinite-scroll-list serciceDetail-recommend-list"
+              commonMode
+              v-bind="infiniteLoadingProps"
+            >
+              <template #renderItem="{ item }">
+                <StandardServiceCard
+                  :file="item.file"
+                  :name="item.name"
+                  :minSpecPrice="item.minSpecPrice"
+                  @click="goSerciceDetail(item)"
+                />
+              </template>
+            </InfiniteLoading>
           </ProTabPane>
         </ProTabs>
       </InfiniteLoading>
@@ -89,7 +102,7 @@
 </template>
 
 <script setup lang="ts">
-import { useStandardServiceDetail } from '@12333/hooks';
+import { useInfiniteLoading, useStandardServiceDetail } from '@12333/hooks';
 import Taro from '@tarojs/taro';
 import * as standardOrderServices from '@12333/services/apiV2/standardOrder';
 import * as standardServiceServices from '@12333/services/apiV2/standardService';
@@ -109,6 +122,8 @@
 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 { EnumPagedListOrder } from '@12333/constants';
+import { useGetOpenStandardServices } from '@/hooks';
 
 defineOptions({
   name: 'serciceDetail',
@@ -137,10 +152,12 @@
     ];
     skuState.goods = {
       skuId: SkuUtils.DefaultSkuSpecId,
-      price: toThousand(res.specs[0].price),
+      price: res.specs[0].price,
       imagePath: setOSSLink(res.files[0]),
       name: res.name,
     };
+    queryState.jobCode = res.jobCode;
+    queryState.ignoreId = id;
   },
 });
 
@@ -178,6 +195,14 @@
     }
   } catch (error) {}
 });
+
+const { queryState, infiniteLoadingProps } = useGetOpenStandardServices();
+
+function goSerciceDetail(item: API.GetStandardServicesQueryResultItem) {
+  Taro.navigateTo({
+    url: `${RouterPath.serciceDetail}?id=${item.id}`,
+  });
+}
 </script>
 
 <style lang="scss">
@@ -237,5 +262,13 @@
   .serciceDetail-content-list {
     margin-bottom: 20px;
   }
+
+  .serciceDetail-recommend-list {
+    .infinite-list-inner {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      grid-gap: 20px;
+    }
+  }
 }
 </style>

--
Gitblit v1.10.0