| | |
| | | import { useUserStore } from '@/stores/modules/user'; |
| | | import { useInfiniteLoading } from '@12333/hooks'; |
| | | import { OrderInputType } from '@12333/constants'; |
| | | import * as orderServices from '@12333/services/api/Order'; |
| | | import * as flexWorkerServices from '@12333/services/api/FlexWorker'; |
| | | |
| | | defineOptions({ |
| | | name: 'InnerPage', |
| | |
| | | |
| | | const { infiniteLoadingProps } = useInfiniteLoading( |
| | | ({ pageParam }) => { |
| | | let params: API.FrontOrderListInput = { |
| | | let params: API.GetFlexTaskListInput = { |
| | | pageModel: { |
| | | rows: 20, |
| | | page: pageParam, |
| | | orderInput: [{ property: 'isRecommend', order: OrderInputType.Desc }], |
| | | orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }], |
| | | }, |
| | | }; |
| | | |
| | | return orderServices.getFrontOrderList(params, { |
| | | return flexWorkerServices.getFlexTaskByArrange(params, { |
| | | showLoading: false, |
| | | }); |
| | | }, |
| | | { |
| | | queryKey: ['orderServices/getFrontOrderList'], |
| | | queryKey: ['flexWorkerServices/getFlexTaskByArrange'], |
| | | } |
| | | ); |
| | | </script> |
| | |
| | | <style lang="scss"> |
| | | @import '@/styles/common.scss'; |
| | | |
| | | .my-collect-task { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 30px 40px; |
| | | .mineCollectTask-page-wrapper { |
| | | .my-collect-task { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | padding: 30px 40px; |
| | | |
| | | .my-collect-task-title { |
| | | font-size: 28px; |
| | | line-height: 40px; |
| | | color: boleGetCssVar('text-color', 'primary'); |
| | | .my-collect-task-title { |
| | | font-size: 28px; |
| | | line-height: 40px; |
| | | color: boleGetCssVar('text-color', 'primary'); |
| | | } |
| | | |
| | | .my-collect-task-btn { |
| | | font-size: 24px; |
| | | line-height: 34px; |
| | | color: boleGetCssVar('text-color', 'regular'); |
| | | } |
| | | } |
| | | |
| | | .my-collect-task-btn { |
| | | font-size: 24px; |
| | | line-height: 34px; |
| | | color: boleGetCssVar('text-color', 'regular'); |
| | | } |
| | | } |
| | | |
| | | .task-card-actions-text { |
| | | font-size: 24px; |
| | | line-height: 42px; |
| | | color: #9fa4ac; |
| | | } |
| | | </style> |