feat: 接口对接

wupengfei

2025-03-11 286f1b727856d6b32a8d237f353ae008f3076deb

 apps/bMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue

@@ -1,7 +1,12 @@
<template>
  <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch">
    <ContentView>
      <MyTaskCard :showMyTaskArrow="false" :showTime="false"></MyTaskCard>
      <MyTaskCard
        :task-name="detail.taskName"
        :address="address"
        :showMyTaskArrow="false"
        :showTime="false"
      ></MyTaskCard>
      <ChunkTitle title="验收列表" />
    </ContentView>
    <InfiniteLoading
@@ -10,7 +15,15 @@
      :key="queryState.status"
    >
      <template #renderItem="{ item }">
        <TaskCheckCard @click="goHandleTaskDetail(item)" />
        <TaskCheckCard
          :avatarUrl="setOSSLink(item.avatarUrl)"
          :name="item.name"
          :genderType="item.genderType"
          :isRealName="item.isRealName"
          :contactPhone="item.contactPhone"
          :checkAcceptStatus="item.checkAcceptStatus"
          @click="goHandleTaskDetail(item)"
        />
      </template>
    </InfiniteLoading>
  </LoadingLayout>
@@ -24,13 +37,14 @@
import { OrderInputType } from '@12333/constants';
import TaskCheckCard from '../components/TaskCheckCard.vue';
import { MyTaskCard } from '@12333/components';
import { setOSSLink } from '@12333/utils';

defineOptions({
  name: 'InnerPage',
});

const router = Taro.useRouter();
const taskId = router.params?.id ?? '';
const taskId = router.params?.taskId ?? '';

const {
  isLoading,
@@ -38,16 +52,20 @@
  data: detail,
  refetch,
} = useQuery({
  queryKey: ['flexWorkerServices/getOrdeForDetail', taskId],
  queryKey: ['flexWorkerServices/getFlexTaskDto', taskId],
  queryFn: async () => {
    return await flexWorkerServices.getOrdeForDetail(
    return await flexWorkerServices.getFlexTaskDto(
      { id: taskId },
      {
        showLoading: false,
      }
    );
  },
  placeholderData: () => ({} as API.OrderInfoDto),
  placeholderData: () => ({} as API.GetFlexTaskDtoOutput),
});

const address = computed(() => {
  return `${detail.value.provinceName} ${detail.value.cityName} ${detail.value.areaName} ${detail.value.address}`;
});

const queryState = reactive({
@@ -56,7 +74,7 @@

const { infiniteLoadingProps } = useInfiniteLoading(
  ({ pageParam }) => {
    let params: API.GetFlexTaskListInput = {
    let params: API.GetFlexTaskWorkerCheckListInput = {
      pageModel: {
        rows: 20,
        page: pageParam,
@@ -64,18 +82,18 @@
      },
    };

    return flexWorkerServices.getFlexTaskByArrange(params, {
    return flexWorkerServices.getFlexTaskWorkerCheckList(params, {
      showLoading: false,
    });
  },
  {
    queryKey: ['flexWorkerServices/getFlexTaskByArrange', queryState],
    queryKey: ['flexWorkerServices/getFlexTaskWorkerCheckList', queryState],
  }
);

function goHandleTaskDetail(item: API.GetFlexTaskListOutput) {
function goHandleTaskDetail(item: API.GetNewestWorkerListOutput) {
  Taro.navigateTo({
    url: `${RouterPath.taskHandleCheckDetail}?id=${item.id}`,
    url: `${RouterPath.taskHandleCheckDetail}?userId=${item.userId}`,
  });
}
</script>