| | |
| | | <template> |
| | | <Calendar v-model="queryState.date"></Calendar> |
| | | <Calendar key="calendar" v-model="queryState.date"></Calendar> |
| | | <ProTabs |
| | | v-model="queryState.checkReceiveStatus" |
| | | name="task-tab" |
| | |
| | | ></ProTabPane> |
| | | <ProTabPane :title="`已验收`" :pane-key="EnumTaskCheckReceiveStatus.Completed"></ProTabPane> |
| | | </ProTabs> |
| | | <div class="task-list-container"> |
| | | <InfiniteLoading |
| | | scrollViewClassName="common-infinite-scroll-list task-list" |
| | | v-bind="infiniteLoadingProps" |
| | |
| | | /> |
| | | </template> |
| | | </InfiniteLoading> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | |
| | | <style lang="scss"> |
| | | @import '@/styles/common.scss'; |
| | | |
| | | .task-list-container { |
| | | flex: 1; |
| | | min-height: 0; |
| | | display: flex; |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .task-list { |
| | | @include infiniteLoadingInTabBarPage; |
| | | } |