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