| | |
| | | title-gutter="12" |
| | | title-scroll |
| | | > |
| | | <ProTabPane :title="`已签约`" :pane-key="TaskStatus.All"></ProTabPane> |
| | | <ProTabPane :title="`待签约`" :pane-key="TaskStatus.WaitSign"></ProTabPane> |
| | | <ProTabPane :title="`已解约`" :pane-key="TaskStatus.Effect"></ProTabPane> |
| | | <ProTabPane :title="`已签约`" :pane-key="FlexWorkerEleSignEnum.HasSign"></ProTabPane> |
| | | <ProTabPane :title="`待签约`" :pane-key="FlexWorkerEleSignEnum.WaitSign"></ProTabPane> |
| | | <ProTabPane :title="`已解约`" :pane-key="FlexWorkerEleSignEnum.CancelSign"></ProTabPane> |
| | | </ProTabs> |
| | | <InfiniteLoading |
| | | scrollViewClassName="common-infinite-scroll-list home-list" |
| | | v-bind="infiniteLoadingProps" |
| | | :key="queryState.mineHireType" |
| | | > |
| | | <template #renderItem="{ item }"> |
| | | <FlexJobCard :show-done-detail="false" :show-footer-left="false" @click="goDetail(item)"> |
| | | <template #footerRight> |
| | | <template v-if="Number(queryState.mineHireType) === TaskStatus.All"> |
| | | <template v-if="queryState.mineHireType === FlexWorkerEleSignEnum.HasSign"> |
| | | <nut-button |
| | | class="flexJobManage-card-plain-button" |
| | | type="default" |
| | |
| | | > |
| | | <nut-button type="primary" @click.stop="checkContract">查看合约</nut-button> |
| | | </template> |
| | | <nut-button v-else type="primary" @click.stop="goSignContract">签约</nut-button> |
| | | <nut-button v-else type="primary" @click.stop="goSignContract(item)">签约</nut-button> |
| | | </template> |
| | | </FlexJobCard> |
| | | </template> |
| | |
| | | import { RouterPath } from '@/constants'; |
| | | import { useInfiniteLoading } from '@12333/hooks'; |
| | | import { OrderInputType } from '@12333/constants'; |
| | | import * as orderServices from '@12333/services/api/Order'; |
| | | import { TaskStatus } from '@/constants/task'; |
| | | import * as flexWorkerServices from '@12333/services/api/FlexWorker'; |
| | | import { FlexWorkerEleSignEnum } from '@/constants/task'; |
| | | import Taro from '@tarojs/taro'; |
| | | |
| | | defineOptions({ |
| | |
| | | }); |
| | | |
| | | const queryState = reactive({ |
| | | mineHireType: TaskStatus.All, |
| | | mineHireType: FlexWorkerEleSignEnum.HasSign, |
| | | }); |
| | | |
| | | const { infiniteLoadingProps } = useInfiniteLoading( |
| | | ({ pageParam }) => { |
| | | let params: API.FrontOrderListInput = { |
| | | let params: API.GetFlexSignWorkerListInput = { |
| | | signStatus: queryState.mineHireType, |
| | | pageModel: { |
| | | rows: 20, |
| | | page: pageParam, |
| | | orderInput: [{ property: 'isRecommend', order: OrderInputType.Desc }], |
| | | orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }], |
| | | }, |
| | | }; |
| | | |
| | | return orderServices.getFrontOrderList(params, { |
| | | return flexWorkerServices.getFlexSignWorkerList(params, { |
| | | showLoading: false, |
| | | }); |
| | | }, |
| | | { |
| | | queryKey: ['orderServices/getFrontOrderList'], |
| | | queryKey: ['flexWorkerServices/getFlexSignWorkerList', queryState], |
| | | } |
| | | ); |
| | | |
| | | function goDetail(item: API.FrontOrderList) { |
| | | function goDetail(item: API.GetNewestWorkerListOutput) { |
| | | Taro.navigateTo({ |
| | | url: `${RouterPath.flexJobDetailFromManage}?id=${item.id}`, |
| | | url: `${RouterPath.flexJobDetailFromManage}?userId=${item.userId}`, |
| | | }); |
| | | } |
| | | |
| | | function checkContract() {} |
| | | function handleUnContract() {} |
| | | function goSignContract() {} |
| | | function goSignContract(item: API.GetNewestWorkerListOutput) { |
| | | Taro.navigateTo({ |
| | | url: `${RouterPath.flexJobSign}`, |
| | | }); |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss"> |