|  |  |  | 
|---|
|  |  |  | <ProTableV2 | 
|---|
|  |  |  | v-bind="proTableProps" | 
|---|
|  |  |  | :columns="DistributionDetailColumns" | 
|---|
|  |  |  | :operationBtns="operationBtns" | 
|---|
|  |  |  | :showOperationColumn="false" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </ProTableV2> | 
|---|
|  |  |  | </AppContainer> | 
|---|
|  |  |  | 
|---|
|  |  |  | defineOperationBtns, | 
|---|
|  |  |  | } from '@bole-core/components'; | 
|---|
|  |  |  | import { DistributionDetailColumns } from '../constants'; | 
|---|
|  |  |  | import * as taskServices from '@/services/api/task'; | 
|---|
|  |  |  | import { usePersonalUserTransactions } from '../hooks/financeHooks'; | 
|---|
|  |  |  | import * as userServices from '@/services/api/user'; | 
|---|
|  |  |  | import { EnumTaskSettlementStatusText } from '@/constants'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | name: 'DistributionDetailView', | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const state = reactive({ ...BaseState }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { getList, proTableProps } = usePersonalUserTransactions({ | 
|---|
|  |  |  | type: EnumUserWalletTransactionType.Withdraw, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | const { | 
|---|
|  |  |  | getDataSource: getList, | 
|---|
|  |  |  | proTableProps, | 
|---|
|  |  |  | paginationState, | 
|---|
|  |  |  | extraParamState, | 
|---|
|  |  |  | reset, | 
|---|
|  |  |  | } = useTable( | 
|---|
|  |  |  | async ({ pageIndex, pageSize }, extraParamState) => { | 
|---|
|  |  |  | try { | 
|---|
|  |  |  | let params: API.GetPersonalUserTransactionsQuery = { | 
|---|
|  |  |  | pageModel: { | 
|---|
|  |  |  | rows: pageSize, | 
|---|
|  |  |  | page: pageIndex, | 
|---|
|  |  |  | orderInput: extraParamState.orderInput, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | type: EnumUserWalletTransactionType.Income, | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | let res = await userServices.getPersonalUserTransactions(params); | 
|---|
|  |  |  | return res; | 
|---|
|  |  |  | } catch (error) {} | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | defaultExtraParams: { | 
|---|
|  |  |  | orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }], | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | columnsRenderProps: { | 
|---|
|  |  |  | amount: { type: 'money' }, | 
|---|
|  |  |  | settlementStatus: { type: 'enum', valueEnum: EnumTaskSettlementStatusText }, | 
|---|
|  |  |  | settlementTime: { type: 'date' }, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | onMounted(async () => { | 
|---|
|  |  |  | await getList(); | 
|---|