| | |
|---|
| | | v-bind="infiniteLoadingProps" |
|---|
| | | > |
|---|
| | | <template #renderItem="{ item }"> |
|---|
| | | <TaskCard> |
|---|
| | | <TaskCard |
|---|
| | | :name="item.name" |
|---|
| | | :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" |
|---|
| | | > |
|---|
| | | <template #actions> |
|---|
| | | <div class="task-card-actions-text">{{ '已取消' }}</div> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import { TaskCard } from '@12333/components'; |
|---|
| | | import { useUserStore } from '@/stores/modules/user'; |
|---|
| | | import { useInfiniteLoading } from '@12333/hooks'; |
|---|
| | | import { OrderInputType } from '@12333/constants'; |
|---|
| | | import * as flexWorkerServices from '@12333/services/api/FlexWorker'; |
|---|
| | | import { EnumPagedListOrder } from '@12333/constants'; |
|---|
| | | import * as taskServices from '@12333/services/apiV2/task'; |
|---|
| | | |
|---|
| | | defineOptions({ |
|---|
| | | name: 'InnerPage', |
|---|
| | | }); |
|---|
| | | |
|---|
| | | const userStore = useUserStore(); |
|---|
| | | |
|---|
| | | const { infiniteLoadingProps } = useInfiniteLoading( |
|---|
| | | ({ pageParam }) => { |
|---|
| | | let params: API.GetFlexTaskListInput = { |
|---|
| | | let params: API.GetPersonalCancelTaskInfosQuery = { |
|---|
| | | pageModel: { |
|---|
| | | rows: 20, |
|---|
| | | page: pageParam, |
|---|
| | | orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }], |
|---|
| | | orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }], |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | return flexWorkerServices.getFlexTaskByArrange(params, { |
|---|
| | | return taskServices.getPersonalCancelTaskInfos(params, { |
|---|
| | | showLoading: false, |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | queryKey: ['flexWorkerServices/getFlexTaskByArrange'], |
|---|
| | | queryKey: ['taskServices/getPersonalCancelTaskInfos'], |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | </script> |
|---|
