wupengfei
2025-03-13 186234cb3833e620aa0ae46212fe337eb2d6e77d
apps/bMiniApp/src/subpackages/task/taskHandleCheckDetail/InnerPage.vue
@@ -2,12 +2,19 @@
  <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch">
    <ContentScrollView style="background-color: #fff">
      <div class="personal-info-wrapper">
        <TaskCheckPersonalView />
        <TaskCheckPersonalView
          :avatarUrl="setOSSLink(detail.avatarUrl)"
          :name="detail.name"
          :isRealName="detail.isRealName"
          :contactPhone="detail.contactPhone"
        />
      </div>
      <div class="taskCheckDetail-status-wrapper">
        <div class="taskCheckDetail-status-title">验收照片</div>
      </div>
      <div class="taskCheckDetail-time">2024.11.14 9:28:39</div>
      <div class="taskCheckDetail-time">
        {{ dayjs(detail.appleCheckTime).format('YYYY.MM.DD HH:mm:ss') }}
      </div>
      <nut-grid
        square
        :column-num="3"
@@ -16,7 +23,11 @@
        v-if="list.length > 0"
        class="pro-img-grid"
      >
        <nut-grid-item v-for="(item, index) in list" :key="item" class="pro-img-grid-item">
        <nut-grid-item
          v-for="(item, index) in detail.checkImageUrl"
          :key="index"
          class="pro-img-grid-item"
        >
          <div class="pro-img-grid-img-item">
            <PreviewImage :src="item" class="pro-img-grid-img" :urls="list" />
          </div>
@@ -33,17 +44,20 @@
<script setup lang="ts">
import Taro from '@tarojs/taro';
import { useQuery } from '@tanstack/vue-query';
import * as orderServices from '@12333/services/api/Order';
import * as flexWorkerServices from '@12333/services/api/FlexWorker';
import TaskCheckPersonalView from '../components/TaskCheckPersonalView.vue';
import { PreviewImage } from '@12333/components';
import { Colors } from '@12333/constants';
import { setOSSLink } from '@12333/utils';
import dayjs from 'dayjs';
defineOptions({
  name: 'InnerPage',
});
const router = Taro.useRouter();
const taskId = router.params?.id ?? '';
const taskId = router.params?.taskId ?? '';
const userId = router.params?.userId ?? '';
const {
  isLoading,
@@ -51,16 +65,16 @@
  data: detail,
  refetch,
} = useQuery({
  queryKey: ['orderServices/getOrdeForDetail', taskId],
  queryKey: ['flexWorkerServices/getOrdeForDetail', taskId],
  queryFn: async () => {
    return await orderServices.getOrdeForDetail(
      { id: taskId },
    return await flexWorkerServices.getFlexTaskWorkerCheckContentDto(
      { flexTaskId: taskId, flexWorkerId: userId },
      {
        showLoading: false,
      }
    );
  },
  placeholderData: () => ({} as API.OrderInfoDto),
  placeholderData: () => ({} as API.GetTaskWorkerCheckContentOutput),
});
const list = ref([