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/mineHire/InnerPage.vue | 82 +++++++++++++++++++++++++++++++++++++++++ 1 files changed, 82 insertions(+), 0 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/mine/mineHire/InnerPage.vue b/apps/cMiniApp/src/subpackages/mine/mineHire/InnerPage.vue new file mode 100644 index 0000000..f9234cc --- /dev/null +++ b/apps/cMiniApp/src/subpackages/mine/mineHire/InnerPage.vue @@ -0,0 +1,82 @@ +<template> + <ProTabs + v-model="queryState.mineHireType" + name="home-tab" + :showPaneContent="false" + class="home-tabs" + isTransparent + title-gutter="12" + title-scroll + > + <ProTabPane :title="`鍏ㄩ儴`" :pane-key="MineHireType.All"></ProTabPane> + <ProTabPane :title="`杩涜涓璥" :pane-key="MineHireType.InProgress"></ProTabPane> + <ProTabPane :title="`寰呴獙鏀禶" :pane-key="MineHireType.WaitCheck"></ProTabPane> + <ProTabPane :title="`宸插畬鎴恅" :pane-key="MineHireType.Finished"></ProTabPane> + </ProTabs> + <InfiniteLoading + scrollViewClassName="common-infinite-scroll-list home-list" + v-bind="infiniteLoadingProps" + :key="queryState.mineHireType" + > + <template #renderItem="{ item }"> + <TaskCard> + <template #actions> + <div class="task-card-actions-text" :style="{ color: MineHireTypeColor[10] }"> + {{ MineHireTypeText[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 { MineHireType, MineHireTypeColor, MineHireTypeText } 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({ + mineHireType: MineHireType.All, +}); + +const userStore = useUserStore(); + +const { infiniteLoadingProps } = useInfiniteLoading( + ({ pageParam }) => { + let params: API.FrontOrderListInput = { + pageModel: { + rows: 20, + page: pageParam, + orderInput: [ + queryState.mineHireType === MineHireType.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