<template>
|
<InfiniteLoading scrollViewClassName="common-infinite-scroll-list" v-bind="infiniteLoadingProps">
|
<template #renderItem="{ item }">
|
<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"
|
:style="{ color: EnumTaskUserHireStatusColor[item.hireStatus] }"
|
>
|
{{ EnumTaskUserHireStatusText[item.hireStatus] }}
|
</div>
|
</template>
|
<template #footerRight>
|
<nut-button type="primary" @click="goToJobDetail(item)">查看详情</nut-button>
|
</template>
|
</FlexJobCard>
|
</template>
|
</InfiniteLoading>
|
</template>
|
|
<script setup lang="ts">
|
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',
|
});
|
|
// type Props = {};
|
|
// const props = withDefaults(defineProps<Props>(), {});
|
|
const router = Taro.useRouter();
|
const id = router.params?.id ?? '';
|
|
const { infiniteLoadingProps } = useTaskUserList({
|
id: id,
|
});
|
|
function goToJobDetail(item: API.GetTaskUsersQueryResultItem) {
|
Taro.navigateTo({
|
url: `${RouterPath.flexJobDetailFromTask}?enterpriseEmployeeId=${item.enterpriseEmployeeId}&id=${item.id}`,
|
});
|
}
|
</script>
|
|
<style lang="scss">
|
@import '@/styles/common.scss';
|
</style>
|
