|  |  | 
 |  |  |   > | 
 |  |  |     <ProTabPane :title="`已签约`" :pane-key="EnumTaskUserSignContractStatus.Pass"></ProTabPane> | 
 |  |  |     <ProTabPane :title="`待签约`" :pane-key="EnumTaskUserSignContractStatus.Wait"></ProTabPane> | 
 |  |  |     <ProTabPane :title="`已解约`" :pane-key="EnumTaskUserSignContractStatus.Refuse"></ProTabPane> | 
 |  |  |     <ProTabPane :title="`已解约`" :pane-key="EnumTaskUserSignContractStatus.Stop"></ProTabPane> | 
 |  |  |   </ProTabs> | 
 |  |  |   <InfiniteLoading | 
 |  |  |     scrollViewClassName="common-infinite-scroll-list home-list" | 
 |  |  | 
 |  |  |         @click="goDetail(item)" | 
 |  |  |       > | 
 |  |  |         <template #footerRight> | 
 |  |  |           <span></span> | 
 |  |  |           <!-- <template | 
 |  |  |             v-if="queryState.userSignContractStatus === EnumTaskUserSignContractStatus.Pass" | 
 |  |  |           <template | 
 |  |  |             v-if="Number(queryState.userSignContractStatus) === EnumTaskUserSignContractStatus.Pass" | 
 |  |  |           > | 
 |  |  |             <nut-button | 
 |  |  |               class="flexJobManage-card-plain-button" | 
 |  |  |               type="default" | 
 |  |  |               plain | 
 |  |  |               @click.stop="handleUnContract" | 
 |  |  |               @click.stop="handleUnsign(item)" | 
 |  |  |               >解约</nut-button | 
 |  |  |             > | 
 |  |  |             <nut-button type="primary" @click.stop="checkContract">查看合约</nut-button> | 
 |  |  |             <nut-button type="primary" @click.stop="checkContract(item)">查看合约</nut-button> | 
 |  |  |           </template> | 
 |  |  |           <nut-button | 
 |  |  |             v-else-if="queryState.userSignContractStatus === EnumTaskUserSignContractStatus.Wait" | 
 |  |  |             v-else-if=" | 
 |  |  |               Number(queryState.userSignContractStatus) === EnumTaskUserSignContractStatus.Wait || | 
 |  |  |               Number(queryState.userSignContractStatus) === EnumTaskUserSignContractStatus.Stop | 
 |  |  |             " | 
 |  |  |             type="primary" | 
 |  |  |             @click.stop="goSignContract(item)" | 
 |  |  |             @click.stop="goFlexJobSign(item)" | 
 |  |  |             >签约</nut-button | 
 |  |  |           > --> | 
 |  |  |           > | 
 |  |  |         </template> | 
 |  |  |       </FlexJobCard> | 
 |  |  |     </template> | 
 |  |  | 
 |  |  | } from '@12333/constants'; | 
 |  |  | import * as enterpriseEmployeeServices from '@12333/services/apiV2/enterpriseEmployee'; | 
 |  |  | import Taro from '@tarojs/taro'; | 
 |  |  | import { Message, openDocument, setOSSLink } from '@12333/utils'; | 
 |  |  |  | 
 |  |  | defineOptions({ | 
 |  |  |   name: 'InnerPage', | 
 |  |  | 
 |  |  |   userSignContractStatus: EnumTaskUserSignContractStatus.Pass, | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | const { infiniteLoadingProps } = useInfiniteLoading( | 
 |  |  | const { infiniteLoadingProps, invalidateQueries } = useInfiniteLoading( | 
 |  |  |   ({ pageParam }) => { | 
 |  |  |     let params: API.GetEnterpriseEmployeesQuery = { | 
 |  |  |       pageModel: { | 
 |  |  | 
 |  |  |   } | 
 |  |  | ); | 
 |  |  |  | 
 |  |  | function checkContract(item: API.GetEnterpriseEmployeesQueryResultItem) { | 
 |  |  |   if (!item.contractUrl) { | 
 |  |  |     Message.warning('协议无法查看,请稍后再试'); | 
 |  |  |     return; | 
 |  |  |   } | 
 |  |  |   openDocument(setOSSLink(item.contractUrl)); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | function goDetail(item: API.GetEnterpriseEmployeesQueryResultItem) { | 
 |  |  |   Taro.navigateTo({ | 
 |  |  |     url: `${RouterPath.flexJobDetailFromManage}?userId=${item.id}`, | 
 |  |  |     url: `${RouterPath.flexJobDetailFromManage}?enterpriseEmployeeId=${item.id}`, | 
 |  |  |   }); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | function checkContract() {} | 
 |  |  | function handleUnContract() {} | 
 |  |  | function goSignContract(item: API.GetNewestWorkerListOutput) { | 
 |  |  | async function handleUnsign(item: API.GetEnterpriseEmployeesQueryResultItem) { | 
 |  |  |   try { | 
 |  |  |     await Message.confirm({ message: '确定要解约吗?' }); | 
 |  |  |     let params: API.StopElectronSignCommand = { | 
 |  |  |       ids: [item.id], | 
 |  |  |     }; | 
 |  |  |     let res = await enterpriseEmployeeServices.stopElectronSign(params); | 
 |  |  |     if (res) { | 
 |  |  |       Message.success('解约成功'); | 
 |  |  |       invalidateQueries(); | 
 |  |  |     } | 
 |  |  |   } catch (error) {} | 
 |  |  | } | 
 |  |  | function goFlexJobSign(item: API.GetEnterpriseEmployeesQueryResultItem) { | 
 |  |  |   Taro.navigateTo({ | 
 |  |  |     url: `${RouterPath.flexJobSign}`, | 
 |  |  |     url: `${RouterPath.flexJobSign}?enterpriseEmployeeId=${item.id}`, | 
 |  |  |   }); | 
 |  |  | } | 
 |  |  | </script> |