From 5fbd1b13686fb3aaad863a0454625190aec92d2c Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期二, 12 八月 2025 14:04:03 +0800 Subject: [PATCH] feat: 接口对接 --- apps/cMiniApp/src/subpackages/mine/mineCollectTask/InnerPage.vue | 80 +++++++++++++++++++++------------------ 1 files changed, 43 insertions(+), 37 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/mine/mineCollectTask/InnerPage.vue b/apps/cMiniApp/src/subpackages/mine/mineCollectTask/InnerPage.vue index b5801b3..c912d41 100644 --- a/apps/cMiniApp/src/subpackages/mine/mineCollectTask/InnerPage.vue +++ b/apps/cMiniApp/src/subpackages/mine/mineCollectTask/InnerPage.vue @@ -1,14 +1,28 @@ <template> <div class="my-collect-task"> <div class="my-collect-task-title">鏀惰棌浠诲姟鍒楄〃</div> - <div class="my-collect-task-btn">娓呯┖宸插け鏁堜换鍔�</div> + <div class="my-collect-task-btn" @click="clearExpiredTask">娓呯┖宸插け鏁堜换鍔�</div> </div> <InfiniteLoading scrollViewClassName="common-infinite-scroll-list home-list" v-bind="infiniteLoadingProps" > <template #renderItem="{ item }"> - <TaskCard> </TaskCard> + <TaskCard + :name="item.name" + :address-name="item.addressName" + :begin-time="item.beginTime" + :end-time="item.endTime" + :gender-limit="item.genderLimit" + :service-fee="item.serviceFee" + :billing-method="item.billingMethod" + :settlement-cycle="item.settlementCycle" + :benefits="item.benefits" + > + <template #actions> + <nut-button @click="goTaskDetail(item)" type="primary">鎶ュ悕</nut-button> + </template> + </TaskCard> </template> </InfiniteLoading> </template> @@ -16,55 +30,47 @@ <script setup lang="ts"> import { TaskCard } from '@12333/components'; import { useUserStore } from '@/stores/modules/user'; -import { useInfiniteLoading } from '@12333/hooks'; -import { OrderInputType } from '@12333/constants'; -import * as orderServices from '@12333/services/api/Order'; +import { useTaskList } from '@12333/hooks'; +import Taro from '@tarojs/taro'; defineOptions({ name: 'InnerPage', }); -const userStore = useUserStore(); +const { infiniteLoadingProps } = useTaskList({ + defaultQueryMenuState: {}, +}); -const { infiniteLoadingProps } = useInfiniteLoading( - ({ pageParam }) => { - let params: API.FrontOrderListInput = { - pageModel: { - rows: 20, - page: pageParam, - orderInput: [{ property: 'isRecommend', order: OrderInputType.Desc }], - }, - }; +function goTaskDetail(item: API.GetTaskInfosQueryResultItem) { + Taro.navigateTo({ + url: `${RouterPath.taskCheckDetail}?id=${item.id}`, + }); +} - return orderServices.getFrontOrderList(params, { - showLoading: false, - }); - }, - { - queryKey: ['orderServices/getFrontOrderList'], - } -); +function clearExpiredTask() {} </script> <style lang="scss"> @import '@/styles/common.scss'; -.my-collect-task { - display: flex; - align-items: center; - justify-content: space-between; - padding: 30px 40px; +.mineCollectTask-page-wrapper { + .my-collect-task { + display: flex; + align-items: center; + justify-content: space-between; + padding: 30px 40px; - .my-collect-task-title { - font-size: 28px; - line-height: 40px; - color: boleGetCssVar('text-color', 'primary'); - } + .my-collect-task-title { + font-size: 28px; + line-height: 40px; + color: boleGetCssVar('text-color', 'primary'); + } - .my-collect-task-btn { - font-size: 24px; - line-height: 34px; - color: boleGetCssVar('text-color', 'regular'); + .my-collect-task-btn { + font-size: 24px; + line-height: 34px; + color: boleGetCssVar('text-color', 'regular'); + } } } </style> -- Gitblit v1.9.1