wupengfei
8 小时以前 d7116672ea36e413309f4cd0e85eaa5fff5d5b8b
apps/housekeepingMiniApp/src/subpackages/mine/mineReserveServiceDetail/InnerPage.vue
@@ -1,24 +1,71 @@
<template>
  <!-- <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch"> -->
  <ContentScrollView hasPaddingTop>
    <MineServiceDetailView />
  </ContentScrollView>
  <PageFooter>
    <PageFooterBtn type="primary" class="business-card-btn" @click="goCancel"
      >取消服务</PageFooterBtn
  <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch">
    <InfiniteLoading
      commonMode
      :refetch="refetch"
      :isLoading="isLoading"
      :isError="isError"
      :showMoreText="false"
      scrollViewClassName="common-page-infinite-scroll-list"
    >
    <PageFooterBtn type="primary" class="business-card-btn" @click="goConfirm"
      >服务确认</PageFooterBtn
    >
  </PageFooter>
  <!-- </LoadingLayout> -->
      <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>
    </InfiniteLoading>
    <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,
  EnumGetStandardOrdersQueryScene,
} from '@12333/constants';
defineOptions({
  name: 'InnerPage',
@@ -27,6 +74,15 @@
const route = Taro.useRouter();
const id = route.params?.id as string;
const { detail, isLoading, isError, refetch } = useStandardOrder({
  id,
  scene: EnumGetStandardOrdersQueryScene.PartAEnterpriseOrder,
});
Taro.useDidShow(() => {
  refetch();
});
function goCancel() {
  Taro.navigateTo({
    url: `${RouterPath.mineReserveServiceCancel}?id=${id}`,