|  |  | 
 |  |  |       <ProTabPane lazy label="签约详情" name="sign"> | 
 |  |  |         <ProDialogTableWrapper :height="400"> | 
 |  |  |           <ProTableV2 v-bind="proTableProps" :columns="column" :show-operation-column="false"> | 
 |  |  |             <template #contractUrl="{ row }"> | 
 |  |  |               <PreviewBtn | 
 |  |  |                 v-if=" | 
 |  |  |                   row.userSignContractStatus === EnumTaskUserSignContractStatus.Pass && | 
 |  |  |                   row.contractUrl | 
 |  |  |                 " | 
 |  |  |                 :show-download-btn="false" | 
 |  |  |                 :url="setOSSLink(row.contractUrl)" | 
 |  |  |               > | 
 |  |  |               </PreviewBtn> | 
 |  |  |             </template> | 
 |  |  |           </ProTableV2> | 
 |  |  |         </ProDialogTableWrapper> | 
 |  |  |       </ProTabPane> | 
 |  |  | 
 |  |  |   ProFormRadio, | 
 |  |  |   ProFormInputNumber, | 
 |  |  |   defineColumns, | 
 |  |  |   PreviewBtn, | 
 |  |  | } from '@bole-core/components'; | 
 |  |  | import _ from 'lodash'; | 
 |  |  | import * as userServices from '@/services/api/user'; | 
 |  |  | 
 |  |  |   EnumUserGenderTextForPerson, | 
 |  |  |   EnumTaskUserHireStatusText, | 
 |  |  |   EnumTaskUserSignContractStatusText, | 
 |  |  |   EnumTaskUserSignContractStatus, | 
 |  |  | } from '@/constants'; | 
 |  |  | import { setOSSLink } from '@/utils'; | 
 |  |  |  | 
 |  |  | defineOptions({ | 
 |  |  |   name: 'CPersonDetailDialog', | 
 |  |  | 
 |  |  | }; | 
 |  |  |  | 
 |  |  | const form = defineModel<Form>('form'); | 
 |  |  | const visible = defineModel<boolean>('visible'); | 
 |  |  | const visible = defineModel<boolean>('modelValue'); | 
 |  |  |  | 
 |  |  | const emit = defineEmits<{ | 
 |  |  |   (e: 'onCancel'): void; | 
 |  |  | 
 |  |  | ]); | 
 |  |  |  | 
 |  |  | watch( | 
 |  |  |   () => visible.value, | 
 |  |  |   visible, | 
 |  |  |   (val) => { | 
 |  |  |     console.log('val: ', val); | 
 |  |  |     if (val) { | 
 |  |  |       getList(); | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     immediate: true, | 
 |  |  |   } | 
 |  |  | ); | 
 |  |  |  | 
 |  |  | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     defaultExtraParams: { | 
 |  |  |       orderInput: [{ property: 'applyTime', order: EnumPagedListOrder.Desc }], | 
 |  |  |       orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }], | 
 |  |  |     }, | 
 |  |  |     columnsRenderProps: { | 
 |  |  |       applyTime: { type: 'date' }, | 
 |  |  | 
 |  |  |       hireStatus: { type: 'enum', valueEnum: EnumTaskUserHireStatusText }, | 
 |  |  |       userSignContractStatus: { type: 'enum', valueEnum: EnumTaskUserSignContractStatusText }, | 
 |  |  |       enterpriseSignContractStatus: { type: 'enum', valueEnum: EnumTaskUserSignContractStatusText }, | 
 |  |  |       // contractUrl: { | 
 |  |  |       //   type: 'url', | 
 |  |  |       //   showDownloadBtn: false, | 
 |  |  |       //   formatter: (row: API.GetPersonalUserInfoSignContractsQueryResultItem) => | 
 |  |  |       //     setOSSLink(row.contractUrl), | 
 |  |  |       // }, | 
 |  |  |     }, | 
 |  |  |   } | 
 |  |  | ); |