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/mineAgreementSign/InnerPage.vue | 93 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 93 insertions(+), 0 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/mine/mineAgreementSign/InnerPage.vue b/apps/cMiniApp/src/subpackages/mine/mineAgreementSign/InnerPage.vue new file mode 100644 index 0000000..fe9a163 --- /dev/null +++ b/apps/cMiniApp/src/subpackages/mine/mineAgreementSign/InnerPage.vue @@ -0,0 +1,93 @@ +<template> + <ProTabs + v-model="queryState.mineAgreementSignType" + name="home-tab" + :showPaneContent="false" + class="home-tabs" + isTransparent + title-gutter="12" + title-scroll + > + <ProTabPane :title="`鍏ㄩ儴`" :pane-key="MineAgreementSignType.All"></ProTabPane> + <ProTabPane :title="`寰呯绾" :pane-key="MineAgreementSignType.WaitSign"></ProTabPane> + <ProTabPane :title="`鐢熸晥涓璥" :pane-key="MineAgreementSignType.Effect"></ProTabPane> + <ProTabPane :title="`宸茬粓姝" :pane-key="MineAgreementSignType.Terminated"></ProTabPane> + </ProTabs> + <InfiniteLoading + scrollViewClassName="common-infinite-scroll-list home-list" + v-bind="infiniteLoadingProps" + :key="queryState.mineAgreementSignType" + > + <template #renderItem="{ item }"> + <MineAgreementSignCard @click="goDetail"> + <template #actions> + <div class="task-card-actions-text" :style="{ color: MineAgreementSignTypeColor[10] }"> + {{ MineAgreementSignTypeText[10] }} + </div> + </template> + </MineAgreementSignCard> + </template> + </InfiniteLoading> +</template> + +<script setup lang="ts"> +import { MineAgreementSignCard, ProTabs, ProTabPane } from '@12333/components'; +import { useUserStore } from '@/stores/modules/user'; +import { + MineAgreementSignType, + MineAgreementSignTypeColor, + MineAgreementSignTypeText, +} from './constants'; +import { useInfiniteLoading } from '@12333/hooks'; +import { OrderInputType } from '@12333/constants'; +import * as orderServices from '@12333/services/api/Order'; +import Taro from '@tarojs/taro'; + +defineOptions({ + name: 'InnerPage', +}); + +const queryState = reactive({ + mineAgreementSignType: MineAgreementSignType.All, +}); + +const userStore = useUserStore(); + +const { infiniteLoadingProps } = useInfiniteLoading( + ({ pageParam }) => { + let params: API.FrontOrderListInput = { + pageModel: { + rows: 20, + page: pageParam, + orderInput: [ + queryState.mineAgreementSignType === MineAgreementSignType.All + ? { property: 'isRecommend', order: OrderInputType.Desc } + : { property: 'lastShelfTime', order: OrderInputType.Desc }, + ], + }, + }; + + return orderServices.getFrontOrderList(params, { + showLoading: false, + }); + }, + { + queryKey: ['orderServices/getFrontOrderList', queryState], + } +); + +function goDetail() { + Taro.navigateTo({ + url: RouterPath.mineAgreementSignDetail, + }); +} +</script> + +<style lang="scss"> +@import '@/styles/common.scss'; + +.task-card-actions-text { + font-size: 24px; + line-height: 42px; +} +</style> -- Gitblit v1.9.1