| | |
| | | <template> |
| | | <Calendar v-model="queryMenuState.time"></Calendar> |
| | | <ProTabs |
| | | v-model="queryMenuState.status" |
| | | v-model="queryMenuState.checkReceiveStatus" |
| | | name="task-tab" |
| | | :showPaneContent="false" |
| | | class="task-tabs" |
| | |
| | | title-gutter="8" |
| | | title-scroll |
| | | > |
| | | <ProTabPane title="待提交" pane-key="10"></ProTabPane> |
| | | <ProTabPane title="待验收" pane-key="10"></ProTabPane> |
| | | <ProTabPane title="已验收" pane-key="20"></ProTabPane> |
| | | <ProTabPane :title="`待提交`" :pane-key="EnumTaskCheckReceiveStatus.Wait"></ProTabPane> |
| | | <ProTabPane :title="`待验收`" :pane-key="EnumTaskCheckReceiveStatus.Wait"></ProTabPane> |
| | | <ProTabPane :title="`已验收`" :pane-key="EnumTaskCheckReceiveStatus.Completed"></ProTabPane> |
| | | </ProTabs> |
| | | <InfiniteLoading |
| | | scrollViewClassName="common-infinite-scroll-list" |
| | | v-bind="infiniteLoadingProps" |
| | | :key="queryMenuState.status" |
| | | :key="queryMenuState.checkReceiveStatus" |
| | | > |
| | | <template #renderItem="{ item }"> |
| | | <MyTaskCard |
| | |
| | | <script setup lang="ts"> |
| | | import { MyTaskCard, ProTabs, ProTabPane, Calendar } from '@12333/components'; |
| | | import Taro from '@tarojs/taro'; |
| | | import { EnumTaskCheckReceiveStatus } from '@12333/constants'; |
| | | import { useTaskList } from '@12333/hooks'; |
| | | |
| | | defineOptions({ |
| | |
| | | |
| | | const { queryMenuState, infiniteLoadingProps } = useTaskList({ |
| | | defaultQueryMenuState: { |
| | | status: EnumTaskStatus.Wait, |
| | | checkReceiveStatus: EnumTaskCheckReceiveStatus.Wait, |
| | | }, |
| | | }); |
| | | |