| | |
| | | <template> |
| | | <ProTabs |
| | | v-model="queryState.userSignContractStatus" |
| | | v-model="queryState.status" |
| | | name="home-tab" |
| | | :showPaneContent="false" |
| | | class="home-tabs" |
| | |
| | | title-gutter="12" |
| | | title-scroll |
| | | > |
| | | <ProTabPane :title="`已签约`" :pane-key="EnumTaskUserSignContractStatus.Pass"></ProTabPane> |
| | | <ProTabPane :title="`待签约`" :pane-key="EnumTaskUserSignContractStatus.Wait"></ProTabPane> |
| | | <ProTabPane :title="`已解约`" :pane-key="EnumTaskUserSignContractStatus.Stop"></ProTabPane> |
| | | <ProTabPane :title="`灵工待签约`" :pane-key="Status.FlexJobWait"></ProTabPane> |
| | | <ProTabPane :title="`企业待签约`" :pane-key="Status.EnterpriseWait"></ProTabPane> |
| | | <ProTabPane :title="`已签约`" :pane-key="Status.Pass"></ProTabPane> |
| | | <!-- <ProTabPane :title="`已解约`" :pane-key="EnumTaskUserSignContractStatus.Stop"></ProTabPane> --> |
| | | </ProTabs> |
| | | <InfiniteLoading |
| | | scrollViewClassName="common-infinite-scroll-list home-list" |
| | | v-bind="infiniteLoadingProps" |
| | | :key="queryState.userSignContractStatus" |
| | | :key="queryState.status" |
| | | > |
| | | <template #renderItem="{ item }"> |
| | | <FlexJobCard |
| | |
| | | > |
| | | <template #footerRight> |
| | | <template |
| | | v-if="Number(queryState.userSignContractStatus) === EnumTaskUserSignContractStatus.Pass" |
| | | v-if="item.enterpriseSignContractStatus === EnumTaskUserSignContractStatus.Pass" |
| | | > |
| | | <nut-button |
| | | class="flexJobManage-card-plain-button" |
| | |
| | | <nut-button type="primary" @click.stop="checkContract(item)">查看合约</nut-button> |
| | | </template> |
| | | <nut-button |
| | | v-else-if=" |
| | | Number(queryState.userSignContractStatus) === EnumTaskUserSignContractStatus.Wait || |
| | | Number(queryState.userSignContractStatus) === EnumTaskUserSignContractStatus.Stop |
| | | " |
| | | v-if="item.userSignContractStatus === EnumTaskUserSignContractStatus.Wait" |
| | | type="primary" |
| | | @click.stop="goFlexJobSign(item)" |
| | | >签约</nut-button |
| | | >邀请签约</nut-button |
| | | > |
| | | <nut-button |
| | | v-if="item.enterpriseSignContractStatus === EnumTaskUserSignContractStatus.Wait" |
| | | type="primary" |
| | | @click.stop="goFlexJobSign(item)" |
| | | >企业签约</nut-button |
| | | > |
| | | </template> |
| | | </FlexJobCard> |
| | |
| | | name: 'InnerPage', |
| | | }); |
| | | |
| | | const enum Status { |
| | | FlexJobWait = 1, |
| | | EnterpriseWait = 2, |
| | | Pass = 3, |
| | | } |
| | | |
| | | const queryState = reactive({ |
| | | userSignContractStatus: EnumTaskUserSignContractStatus.Pass, |
| | | status: Status.FlexJobWait, |
| | | }); |
| | | |
| | | const { infiniteLoadingProps, invalidateQueries } = useInfiniteLoading( |
| | |
| | | orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }], |
| | | }, |
| | | hireStatus: EnumTaskUserHireStatus.Pass, |
| | | userSignContractStatus: queryState.userSignContractStatus, |
| | | }; |
| | | if (Number(queryState.status) === Status.FlexJobWait) { |
| | | params.userSignContractStatus = EnumTaskUserSignContractStatus.Wait; |
| | | } |
| | | if (Number(queryState.status) === Status.EnterpriseWait) { |
| | | params.enterpriseSignContractStatus = EnumTaskUserSignContractStatus.Wait; |
| | | } |
| | | if (Number(queryState.status) === Status.Pass) { |
| | | params.userSignContractStatus = EnumTaskUserSignContractStatus.Pass; |
| | | } |
| | | |
| | | return enterpriseEmployeeServices.getEnterpriseEmployees(params, { |
| | | showLoading: false, |