flexJobMiniApp.git

			@@ -1,37 +1,22 @@
			<template>
			<PageLayoutWithBg class="flexJobDetail-page-wrapper" title="灵工详情" :need-auth="false">
			<LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch">
			<ContentScrollView 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 ? '330902199909******' : '立即联系后可查看' }}
			</div>
			</div>
			</div>
			</ContentScrollView>
			<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>
			@@ -39,8 +24,7 @@
			<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 } 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';
			@@ -59,9 +43,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,
			@@ -76,39 +60,4 @@

			<style lang="scss">
			@import '@/styles/common.scss';

			.flexJobDetail-page-wrapper {
			.flexJobDetail-top {
			margin-bottom: 20px;
			}

			.flexJobDetail-contact-info {
			padding-left: 130px;

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