flexJobMiniApp.git

			@@ -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>