<template>
|
<LoadingLayout>
|
<ContentView>
|
<MyTaskCard
|
:name="infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.taskInfo?.name"
|
:addressName="infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.taskInfo?.addressName"
|
:showMyTaskArrow="false"
|
:showTime="false"
|
></MyTaskCard>
|
<ChunkTitle title="验收列表" />
|
<TaskCheckCard
|
:avatar="
|
setOSSLink(
|
infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.enterpriseEmployeeUser?.avatar
|
)
|
"
|
:name="infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.enterpriseEmployeeUser?.name"
|
:gender="
|
infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.enterpriseEmployeeUser?.gender
|
"
|
:isReal="
|
infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.enterpriseEmployeeUser?.isReal
|
"
|
:contactPhoneNumber="
|
infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.enterpriseEmployeeUser
|
?.contactPhoneNumber
|
"
|
:checkReceiveStatus="
|
infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.enterpriseEmployeeUser
|
?.checkReceiveStatus
|
"
|
/>
|
<div class="taskCheckFileCard-status-title">验收照片</div>
|
</ContentView>
|
<InfiniteLoading
|
scrollViewClassName="common-infinite-scroll-list"
|
v-bind="infiniteLoadingProps"
|
:key="date"
|
>
|
<template #renderItem="{ item }">
|
<TaskCheckFileCard
|
:created-time="item?.createdTime"
|
:checkReceiveStatus="item?.checkReceiveStatus"
|
:files="item?.files?.map((x) => setOSSLink(x))"
|
/>
|
</template>
|
</InfiniteLoading>
|
</LoadingLayout>
|
</template>
|
|
<script setup lang="ts">
|
import Taro from '@tarojs/taro';
|
import * as taskCheckReceiveServices from '@12333/services/apiV2/taskCheckReceive';
|
import { useInfiniteLoading } from '@12333/hooks';
|
import TaskCheckCard from '../components/TaskCheckCard.vue';
|
import { MyTaskCard, TaskCheckFileCard } from '@12333/components';
|
import { setOSSLink } from '@12333/utils';
|
|
defineOptions({
|
name: 'InnerPage',
|
});
|
|
const router = Taro.useRouter();
|
const id = router.params?.id ?? '';
|
const date = router.params?.date ?? '';
|
|
const { infiniteLoadingProps } = useInfiniteLoading(
|
({ pageParam }) => {
|
let params: API.GetCheckReceiveTaskUserSubmitsQuery = {
|
pageModel: {
|
rows: 20,
|
page: pageParam,
|
},
|
id: id,
|
};
|
|
return taskCheckReceiveServices.getCheckReceiveTaskUserSubmits(params, {
|
showLoading: false,
|
});
|
},
|
{
|
queryKey: ['taskCheckReceiveServices/getCheckReceiveTaskUserSubmits'],
|
}
|
);
|
</script>
|
<style lang="scss">
|
@import '@/styles/common.scss';
|
|
.taskCheckedDetail-page-wrapper {
|
.taskCheckFileCard-status-title {
|
font-weight: 600;
|
font-size: 28px;
|
line-height: 32px;
|
margin-bottom: 16px;
|
color: boleGetCssVar('text-color', 'primary');
|
}
|
|
.task-check-card-wrapper {
|
margin-bottom: 24px;
|
}
|
}
|
</style>
|
