| | |
| | | <template> |
| | | <!-- <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch"> --> |
| | | <ContentScrollView hasPaddingTop> |
| | | <MineServiceDetailView /> |
| | | </ContentScrollView> |
| | | <PageFooter> |
| | | <PageFooterBtn type="primary" class="business-card-btn" @click="goCancel" |
| | | >取消服务</PageFooterBtn |
| | | > |
| | | <PageFooterBtn type="primary" class="business-card-btn" @click="goConfirm" |
| | | >服务确认</PageFooterBtn |
| | | > |
| | | </PageFooter> |
| | | <!-- </LoadingLayout> --> |
| | | <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch"> |
| | | <ContentScrollView hasPaddingTop> |
| | | <MineServiceDetailView |
| | | :contactName="detail?.name" |
| | | :contactPhoneNumber="detail?.contactPhoneNumber" |
| | | :addressDetail="detail?.addressDetail" |
| | | :serviceName="detail?.serviceName" |
| | | :price="detail?.specPrice" |
| | | :specName="detail?.specName" |
| | | :specNumber="detail?.specNumber" |
| | | :imgUrl="detail?.serviceFile" |
| | | statusText="预约状态" |
| | | :beginTime="detail?.beginTime" |
| | | :endTime="detail?.endTime" |
| | | :supplierEnterpriseName="detail?.supplierEnterpriseName" |
| | | :remark="detail?.remark" |
| | | :serverContactPhoneNumbers="detail?.serverContactPhoneNumbers" |
| | | :showServerContactPhoneNumbers=" |
| | | detail.appointmentStatus === EnumStandardOrderAppointmentStatus.WaitServe |
| | | " |
| | | > |
| | | <template #status> |
| | | {{ EnumStandardOrderAppointmentStatusText[detail?.appointmentStatus] }} |
| | | </template> |
| | | </MineServiceDetailView> |
| | | </ContentScrollView> |
| | | <PageFooter> |
| | | <PageFooterBtn |
| | | type="primary" |
| | | class="business-card-btn" |
| | | v-if="detail.appointmentStatus === EnumStandardOrderAppointmentStatus.WaitSure" |
| | | @click="goCancel" |
| | | >取消服务</PageFooterBtn |
| | | > |
| | | <PageFooterBtn |
| | | type="primary" |
| | | class="business-card-btn" |
| | | v-if=" |
| | | detail.taskCheckReceiveStatus == EnumTaskCheckReceiveStatus.Completed && |
| | | detail.appointmentStatus === EnumStandardOrderAppointmentStatus.WaitServe |
| | | " |
| | | @click="goConfirm" |
| | | >服务确认</PageFooterBtn |
| | | > |
| | | </PageFooter> |
| | | </LoadingLayout> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import MineServiceDetailView from '../../components/MineServiceDetailView.vue'; |
| | | import { MineServiceDetailView } from '@12333/components'; |
| | | import Taro from '@tarojs/taro'; |
| | | import * as standardServiceServices from '@12333/services/apiV2/standardService'; |
| | | import { RouterPath } from '@/constants'; |
| | | import { useStandardOrder } from '@12333/hooks'; |
| | | import { |
| | | EnumStandardOrderAppointmentStatusText, |
| | | EnumStandardOrderAppointmentStatus, |
| | | EnumTaskCheckReceiveStatus, |
| | | } from '@12333/constants'; |
| | | |
| | | defineOptions({ |
| | | name: 'InnerPage', |
| | |
| | | const route = Taro.useRouter(); |
| | | const id = route.params?.id as string; |
| | | |
| | | const { detail, isLoading, isError, refetch } = useStandardOrder({ id }); |
| | | |
| | | Taro.useDidShow(() => { |
| | | refetch(); |
| | | }); |
| | | |
| | | function goCancel() { |
| | | Taro.navigateTo({ |
| | | url: `${RouterPath.mineReserveServiceCancel}?id=${id}`, |