| | |
| | | > |
| | | <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> |
| | |
| | | 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, |
| | |
| | | }; |
| | | |
| | | if (Number(queryState.type) !== 0) { |
| | | params.type = queryState.type; |
| | | params.status = queryState.type; |
| | | } |
| | | |
| | | let res = await taskCheckReceiveServices.getCheckReceiveTaskUserSubmitCheckHistories(params, { |
| | | 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=${item.id}&date=${date}`, |
| | | }); |
| | | } |
| | | </script> |