From 006e8527857850dfd01371384afa532af5a001f7 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 12 二月 2025 14:58:56 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- apps/cMiniApp/src/pages/task/InnerPage.vue | 74 +++++++++++++++++++++++++++++++++++++ 1 files changed, 74 insertions(+), 0 deletions(-) diff --git a/apps/cMiniApp/src/pages/task/InnerPage.vue b/apps/cMiniApp/src/pages/task/InnerPage.vue new file mode 100644 index 0000000..159140e --- /dev/null +++ b/apps/cMiniApp/src/pages/task/InnerPage.vue @@ -0,0 +1,74 @@ +<template> + <Calendar v-model="queryState.date"></Calendar> + <ProTabs + v-model="queryState.status" + name="task-tab" + :showPaneContent="false" + class="task-tabs" + isTransparent + title-gutter="8" + title-scroll + > + <ProTabPane :title="`寰呮彁浜" :pane-key="10"></ProTabPane> + <ProTabPane :title="`寰呴獙鏀禶" :pane-key="20"></ProTabPane> + </ProTabs> + <InfiniteLoading + scrollViewClassName="common-infinite-scroll-list task-list" + v-bind="infiniteLoadingProps" + :key="queryState.status" + > + <template #renderItem="{ item }"> + <MyTaskCard @click="goSubmitTaskDetail(item)" /> + </template> + </InfiniteLoading> +</template> + +<script setup lang="ts"> +import { MyTaskCard, ProTabs, ProTabPane, Calendar } from '@12333/components'; +import Taro from '@tarojs/taro'; +import { useInfiniteLoading } from '@12333/hooks'; +import { OrderInputType } from '@12333/constants'; +import * as orderServices from '@12333/services/api/Order'; + +defineOptions({ + name: 'InnerPage', +}); + +const queryState = reactive({ + status: 10, + date: new Date(), +}); + +const { infiniteLoadingProps } = useInfiniteLoading( + ({ pageParam }) => { + let params: API.FrontOrderListInput = { + pageModel: { + rows: 20, + page: pageParam, + orderInput: [{ property: 'lastShelfTime', order: OrderInputType.Desc }], + }, + }; + + return orderServices.getFrontOrderList(params, { + showLoading: false, + }); + }, + { + queryKey: ['orderServices/getFrontOrderList', queryState], + } +); + +function goSubmitTaskDetail(item: API.FrontOrderList) { + Taro.navigateTo({ + url: `${RouterPath.taskDetail}?id=${item.id}`, + }); +} +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.task-list { + @include infiniteLoadingInTabBarPage; +} +</style> -- Gitblit v1.9.1