|  |  | 
 |  |  |       :taskInfoUsers="userResumeInfo.taskInfoUsers" | 
 |  |  |       :isCollapse="true" | 
 |  |  |     > | 
 |  |  |       <!-- <template #footer> | 
 |  |  |         <PageFooterBtn type="primary" plain>解约</PageFooterBtn> | 
 |  |  |         <PageFooterBtn type="primary">签约</PageFooterBtn> | 
 |  |  |       </template> --> | 
 |  |  |       <template #footer> | 
 |  |  |         <PageFooterBtn | 
 |  |  |           v-if=" | 
 |  |  |             enterpriseEmployeeInfo.userSignContractStatus === EnumTaskUserSignContractStatus.Pass | 
 |  |  |           " | 
 |  |  |           type="primary" | 
 |  |  |           plain | 
 |  |  |           @click="handleUnsign" | 
 |  |  |           >解约</PageFooterBtn | 
 |  |  |         > | 
 |  |  |         <PageFooterBtn | 
 |  |  |           type="primary" | 
 |  |  |           @click="goToSign" | 
 |  |  |           v-if=" | 
 |  |  |             enterpriseEmployeeInfo.userSignContractStatus === EnumTaskUserSignContractStatus.Wait || | 
 |  |  |             enterpriseEmployeeInfo.userSignContractStatus === EnumTaskUserSignContractStatus.Stop || | 
 |  |  |             !enterpriseEmployeeInfo.userSignContractStatus | 
 |  |  |           " | 
 |  |  |           >签约</PageFooterBtn | 
 |  |  |         > | 
 |  |  |       </template> | 
 |  |  |     </JobDetailContent> | 
 |  |  |   </LoadingLayout> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script setup lang="ts"> | 
 |  |  | import Taro from '@tarojs/taro'; | 
 |  |  | import { useQuery } from '@tanstack/vue-query'; | 
 |  |  | import { useUserResume } from '@12333/hooks'; | 
 |  |  | import { EnumTaskUserSignContractStatus } from '@12333/constants'; | 
 |  |  | import { useGetEnterpriseEmployee, useUserResume } from '@12333/hooks'; | 
 |  |  | import * as enterpriseEmployeeServices from '@12333/services/apiV2/enterpriseEmployee'; | 
 |  |  | import { Message } from '@12333/utils'; | 
 |  |  |  | 
 |  |  | defineOptions({ | 
 |  |  |   name: 'InnerPage', | 
 |  |  | 
 |  |  | const { isLoading, isError, userResumeInfo, refetch } = useUserResume({ | 
 |  |  |   enterpriseEmployeeId: enterpriseEmployeeId, | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | const { enterpriseEmployeeInfo } = useGetEnterpriseEmployee({ | 
 |  |  |   id: enterpriseEmployeeId, | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | function goToSign() { | 
 |  |  |   Taro.navigateTo({ | 
 |  |  |     url: `${RouterPath.flexJobSign}?enterpriseEmployeeId=${enterpriseEmployeeId}`, | 
 |  |  |   }); | 
 |  |  | } | 
 |  |  |  | 
 |  |  | async function handleUnsign() { | 
 |  |  |   try { | 
 |  |  |     await Message.confirm({ message: '确定要解约吗?' }); | 
 |  |  |     let params: API.StopElectronSignCommand = { | 
 |  |  |       ids: [enterpriseEmployeeInfo.value?.id], | 
 |  |  |     }; | 
 |  |  |     let res = await enterpriseEmployeeServices.stopElectronSign(params); | 
 |  |  |     if (res) { | 
 |  |  |       Message.success('解约成功'); | 
 |  |  |       refetch(); | 
 |  |  |     } | 
 |  |  |   } catch (error) {} | 
 |  |  | } | 
 |  |  | </script> | 
 |  |  |  | 
 |  |  | <style lang="scss"> |