wupengfei
2 天以前 762ee921146f8557c2b9ce96df36ad85959c0f18
apps/bMiniApp/src/subpackages/task/taskUserSubmitCheckHistories/InnerPage.vue
@@ -1,5 +1,8 @@
<template>
  <LoadingLayout>
    <ContentView>
      <ChunkTitle :title="title" />
    </ContentView>
    <ProTabs
      v-model="queryState.type"
      name="taskUserSubmitCheckHistories-tab"
@@ -11,29 +14,22 @@
    >
      <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>
    <ContentView>
      <ChunkTitle :title="title" />
    </ContentView>
    <InfiniteLoading
      scrollViewClassName="common-infinite-scroll-list"
      v-bind="infiniteLoadingProps"
@@ -45,8 +41,7 @@
          :gender="item.gender"
          :isReal="item.isReal"
          :contactPhoneNumber="item.contactPhoneNumber"
          :type="item.type"
          :checkTime="item.checkTime"
          @click="goDetail(item)"
        />
      </template>
    </InfiniteLoading>
@@ -57,13 +52,14 @@
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';
@@ -79,28 +75,37 @@
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>