From 318a7bbb40a8f37f825f9eb4ee1bcd84c6020a09 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期三, 13 八月 2025 16:00:34 +0800 Subject: [PATCH] feat: 接口对接 --- apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue | 80 +++++++++++++++++++++++----------------- 1 files changed, 46 insertions(+), 34 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue b/apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue index 4979b79..c91b50a 100644 --- a/apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue +++ b/apps/cMiniApp/src/subpackages/task/taskCheckDetail/InnerPage.vue @@ -1,36 +1,47 @@ <template> <ContentScrollView style="background-color: transparent"> <MyTaskCard :showMyTaskArrow="false"></MyTaskCard> - <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="list.length > 0" - class="taskCheckDetail-img-grid" + <InfiniteLoading + scrollViewClassName="common-infinite-scroll-list task-list" + v-bind="infiniteLoadingProps" > - <nut-grid-item - v-for="(item, index) in list" - :key="item" - class="publish-circle-friend-file-grid-item" - > - <div class="taskCheckDetail-img-grid-item"> - <PreviewImage :src="item" class="taskCheckDetail-img" :urls="list" /> + <template #renderItem="{ item }"> + <div class="taskCheckDetail-status-wrapper"> + <div class="taskCheckDetail-status-title">楠屾敹鐓х墖</div> + <div + class="taskCheckDetail-status" + :style="{ + color: Colors.Warning, + }" + > + 寰呴獙鏀� + </div> </div> - </nut-grid-item> - </nut-grid> + <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> + </template> + </InfiniteLoading> </ContentScrollView> <!-- <div class="taskCheckDetail-tips-wrapper"> <div class="taskCheckDetail-tips-text">鎮ㄥ皻鏈粦瀹氶摱琛屽崱锛屾殏鏃舵棤娉曠粨绠楁湇鍔¤垂</div> @@ -41,17 +52,18 @@ <script setup lang="ts"> import { MyTaskCard, PreviewImage } from '@12333/components'; import { Colors } from '@12333/constants'; +import Taro from '@tarojs/taro'; +import { useCheckReceiveTaskUserSubmits } from '@12333/hooks'; +import { setOSSLink } from '@12333/utils'; defineOptions({ name: 'InnerPage', }); -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', -]); +const route = Taro.useRouter(); +const id = route.params?.id as string; + +const { infiniteLoadingProps } = useCheckReceiveTaskUserSubmits({ id: id }); </script> <style lang="scss"> -- Gitblit v1.9.1