|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps"> | 
|---|
|  |  |  | <template #renderItem="{ item }"> | 
|---|
|  |  |  | <FlexJobCard> | 
|---|
|  |  |  | <FlexJobCard | 
|---|
|  |  |  | :name="item.name" | 
|---|
|  |  |  | :age="item.age" | 
|---|
|  |  |  | :gender="item.gender" | 
|---|
|  |  |  | :avatar="setOSSLink(item.avatar)" | 
|---|
|  |  |  | :isReal="item.isReal" | 
|---|
|  |  |  | :personalIdentityContent="item.personalIdentityContent" | 
|---|
|  |  |  | :educationalBackgroundContent="item.educationalBackgroundContent" | 
|---|
|  |  |  | :taskCount="item.taskCount" | 
|---|
|  |  |  | :workSeniority="item.workSeniority" | 
|---|
|  |  |  | :workExperience="item.workExperience" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <template #footerLeft> | 
|---|
|  |  |  | <div class="flexJob-card-footer-text">已录用</div> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | class="flexJob-card-footer-text" | 
|---|
|  |  |  | :style="{ color: EnumTaskUserHireStatusColor[item.hireStatus] }" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | {{ EnumTaskUserHireStatusText[item.hireStatus] }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <template #footerRight> | 
|---|
|  |  |  | <nut-button type="primary">查看详情</nut-button> | 
|---|
|  |  |  | <nut-button type="primary" @click.stop="goToJobDetail(item)">查看详情</nut-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </FlexJobCard> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script setup lang="ts"> | 
|---|
|  |  |  | import { OrderInputType } from '@12333/constants'; | 
|---|
|  |  |  | import { useInfiniteLoading } from '@12333/hooks'; | 
|---|
|  |  |  | import * as orderServices from '@12333/services/api/Order'; | 
|---|
|  |  |  | import { EnumTaskUserHireStatusText, EnumTaskUserHireStatusColor } from '@12333/constants'; | 
|---|
|  |  |  | import { RouterPath } from '@/constants'; | 
|---|
|  |  |  | import { useTaskUserList } from '@12333/hooks'; | 
|---|
|  |  |  | import { FlexJobCard } from '@12333/components'; | 
|---|
|  |  |  | import Taro from '@tarojs/taro'; | 
|---|
|  |  |  | import { setOSSLink } from '@12333/utils'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | name: 'SignList', | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // const props = withDefaults(defineProps<Props>(), {}); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { infiniteLoadingProps } = useInfiniteLoading( | 
|---|
|  |  |  | ({ pageParam }) => { | 
|---|
|  |  |  | let params: API.FrontOrderListInput = { | 
|---|
|  |  |  | pageModel: { | 
|---|
|  |  |  | rows: 20, | 
|---|
|  |  |  | page: pageParam, | 
|---|
|  |  |  | orderInput: [{ property: 'isRecommend', order: OrderInputType.Desc }], | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | const router = Taro.useRouter(); | 
|---|
|  |  |  | const id = router.params?.id ?? ''; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return orderServices.getFrontOrderList(params, { | 
|---|
|  |  |  | showLoading: false, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | queryKey: ['orderServices/getFrontOrderList'], | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ); | 
|---|
|  |  |  | const { infiniteLoadingProps } = useTaskUserList({ | 
|---|
|  |  |  | id: id, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function goToJobDetail(item: API.GetTaskUsersQueryResultItem) { | 
|---|
|  |  |  | Taro.navigateTo({ | 
|---|
|  |  |  | url: `${RouterPath.flexJobDetailFromTask}?enterpriseEmployeeId=${item.enterpriseEmployeeId}&id=${item.id}&taskInfoId=${id}`, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style lang="scss"> | 
|---|