From fbfdd719817dc79e1a9332a641f95cdfcd0eca32 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期五, 14 二月 2025 15:07:18 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- apps/bMiniApp/src/subpackages/task/taskHandleCheckDetail/InnerPage.vue | 108 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 108 insertions(+), 0 deletions(-) diff --git a/apps/bMiniApp/src/subpackages/task/taskHandleCheckDetail/InnerPage.vue b/apps/bMiniApp/src/subpackages/task/taskHandleCheckDetail/InnerPage.vue new file mode 100644 index 0000000..289d0a5 --- /dev/null +++ b/apps/bMiniApp/src/subpackages/task/taskHandleCheckDetail/InnerPage.vue @@ -0,0 +1,108 @@ +<template> + <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch"> + <ContentScrollView style="background-color: #fff"> + <div class="personal-info-wrapper"> + <TaskCheckPersonalView /> + </div> + <div class="taskCheckDetail-status-wrapper"> + <div class="taskCheckDetail-status-title">楠屾敹鐓х墖</div> + </div> + <div class="taskCheckDetail-time">2024.11.14 9:28:39</div> + <nut-grid + square + :column-num="3" + :border="false" + :gutter="20" + 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"> + <div class="pro-img-grid-img-item"> + <PreviewImage :src="item" class="pro-img-grid-img" :urls="list" /> + </div> + </nut-grid-item> + </nut-grid> + </ContentScrollView> + <PageFooter> + <PageFooterBtn type="primary" :color="Colors.Info" class="dark-btn">楠屾敹鏈�氳繃</PageFooterBtn> + <PageFooterBtn type="primary">楠屾敹閫氳繃</PageFooterBtn> + </PageFooter> + </LoadingLayout> +</template> + +<script setup lang="ts"> +import Taro from '@tarojs/taro'; +import { useQuery } from '@tanstack/vue-query'; +import * as orderServices from '@12333/services/api/Order'; +import TaskCheckPersonalView from '../components/TaskCheckPersonalView.vue'; +import { PreviewImage } from '@12333/components'; +import { Colors } from '@12333/constants'; + +defineOptions({ + name: 'InnerPage', +}); + +const router = Taro.useRouter(); +const taskId = router.params?.id ?? ''; + +const { + isLoading, + isError, + data: detail, + refetch, +} = useQuery({ + queryKey: ['orderServices/getOrdeForDetail', taskId], + queryFn: async () => { + return await orderServices.getOrdeForDetail( + { id: taskId }, + { + showLoading: false, + } + ); + }, + placeholderData: () => ({} as API.OrderInfoDto), +}); + +const list = ref([ + 'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg', + 'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg', + 'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg', + 'https://storage.360buyimg.com/jdc-article/fristfabu.jpg', +]); +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.taskHandleCheckDetail-page-wrapper { + .personal-info-wrapper { + padding-top: 52px; + padding-bottom: 36px; + border-bottom: 1px solid #d9d9d9; + margin-bottom: 22px; + } + + .taskCheckDetail-status-wrapper { + display: flex; + align-items: center; + font-weight: 600; + font-size: 28px; + line-height: 32px; + margin-bottom: 16px; + + .taskCheckDetail-status-title { + color: boleGetCssVar('text-color', 'primary'); + flex: 1; + min-width: 0; + } + } + + .taskCheckDetail-time { + font-weight: 400; + font-size: 24px; + color: boleGetCssVar('text-color', 'regular'); + line-height: 36px; + margin-bottom: 22px; + } +} +</style> -- Gitblit v1.9.1