| | |
|---|
| | | <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch"> |
|---|
| | | <ContentView> |
|---|
| | | <MyTaskCard |
|---|
| | | :task-name="detail.taskName" |
|---|
| | | :address="address" |
|---|
| | | :namee="detail.name" |
|---|
| | | :addressName="detail.addressName" |
|---|
| | | :showMyTaskArrow="false" |
|---|
| | | :showTime="false" |
|---|
| | | ></MyTaskCard> |
|---|
| | |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import Taro from '@tarojs/taro'; |
|---|
| | | import { useQuery } from '@tanstack/vue-query'; |
|---|
| | | import * as flexWorkerServices from '@12333/services/api/FlexWorker'; |
|---|
| | | import * as taskServices from '@12333/services/apiV2/task'; |
|---|
| | | import { useInfiniteLoading } from '@12333/hooks'; |
|---|
| | | import { OrderInputType } from '@12333/constants'; |
|---|
| | | import TaskCheckCard from '../components/TaskCheckCard.vue'; |
|---|
| | |
|---|
| | | data: detail, |
|---|
| | | refetch, |
|---|
| | | } = useQuery({ |
|---|
| | | queryKey: ['flexWorkerServices/getFlexTaskDto', taskId], |
|---|
| | | queryKey: ['taskServices/getTaskInfo', taskId], |
|---|
| | | queryFn: async () => { |
|---|
| | | return await flexWorkerServices.getFlexTaskDto( |
|---|
| | | return await taskServices.getTaskInfo( |
|---|
| | | { id: taskId }, |
|---|
| | | { |
|---|
| | | showLoading: false, |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | placeholderData: () => ({} as API.GetFlexTaskDtoOutput), |
|---|
| | | }); |
|---|
| | | |
|---|
| | | const address = computed(() => { |
|---|
| | | return `${detail.value.provinceName} ${detail.value.cityName} ${detail.value.areaName} ${detail.value.address}`; |
|---|
| | | placeholderData: () => ({} as API.GetTaskInfoQueryResult), |
|---|
| | | }); |
|---|
| | | |
|---|
| | | const queryState = reactive({ |
|---|
