|  |  | 
 |  |  | <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> | 
 |  |  |   <InfiniteLoading | 
 |  |  |     scrollViewClassName="common-infinite-scroll-list task-list" | 
 |  |  |     v-bind="infiniteLoadingProps" | 
 |  |  |     :key="queryState.checkReceiveStatus" | 
 |  |  |   > | 
 |  |  |     <template #renderItem="{ item }"> | 
 |  |  |       <MyTaskCard | 
 |  |  |         :name="item.name" | 
 |  |  |         :addressName="item.addressName" | 
 |  |  |         :begin-time="item.beginTime" | 
 |  |  |         :end-time="item.endTime" | 
 |  |  |         @click="goSubmitTaskDetail(item)" | 
 |  |  |       /> | 
 |  |  |     </template> | 
 |  |  |   </InfiniteLoading> | 
 |  |  |   <div class="task-list-container"> | 
 |  |  |     <InfiniteLoading | 
 |  |  |       scrollViewClassName="common-infinite-scroll-list task-list" | 
 |  |  |       v-bind="infiniteLoadingProps" | 
 |  |  |       :key="queryState.checkReceiveStatus" | 
 |  |  |     > | 
 |  |  |       <template #renderItem="{ item }"> | 
 |  |  |         <MyTaskCard | 
 |  |  |           :name="item.name" | 
 |  |  |           :addressName="item.addressName" | 
 |  |  |           :begin-time="item.beginTime" | 
 |  |  |           :end-time="item.endTime" | 
 |  |  |           @click="goSubmitTaskDetail(item)" | 
 |  |  |         /> | 
 |  |  |       </template> | 
 |  |  |     </InfiniteLoading> | 
 |  |  |   </div> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script setup lang="ts"> | 
 |  |  | 
 |  |  | const { queryState, infiniteLoadingProps } = useCheckReceiveTasks(); | 
 |  |  |  | 
 |  |  | function goSubmitTaskDetail(item: API.GetCheckReceiveTasksQueryResultItem) { | 
 |  |  |   if (item.checkReceiveStatus === EnumTaskCheckReceiveStatus.WaitSubmit) { | 
 |  |  |   if (Number(queryState.checkReceiveStatus) === EnumTaskCheckReceiveStatus.WaitSubmit) { | 
 |  |  |     Taro.navigateTo({ | 
 |  |  |       url: `${RouterPath.taskSubmitCheck}?id=${item.id}`, | 
 |  |  |       url: `${RouterPath.taskSubmitCheck}?id=${item.id}&date=${queryState.date}`, | 
 |  |  |     }); | 
 |  |  |   } | 
 |  |  |   if (item.checkReceiveStatus === EnumTaskCheckReceiveStatus.Completed) { | 
 |  |  |   if ( | 
 |  |  |     Number(queryState.checkReceiveStatus) === EnumTaskCheckReceiveStatus.WaitCheckReceive || | 
 |  |  |     Number(queryState.checkReceiveStatus) === EnumTaskCheckReceiveStatus.Completed | 
 |  |  |   ) { | 
 |  |  |     Taro.navigateTo({ | 
 |  |  |       url: `${RouterPath.taskCheckDetail}?id=${item.id}`, | 
 |  |  |     }); | 
 |  |  | 
 |  |  | <style lang="scss"> | 
 |  |  | @import '@/styles/common.scss'; | 
 |  |  |  | 
 |  |  | .task-list { | 
 |  |  |   @include infiniteLoadingInTabBarPage; | 
 |  |  | .task-page-wrapper { | 
 |  |  |   .task-list-container { | 
 |  |  |     flex: 1; | 
 |  |  |     min-height: 0; | 
 |  |  |     display: flex; | 
 |  |  |     flex-direction: column; | 
 |  |  |   } | 
 |  |  |  | 
 |  |  |   .task-list { | 
 |  |  |     @include infiniteLoadingInTabBarPage; | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | </style> |