|  |  | 
 |  |  | <template> | 
 |  |  |   <LoadingLayout> | 
 |  |  |     <ContentView> | 
 |  |  |       <ChunkTitle :title="title" /> | 
 |  |  |     </ContentView> | 
 |  |  |     <ProTabs | 
 |  |  |       v-model="queryState.type" | 
 |  |  |       name="taskUserSubmitCheckHistories-tab" | 
 |  |  | 
 |  |  |     > | 
 |  |  |       <ProTabPane :title="`全部`" :pane-key="0"></ProTabPane> | 
 |  |  |       <ProTabPane | 
 |  |  |         :title="EnumTaskUserSubmitCheckHistoryTypeText[EnumTaskUserSubmitCheckHistoryType.CheckIn]" | 
 |  |  |         :pane-key="EnumTaskUserSubmitCheckHistoryType.CheckIn" | 
 |  |  |       ></ProTabPane> | 
 |  |  |       <ProTabPane | 
 |  |  |         :title="EnumTaskUserSubmitCheckHistoryTypeText[EnumTaskUserSubmitCheckHistoryType.CheckOut]" | 
 |  |  |         :pane-key="EnumTaskUserSubmitCheckHistoryType.CheckOut" | 
 |  |  |         :title=" | 
 |  |  |           EnumGetCheckReceiveTaskCheckInUsersQueryStatusText[ | 
 |  |  |             EnumGetCheckReceiveTaskCheckInUsersQueryStatus.CheckOut | 
 |  |  |           ] | 
 |  |  |         " | 
 |  |  |         :pane-key="EnumGetCheckReceiveTaskCheckInUsersQueryStatus.CheckOut" | 
 |  |  |       ></ProTabPane> | 
 |  |  |       <ProTabPane | 
 |  |  |         :title=" | 
 |  |  |           EnumTaskUserSubmitCheckHistoryTypeText[EnumTaskUserSubmitCheckHistoryType.UnCheckIn] | 
 |  |  |           EnumGetCheckReceiveTaskCheckInUsersQueryStatusText[ | 
 |  |  |             EnumGetCheckReceiveTaskCheckInUsersQueryStatus.UnCheck | 
 |  |  |           ] | 
 |  |  |         " | 
 |  |  |         :pane-key="EnumTaskUserSubmitCheckHistoryType.UnCheckIn" | 
 |  |  |       ></ProTabPane> | 
 |  |  |       <ProTabPane | 
 |  |  |         :title=" | 
 |  |  |           EnumTaskUserSubmitCheckHistoryTypeText[EnumTaskUserSubmitCheckHistoryType.UnCheckOut] | 
 |  |  |         " | 
 |  |  |         :pane-key="EnumTaskUserSubmitCheckHistoryType.UnCheckOut" | 
 |  |  |         :pane-key="EnumGetCheckReceiveTaskCheckInUsersQueryStatus.UnCheck" | 
 |  |  |       ></ProTabPane> | 
 |  |  |     </ProTabs> | 
 |  |  |     <ChunkTitle :title="title" /> | 
 |  |  |     <InfiniteLoading | 
 |  |  |       scrollViewClassName="common-infinite-scroll-list" | 
 |  |  |       v-bind="infiniteLoadingProps" | 
 |  |  | 
 |  |  |           :gender="item.gender" | 
 |  |  |           :isReal="item.isReal" | 
 |  |  |           :contactPhoneNumber="item.contactPhoneNumber" | 
 |  |  |           :type="item.type" | 
 |  |  |           :checkTime="item.checkTime" | 
 |  |  |           @click="goDetail(item)" | 
 |  |  |         /> | 
 |  |  |       </template> | 
 |  |  |     </InfiniteLoading> | 
 |  |  | 
 |  |  | import Taro from '@tarojs/taro'; | 
 |  |  | import * as taskCheckReceiveServices from '@12333/services/apiV2/taskCheckReceive'; | 
 |  |  | import { useInfiniteLoading } from '@12333/hooks'; | 
 |  |  | import TaskCheckHistoryCard from '../components/TaskCheckHistoryCard.vue'; | 
 |  |  | import { ProTabs, ProTabPane } from '@12333/components'; | 
 |  |  | import { ProTabs, ProTabPane, TaskCheckHistoryCard } from '@12333/components'; | 
 |  |  | import { | 
 |  |  |   EnumTaskUserSubmitCheckHistoryTypeText, | 
 |  |  |   EnumTaskUserSubmitCheckHistoryTypeColor, | 
 |  |  |   EnumTaskUserSubmitCheckHistoryType, | 
 |  |  |   WeekCN, | 
 |  |  |   EnumGetCheckReceiveTaskCheckInUsersQueryStatus, | 
 |  |  |   EnumGetCheckReceiveTaskCheckInUsersQueryStatusText, | 
 |  |  | } from '@12333/constants'; | 
 |  |  | import { Message, setOSSLink } from '@12333/utils'; | 
 |  |  | import dayjs from 'dayjs'; | 
 |  |  | 
 |  |  | const title = `${dayjs(date).format('YYYY年MM月DD日')} 星期${WeekCN[dayjs(date).day()]}`; | 
 |  |  |  | 
 |  |  | const queryState = reactive({ | 
 |  |  |   type: 0 as any as EnumTaskUserSubmitCheckHistoryType, | 
 |  |  |   type: 0 as any as EnumGetCheckReceiveTaskCheckInUsersQueryStatus, | 
 |  |  | }); | 
 |  |  |  | 
 |  |  | const { infiniteLoadingProps } = useInfiniteLoading( | 
 |  |  |   async ({ pageParam }) => { | 
 |  |  |     let params: API.GetCheckReceiveTaskUserSubmitCheckHistoriesQuery = { | 
 |  |  |     let params: API.GetCheckReceiveTaskCheckInUsersQuery = { | 
 |  |  |       pageModel: { | 
 |  |  |         rows: 20, | 
 |  |  |         page: pageParam, | 
 |  |  |       }, | 
 |  |  |       taskInfoId: id, | 
 |  |  |       date: dayjs(date).format('YYYY-MM-DD'), | 
 |  |  |       type: queryState.type, | 
 |  |  |     }; | 
 |  |  |  | 
 |  |  |     let res = await taskCheckReceiveServices.getCheckReceiveTaskUserSubmitCheckHistories(params, { | 
 |  |  |     if (Number(queryState.type) !== 0) { | 
 |  |  |       params.status = queryState.type; | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     let res = await taskCheckReceiveServices.getCheckReceiveTaskCheckInUsers(params, { | 
 |  |  |       showLoading: false, | 
 |  |  |     }); | 
 |  |  |     return res; | 
 |  |  |   }, | 
 |  |  |   { | 
 |  |  |     queryKey: ['taskCheckReceiveServices/getCheckReceiveTaskUserSubmitCheckHistories', queryState], | 
 |  |  |     queryKey: ['taskCheckReceiveServices/getCheckReceiveTaskCheckInUsers', queryState], | 
 |  |  |   } | 
 |  |  | ); | 
 |  |  |  | 
 |  |  | function goDetail(item: API.GetCheckReceiveTaskCheckInUsersQueryResultItem) { | 
 |  |  |   Taro.navigateTo({ | 
 |  |  |     url: `${RouterPath.taskUserSubmitCheckHistoriesDetail}?id=${id}&date=${date}&taskInfoUserId=${item.id}`, | 
 |  |  |   }); | 
 |  |  | } | 
 |  |  | </script> |