| | |
| | | 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> |
| | | <ProTabPane :title="`全部`" :pane-key="0"></ProTabPane> |
| | | <ProTabPane :title="`待签约`" :pane-key="10"></ProTabPane> |
| | | <ProTabPane :title="`生效中`" :pane-key="20"></ProTabPane> |
| | | <ProTabPane :title="`已终止`" :pane-key="30"></ProTabPane> |
| | | </ProTabs> |
| | | <InfiniteLoading |
| | | scrollViewClassName="common-infinite-scroll-list home-list" |
| | |
| | | <template #renderItem="{ item }"> |
| | | <MineAgreementSignCard @click="goDetail"> |
| | | <template #actions> |
| | | <div class="task-card-actions-text" :style="{ color: MineAgreementSignTypeColor[10] }"> |
| | | {{ MineAgreementSignTypeText[10] }} |
| | | <div class="task-card-actions-text" :style="{ color: TaskStatusColor[10] }"> |
| | | {{ TaskStatusText[10] }} |
| | | </div> |
| | | </template> |
| | | </MineAgreementSignCard> |
| | |
| | | <script setup lang="ts"> |
| | | import { MineAgreementSignCard, ProTabs, ProTabPane } from '@12333/components'; |
| | | import { useUserStore } from '@/stores/modules/user'; |
| | | import { |
| | | MineAgreementSignType, |
| | | MineAgreementSignTypeColor, |
| | | MineAgreementSignTypeText, |
| | | } from './constants'; |
| | | import { TaskStatusText, TaskStatusColor, TaskStatus } from '@/constants'; |
| | | import { useInfiniteLoading } from '@12333/hooks'; |
| | | import { OrderInputType } from '@12333/constants'; |
| | | import * as orderServices from '@12333/services/api/Order'; |
| | |
| | | }); |
| | | |
| | | const queryState = reactive({ |
| | | mineAgreementSignType: MineAgreementSignType.All, |
| | | mineAgreementSignType: TaskStatus.All, |
| | | }); |
| | | |
| | | const userStore = useUserStore(); |
| | |
| | | rows: 20, |
| | | page: pageParam, |
| | | orderInput: [ |
| | | queryState.mineAgreementSignType === MineAgreementSignType.All |
| | | queryState.mineAgreementSignType === TaskStatus.All |
| | | ? { property: 'isRecommend', order: OrderInputType.Desc } |
| | | : { property: 'lastShelfTime', order: OrderInputType.Desc }, |
| | | ], |
| | |
| | | <style lang="scss"> |
| | | @import '@/styles/common.scss'; |
| | | |
| | | .task-card-actions-text { |
| | | font-size: 24px; |
| | | line-height: 42px; |
| | | .mineAgreementSign-page-wrapper { |
| | | .task-card-actions-text { |
| | | font-size: 24px; |
| | | line-height: 42px; |
| | | } |
| | | } |
| | | </style> |