<template> 
 | 
  <LoadingLayout> 
 | 
    <ContentView> 
 | 
      <MyTaskCard 
 | 
        :name="infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.name" 
 | 
        :addressName="infiniteLoadingProps?.listData?.pages?.[0]?.objectData?.addressName" 
 | 
        :showMyTaskArrow="false" 
 | 
        :showTime="false" 
 | 
      ></MyTaskCard> 
 | 
      <ChunkTitle title="验收列表" /> 
 | 
    </ContentView> 
 | 
    <InfiniteLoading 
 | 
      scrollViewClassName="common-infinite-scroll-list" 
 | 
      v-bind="infiniteLoadingProps" 
 | 
    > 
 | 
      <template #renderItem="{ item }"> 
 | 
        <TaskCheckCard 
 | 
          :avatar="setOSSLink(item.avatar)" 
 | 
          :name="item.name" 
 | 
          :gender="item.gender" 
 | 
          :isReal="item.isReal" 
 | 
          :contactPhoneNumber="item.contactPhoneNumber" 
 | 
          :checkReceiveStatus="item.checkReceiveStatus" 
 | 
          @checkReceive="goTaskDetail(item)" 
 | 
        /> 
 | 
      </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 } from '@12333/components'; 
 | 
import { EnumTaskCheckReceiveStatus } from '@12333/constants'; 
 | 
import { setOSSLink } from '@12333/utils'; 
 | 
import dayjs from 'dayjs'; 
 | 
  
 | 
defineOptions({ 
 | 
  name: 'InnerPage', 
 | 
}); 
 | 
  
 | 
const router = Taro.useRouter(); 
 | 
const id = router.params?.id ?? ''; 
 | 
const date = router.params?.date ?? ''; 
 | 
const checkReceiveStatus = Number(router.params?.checkReceiveStatus); 
 | 
  
 | 
const { infiniteLoadingProps } = useInfiniteLoading( 
 | 
  ({ pageParam }) => { 
 | 
    let params: API.GetCheckReceiveTaskQuery = { 
 | 
      pageModel: { 
 | 
        rows: 20, 
 | 
        page: pageParam, 
 | 
      }, 
 | 
      taskInfoId: id, 
 | 
      date: dayjs(date).format('YYYY-MM-DD'), 
 | 
      checkReceiveStatus: checkReceiveStatus, 
 | 
    }; 
 | 
  
 | 
    return taskCheckReceiveServices.getCheckReceiveTask(params, { 
 | 
      showLoading: false, 
 | 
    }); 
 | 
  }, 
 | 
  { 
 | 
    queryKey: ['taskCheckReceiveServices/getCheckReceiveTask'], 
 | 
  } 
 | 
); 
 | 
  
 | 
function goTaskDetail(item: API.GetCheckReceiveTaskQueryResultItem) { 
 | 
  if (item.checkReceiveStatus === EnumTaskCheckReceiveStatus.Completed) { 
 | 
    Taro.navigateTo({ 
 | 
      url: `${RouterPath.taskCheckedDetail}?id=${item.id}`, 
 | 
    }); 
 | 
  } 
 | 
  if ( 
 | 
    item.checkReceiveStatus === EnumTaskCheckReceiveStatus.WaitCheckReceive || 
 | 
    item.checkReceiveStatus === EnumTaskCheckReceiveStatus.WaitSubmit 
 | 
  ) { 
 | 
    Taro.navigateTo({ 
 | 
      url: `${RouterPath.taskHandleCheckDetail}?id=${item.id}&date=${date}`, 
 | 
    }); 
 | 
  } 
 | 
} 
 | 
</script> 
 |