From 61556a945a1a90e1c97bb2f7e1f990cd09de4318 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期二, 11 二月 2025 18:10:11 +0800 Subject: [PATCH] Merge branch 'master' of http://120.26.58.240:8888/r/flexJobMiniApp --- apps/cMiniApp/src/subpackages/mine/mineSign/InnerPage.vue | 81 ++++++++++++++++++++++++++++++++++++++++ 1 files changed, 81 insertions(+), 0 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/mine/mineSign/InnerPage.vue b/apps/cMiniApp/src/subpackages/mine/mineSign/InnerPage.vue new file mode 100644 index 0000000..c423588 --- /dev/null +++ b/apps/cMiniApp/src/subpackages/mine/mineSign/InnerPage.vue @@ -0,0 +1,81 @@ +<template> + <ProTabs + v-model="queryState.mineSignType" + name="home-tab" + :showPaneContent="false" + class="home-tabs" + isTransparent + title-gutter="12" + title-scroll + > + <ProTabPane :title="`鍏ㄩ儴`" :pane-key="MineSignType.All"></ProTabPane> + <ProTabPane :title="`寰呯‘璁" :pane-key="MineSignType.WaitConfirm"></ProTabPane> + <ProTabPane :title="`寰呯绾" :pane-key="MineSignType.WaitSign"></ProTabPane> + </ProTabs> + <InfiniteLoading + scrollViewClassName="common-infinite-scroll-list home-list" + v-bind="infiniteLoadingProps" + :key="queryState.mineSignType" + > + <template #renderItem="{ item }"> + <TaskCard> + <template #actions> + <div class="task-card-actions-text" :style="{ color: MineSignTypeColor[10] }"> + {{ MineSignTypeText[10] }} + </div> + </template> + </TaskCard> + </template> + </InfiniteLoading> +</template> + +<script setup lang="ts"> +import { TaskCard, ProTabs, ProTabPane } from '@12333/components'; +import { useUserStore } from '@/stores/modules/user'; +import { MineSignType, MineSignTypeColor, MineSignTypeText } from './constants'; +import { useInfiniteLoading } from '@12333/hooks'; +import { OrderInputType } from '@12333/constants'; +import * as orderServices from '@12333/services/api/Order'; + +defineOptions({ + name: 'InnerPage', +}); + +const queryState = reactive({ + mineSignType: MineSignType.All, +}); + +const userStore = useUserStore(); + +const { infiniteLoadingProps } = useInfiniteLoading( + ({ pageParam }) => { + let params: API.FrontOrderListInput = { + pageModel: { + rows: 20, + page: pageParam, + orderInput: [ + queryState.mineSignType === MineSignType.All + ? { property: 'isRecommend', order: OrderInputType.Desc } + : { property: 'lastShelfTime', order: OrderInputType.Desc }, + ], + }, + }; + + return orderServices.getFrontOrderList(params, { + showLoading: false, + }); + }, + { + queryKey: ['orderServices/getFrontOrderList', queryState], + } +); +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.task-card-actions-text { + font-size: 24px; + line-height: 42px; +} +</style> -- Gitblit v1.9.1