|  |  | 
 |  |  | <template> | 
 |  |  |   <InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps"> | 
 |  |  |     <template #renderItem="{ item }"> | 
 |  |  |       <FlexJobCard | 
 |  |  |         :name="item.name" | 
 |  |  |         :age="item.age" | 
 |  |  |         :genderType="item.genderType" | 
 |  |  |         :workExperience="item.workExperience" | 
 |  |  |       <BusinessCardHolderCard | 
 |  |  |         :name="'item.name'" | 
 |  |  |         :age="20" | 
 |  |  |         :genderType="1" | 
 |  |  |         :isRealName="true" | 
 |  |  |         :show-footer-left="false" | 
 |  |  |       > | 
 |  |  |         <template #footerLeft> | 
 |  |  |           <div class="flexJob-card-footer-text">{{ FlexTaskWorkerHireEnum[item.hireStatus] }}</div> | 
 |  |  |         <template #detail> | 
 |  |  |           <div class="businessCardHolder-card-detail"> | 
 |  |  |             <div class="businessCardHolder-card-detail-item">{{ `微信:${'13333333333'}` }}</div> | 
 |  |  |             <div class="businessCardHolder-card-detail-item"> | 
 |  |  |               {{ `公司:${'杭州人力无忧科技'}` }} | 
 |  |  |             </div> | 
 |  |  |           </div> | 
 |  |  |         </template> | 
 |  |  |         <template #footerRight> | 
 |  |  |           <nut-button type="primary" @click="handleDelete()">删除</nut-button> | 
 |  |  |           <nut-button type="danger" plain @click="handleDelete()">删除</nut-button> | 
 |  |  |           <nut-button type="primary" @click="goForward()">转发</nut-button> | 
 |  |  |         </template> | 
 |  |  |       </FlexJobCard> | 
 |  |  |       </BusinessCardHolderCard> | 
 |  |  |     </template> | 
 |  |  |   </InfiniteLoading> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script setup lang="ts"> | 
 |  |  | import { OrderInputType } from '@12333/constants'; | 
 |  |  | import { RouterPath } from '@/constants'; | 
 |  |  | import { FlexTaskWorkerHireEnum } from '@12333/constants/task'; | 
 |  |  | import { useInfiniteLoading } from '@12333/hooks'; | 
 |  |  | import * as flexWorkerServices from '@12333/services/api/FlexWorker'; | 
 |  |  | import { FlexJobCard } from '@12333/components'; | 
 |  |  | import * as flexEnterpriseServices from '@12333/services/api/FlexEnterprise'; | 
 |  |  | import { BusinessCardHolderCard } from '@12333/components'; | 
 |  |  | import Taro from '@tarojs/taro'; | 
 |  |  |  | 
 |  |  | defineOptions({ | 
 |  |  | 
 |  |  |       pageModel: { | 
 |  |  |         rows: 20, | 
 |  |  |         page: pageParam, | 
 |  |  |         orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }], | 
 |  |  |         orderInput: [{ property: 'id', order: OrderInputType.Desc }], | 
 |  |  |       }, | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     return flexWorkerServices.getFlexTaskWorkerApplyList(params, { | 
 |  |  |     return flexEnterpriseServices.getFlexEnterpriseList(params, { | 
 |  |  |       showLoading: false, | 
 |  |  |     }); | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     queryKey: ['flexWorkerServices/getFlexTaskWorkerApplyList'], | 
 |  |  |     queryKey: ['flexEnterpriseServices/getFlexEnterpriseList'], | 
 |  |  |   } | 
 |  |  | ); | 
 |  |  |  | 
 |  |  | 
 |  |  |  | 
 |  |  | <style lang="scss"> | 
 |  |  | @import '@/styles/common.scss'; | 
 |  |  |  | 
 |  |  | .businessCardHolder-card-detail { | 
 |  |  |   margin-top: 10px; | 
 |  |  |  | 
 |  |  |   .businessCardHolder-card-detail-item { | 
 |  |  |     font-size: 24px; | 
 |  |  |     font-weight: 400; | 
 |  |  |     color: boleGetCssVar('text-color', 'regular'); | 
 |  |  |     line-height: 36px; | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | </style> |