| | |
|---|
| | | <template> |
|---|
| | | <ProTabs |
|---|
| | | v-model="queryState.status" |
|---|
| | | v-model="queryState.appointmentStatus" |
|---|
| | | name="home-tab" |
|---|
| | | :showPaneContent="false" |
|---|
| | | class="home-tabs" |
|---|
| | |
|---|
| | | <InfiniteLoading |
|---|
| | | scrollViewClassName="common-infinite-scroll-list home-list" |
|---|
| | | v-bind="infiniteLoadingProps" |
|---|
| | | :key="queryState.status" |
|---|
| | | :key="queryState.appointmentStatus" |
|---|
| | | > |
|---|
| | | <template #renderItem="{ item }"> |
|---|
| | | <ReserveServiceCard |
|---|
| | | :name="item.name" |
|---|
| | | :serviceName="item.serviceName" |
|---|
| | | :begin-time="item.beginTime" |
|---|
| | | :end-time="item.endTime" |
|---|
| | | :billing-method="item.billingMethod" |
|---|
| | | :benefits="item.benefits" |
|---|
| | | :service-fee="item.serviceFee" |
|---|
| | | :settlement-cycle="item.settlementCycle" |
|---|
| | | :address-name="item.addressName" |
|---|
| | | :addressDetail="item.addressDetail" |
|---|
| | | :appointmentStatus="item.appointmentStatus" |
|---|
| | | @click="goSerciceDetail(item)" |
|---|
| | | > |
|---|
| | | </ReserveServiceCard> |
|---|
| | |
|---|
| | | import { ProTabs, ProTabPane, ReserveServiceCard } from '@12333/components'; |
|---|
| | | import { useUserStore } from '@/stores/modules/user'; |
|---|
| | | import { useInfiniteLoading } from '@12333/hooks'; |
|---|
| | | import { EnumPagedListOrder, GetPersonalApplyTaskInfosQueryStatus } from '@12333/constants'; |
|---|
| | | import * as taskServices from '@12333/services/apiV2/task'; |
|---|
| | | import { |
|---|
| | | EnumGetStandardOrdersQueryScene, |
|---|
| | | EnumPagedListOrder, |
|---|
| | | EnumStandardOrderAppointmentStatus, |
|---|
| | | GetPersonalApplyTaskInfosQueryStatus, |
|---|
| | | } from '@12333/constants'; |
|---|
| | | import * as standardOrderServices from '@12333/services/apiV2/standardOrder'; |
|---|
| | | import Taro from '@tarojs/taro'; |
|---|
| | | |
|---|
| | | defineOptions({ |
|---|
| | |
|---|
| | | }); |
|---|
| | | |
|---|
| | | const queryState = reactive({ |
|---|
| | | status: 0 as any as GetPersonalApplyTaskInfosQueryStatus, |
|---|
| | | scene: EnumGetStandardOrdersQueryScene.PartAEnterpriseOrder, |
|---|
| | | appointmentStatus: 0 as any as EnumStandardOrderAppointmentStatus, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | const userStore = useUserStore(); |
|---|
| | | |
|---|
| | | const { infiniteLoadingProps } = useInfiniteLoading( |
|---|
| | | ({ pageParam }) => { |
|---|
| | | let params: API.GetTaskInfosQuery = { |
|---|
| | | let params: API.GetStandardOrdersQuery = { |
|---|
| | | pageModel: { |
|---|
| | | rows: 20, |
|---|
| | | page: pageParam, |
|---|
| | | orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }], |
|---|
| | | }, |
|---|
| | | scene: queryState.scene, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | return taskServices.getOpenTaskInfos(params, { |
|---|
| | | if (!!Number(queryState.appointmentStatus)) { |
|---|
| | | params.appointmentStatus = queryState.appointmentStatus; |
|---|
| | | } |
|---|
| | | |
|---|
| | | return standardOrderServices.getStandardOrders(params, { |
|---|
| | | showLoading: false, |
|---|
| | | }); |
|---|
| | | }, |
|---|
