|  |  | 
 |  |  |     ></ProTabPane> | 
 |  |  |   </ProTabs> | 
 |  |  |   <InfiniteLoading | 
 |  |  |     scrollViewClassName="common-infinite-scroll-list" | 
 |  |  |     scrollViewClassName="common-infinite-scroll-list payroll-manage-list" | 
 |  |  |     v-bind="infiniteLoadingProps" | 
 |  |  |     :key="queryState.paymentStatus" | 
 |  |  |   > | 
 |  |  | 
 |  |  |       <IncomeDetailListItem | 
 |  |  |         :title="item.code" | 
 |  |  |         :funds="item.settlementAmount" | 
 |  |  |         :item="dayjs(item.settlementTime).format('YYYY-MM-DD HH:mm:ss')" | 
 |  |  |         :item="item.settlementTime ? dayjs(item.settlementTime).format('YYYY-MM-DD HH:mm:ss') : ''" | 
 |  |  |         @click="openPassword(item)" | 
 |  |  |       > | 
 |  |  |       </IncomeDetailListItem> | 
 |  |  | 
 |  |  |  | 
 |  |  | function openPassword(item: API.GetSettlementTasksQueryResultItem) { | 
 |  |  |   form.passwordVisible = true; | 
 |  |  |   form.showKeyboard = true; | 
 |  |  |   form.id = item.id; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | 
 |  |  |     } | 
 |  |  |   } catch (error) { | 
 |  |  |     form.showKeyboard = false; | 
 |  |  |   } finally { | 
 |  |  |     form.password = ''; | 
 |  |  |     form.showKeyboard = false; | 
 |  |  |   } | 
 |  |  | } | 
 |  |  |  | 
 |  |  | 
 |  |  |  | 
 |  |  | <style lang="scss"> | 
 |  |  | @import '@/styles/common.scss'; | 
 |  |  |  | 
 |  |  | .payrollManage-page-wrapper { | 
 |  |  |   .payroll-manage-list { | 
 |  |  |     .income-detail-list-item-inner { | 
 |  |  |       display: flex; | 
 |  |  |       flex-direction: column; | 
 |  |  |       background: #ffffff; | 
 |  |  |       border-radius: 12px; | 
 |  |  |       padding: 40px; | 
 |  |  |       margin-bottom: 24px; | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | </style> |