| | |
| | | ></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> |
| | |
| | | v-model="form.password" |
| | | v-model:visible="form.passwordVisible" |
| | | @focus="form.showKeyboard = true" |
| | | tips="请输入操作密码" |
| | | tips="请输入6位操作密码" |
| | | desc="明细需输入操作密码才能查看" |
| | | :length="6" |
| | | @complete="complete" |
| | |
| | | |
| | | 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> |