| | |
| | | title-gutter="8" |
| | | title-scroll |
| | | > |
| | | <ProTabPane :title="`待验收`" :pane-key="10"></ProTabPane> |
| | | <ProTabPane :title="`已验收`" :pane-key="20"></ProTabPane> |
| | | <ProTabPane title="待验收" pane-key="10"></ProTabPane> |
| | | <ProTabPane title="已验收" pane-key="20"></ProTabPane> |
| | | </ProTabs> |
| | | <InfiniteLoading |
| | | scrollViewClassName="common-infinite-scroll-list" |
| | |
| | | :key="queryState.status" |
| | | > |
| | | <template #renderItem="{ item }"> |
| | | <MyTaskCard @click="goSubmitTaskDetail(item)" /> |
| | | <MyTaskCard |
| | | :taskName="item.taskName" |
| | | :startDate="item.startDate" |
| | | :endDate="item.endDate" |
| | | :address="item.address" |
| | | @click="goSubmitTaskDetail(item)" |
| | | /> |
| | | </template> |
| | | </InfiniteLoading> |
| | | </template> |
| | |
| | | }); |
| | | |
| | | const queryState = reactive({ |
| | | status: 10, |
| | | status: '10', |
| | | date: new Date(), |
| | | }); |
| | | |
| | | const { infiniteLoadingProps } = useInfiniteLoading( |
| | | ({ pageParam }) => { |
| | | let params: API.GetFlexTaskListInput = { |
| | | isOverCheck: queryState.status === '20', |
| | | pageModel: { |
| | | rows: 20, |
| | | page: pageParam, |
| | | orderInput: [{ property: 'lastShelfTime', order: OrderInputType.Desc }], |
| | | orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }], |
| | | }, |
| | | }; |
| | | |
| | | return flexWorkerServices.getFlexTaskByArrange(params, { |
| | | return flexWorkerServices.getFlexTaskByIsOverCheck(params, { |
| | | showLoading: false, |
| | | }); |
| | | }, |
| | | { |
| | | queryKey: ['flexWorkerServices/getFlexTaskByArrange', queryState], |
| | | queryKey: ['flexWorkerServices/getFlexTaskByIsOverCheck', queryState], |
| | | } |
| | | ); |
| | | |
| | | function goSubmitTaskDetail(item: API.GetFlexTaskListOutput) { |
| | | Taro.navigateTo({ |
| | | url: `${RouterPath.taskCheckDetail}?id=${item.id}`, |
| | | url: `${RouterPath.taskCheckDetail}?taskId=${item.taskId}`, |
| | | }); |
| | | } |
| | | </script> |