| | |
| | | v-bind="infiniteLoadingProps" |
| | | > |
| | | <template #renderItem="{ item }"> |
| | | <FlexJobCard :show-footer-left="false"> </FlexJobCard> |
| | | <FlexJobCard |
| | | :show-footer-left="false" |
| | | :name="item.name" |
| | | :age="item.age" |
| | | :genderType="item.genderType" |
| | | :workExperience="item.workExperience" |
| | | :isRealName="item.isRealName" |
| | | :arrangeCount="item.arrangeCount" |
| | | :educationalLevel="item.educationalLevel" |
| | | @contact="handleContact" |
| | | > |
| | | </FlexJobCard> |
| | | </template> |
| | | </InfiniteLoading> |
| | | </template> |
| | |
| | | |
| | | const { infiniteLoadingProps } = useInfiniteLoading( |
| | | ({ pageParam }) => { |
| | | let params: API.GetFlexTaskListInput = { |
| | | let params: API.PageInput = { |
| | | pageModel: { |
| | | rows: 20, |
| | | page: pageParam, |
| | | orderInput: [{ property: 'isRecommend', order: OrderInputType.Desc }], |
| | | orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }], |
| | | }, |
| | | }; |
| | | |
| | | return flexWorkerServices.getFlexTaskByArrange(params, { |
| | | return flexWorkerServices.getUserContractRecordList(params, { |
| | | showLoading: false, |
| | | }); |
| | | }, |
| | | { |
| | | queryKey: ['flexWorkerServices/getFlexTaskByArrange'], |
| | | queryKey: ['flexWorkerServices/getUserContractRecordList'], |
| | | } |
| | | ); |
| | | |
| | | function handleContact() {} |
| | | </script> |
| | | |
| | | <style lang="scss"> |