|  |  |  | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | <InfiniteLoading | 
|---|
|  |  |  | 
|---|
|  |  |  | :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> | 
|---|