|  |  |  | 
|---|
|  |  |  | <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> | 
|---|