From 18f571786729ff46a667760a569436593c59f899 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期四, 14 八月 2025 09:10:30 +0800 Subject: [PATCH] feat: 接口对接 --- apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue | 108 ++++-------------------------------------------------- 1 files changed, 8 insertions(+), 100 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue b/apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue index c91b50a..7f2f3eb 100644 --- a/apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue +++ b/apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue @@ -1,45 +1,16 @@ <template> <ContentScrollView style="background-color: transparent"> <MyTaskCard :showMyTaskArrow="false"></MyTaskCard> + <div class="taskCheckFileCard-status-title">楠屾敹鐓х墖</div> <InfiniteLoading scrollViewClassName="common-infinite-scroll-list task-list" v-bind="infiniteLoadingProps" > <template #renderItem="{ item }"> - <div class="taskCheckDetail-status-wrapper"> - <div class="taskCheckDetail-status-title">楠屾敹鐓х墖</div> - <div - class="taskCheckDetail-status" - :style="{ - color: Colors.Warning, - }" - > - 寰呴獙鏀� - </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="item?.files?.length > 0" - class="taskCheckDetail-img-grid" - > - <nut-grid-item - v-for="(itema, index) in item.files" - :key="index" - class="publish-circle-friend-file-grid-item" - > - <div class="taskCheckDetail-img-grid-item"> - <PreviewImage - :src="setOSSLink(itema)" - class="taskCheckDetail-img" - :urls="item.files" - /> - </div> - </nut-grid-item> - </nut-grid> + <TaskCheckFileCard + :created-time="item?.createdTime" + :files="item?.files" + ></TaskCheckFileCard> </template> </InfiniteLoading> </ContentScrollView> @@ -50,11 +21,9 @@ </template> <script setup lang="ts"> -import { MyTaskCard, PreviewImage } from '@12333/components'; -import { Colors } from '@12333/constants'; +import { MyTaskCard, TaskCheckFileCard } from '@12333/components'; import Taro from '@tarojs/taro'; import { useCheckReceiveTaskUserSubmits } from '@12333/hooks'; -import { setOSSLink } from '@12333/utils'; defineOptions({ name: 'InnerPage', @@ -70,73 +39,12 @@ @import '@/styles/common.scss'; .taskCheckDetail-page-wrapper { - .taskCheckDetail-status-wrapper { - display: flex; - align-items: center; + .taskCheckFileCard-status-title { 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; - } - - .taskCheckDetail-img-grid { - padding: 0 !important; - - .publish-circle-friend-file-grid-item { - .nut-grid-item__content--square { - padding: 0; - border: none; - display: block; - background-color: transparent; - } - } - - .taskCheckDetail-img-grid-item { - width: 100%; - height: 100%; - box-sizing: border-box; - position: relative; - padding: 20px; - } - - .taskCheckDetail-img { - border-radius: 8px; - width: 100% !important; - height: 100%; - object-fit: cover; - } - } - - .taskCheckDetail-tips-wrapper { - display: flex; - flex-direction: column; - align-items: center; - font-weight: 400; - font-size: 24px; - line-height: 32px; - padding: 20px 0; - - .taskCheckDetail-tips-text { - color: boleGetCssVar('text-color', 'secondary'); - } - - .taskCheckDetail-tips-btn { - color: boleGetCssVar('color', 'primary'); - } + color: boleGetCssVar('text-color', 'primary'); } } </style> -- Gitblit v1.9.1