|  |  | 
 |  |  | <template> | 
 |  |  |   <ProTabs | 
 |  |  |   <!-- <ProTabs | 
 |  |  |     v-model="queryState.type" | 
 |  |  |     name="home-tab" | 
 |  |  |     :showPaneContent="false" | 
 |  |  | 
 |  |  |     <ProTabPane :title="`全部`" :pane-key="0"></ProTabPane> | 
 |  |  |     <ProTabPane :title="`收入`" :pane-key="EnumUserWalletTransactionType.Income"></ProTabPane> | 
 |  |  |     <ProTabPane :title="`提现`" :pane-key="EnumUserWalletTransactionType.Withdraw"></ProTabPane> | 
 |  |  |   </ProTabs> | 
 |  |  |   </ProTabs> --> | 
 |  |  |   <List> | 
 |  |  |     <IncomeDetailListItem | 
 |  |  |       :item="`收入:¥${toThousand(sumIncome)} 提现:¥${toThousand(sumWithdraw)}`" | 
 |  |  |     > | 
 |  |  |     <IncomeDetailListItem :item="`收入:¥${toThousand(sumIncome)} `"> | 
 |  |  |       <template #title> | 
 |  |  |         <div class="income-detail-time-picker"> | 
 |  |  |           <ChooseInputWithDatePicker | 
 |  |  | 
 |  |  |         page: pageParam, | 
 |  |  |         orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }], | 
 |  |  |       }, | 
 |  |  |       // type: EnumUserWalletTransactionType.Income, | 
 |  |  |       type: EnumUserWalletTransactionType.Income, | 
 |  |  |     }; | 
 |  |  |     if (Number(queryState.type)) { | 
 |  |  |       params.type = queryState.type; | 
 |  |  |     } | 
 |  |  |     // if (Number(queryState.type)) { | 
 |  |  |     //   params.type = queryState.type; | 
 |  |  |     // } | 
 |  |  |     if (queryState.month) { | 
 |  |  |       params.createdTimeStart = dayjs(queryState.month).startOf('month').format('YYYY-MM-DD'); | 
 |  |  |       params.createdTimeEnd = dayjs(queryState.month).endOf('month').format('YYYY-MM-DD'); |