|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <LoadingLayout :loading="state.loading"> | 
|---|
|  |  |  | <AppContainer> | 
|---|
|  |  |  | <Table v-bind="{ ...proTableProps, ...columnsProps }"> | 
|---|
|  |  |  | <ProTableV2 v-bind="proTableProps" :columns="column" :operationBtns="operationBtns"> | 
|---|
|  |  |  | <template #checkStatus="{ data, row }"> | 
|---|
|  |  |  | <div style="display: flex; justify-content: center; align-items: center"> | 
|---|
|  |  |  | {{ EnterpriseRechargeStatusEnumTextWithdrawal[row.checkStatus] }} | 
|---|
|  |  |  | 
|---|
|  |  |  | preview-btn-text="查看凭证" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </Table> | 
|---|
|  |  |  | </ProTableV2> | 
|---|
|  |  |  | </AppContainer> | 
|---|
|  |  |  | </LoadingLayout> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script setup lang="ts"> | 
|---|
|  |  |  | import { AppContainer, useTable, PreviewBtnV2, TextOverTooltip } from '@bole-core/components'; | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | AppContainer, | 
|---|
|  |  |  | useTable, | 
|---|
|  |  |  | PreviewBtnV2, | 
|---|
|  |  |  | ProTableV2, | 
|---|
|  |  |  | defineOperationBtns, | 
|---|
|  |  |  | } from '@bole-core/components'; | 
|---|
|  |  |  | import { OrderInputType } from '@bole-core/core'; | 
|---|
|  |  |  | import * as parkBountyApplyServices from '@/services/api/ParkBountyApply'; | 
|---|
|  |  |  | import { useDefineColumns, useUser } from '@/hooks'; | 
|---|
|  |  |  | import { convertApi2FormUrlBySeparator } from '@/utils'; | 
|---|
|  |  |  | import { useUser } from '@/hooks'; | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | EnterpriseRechargeStatusEnumTextWithdrawal, | 
|---|
|  |  |  | EnterpriseRechargeStatusEnum, | 
|---|
|  |  |  | } from '@/constants'; | 
|---|
|  |  |  | import { convertApi2FormUrlBySeparator } from '@/utils'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | name: 'WithdrawalRecordView', | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const columnsProps = useDefineColumns({ | 
|---|
|  |  |  | columns: [ | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '1', | 
|---|
|  |  |  | enCode: 'creationTime', | 
|---|
|  |  |  | name: '申请时间', | 
|---|
|  |  |  | const column = [ | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '1', | 
|---|
|  |  |  | enCode: 'creationTime', | 
|---|
|  |  |  | name: '申请时间', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '2', | 
|---|
|  |  |  | enCode: 'amount', | 
|---|
|  |  |  | name: '提现金额', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '3', | 
|---|
|  |  |  | enCode: 'checkStatus', | 
|---|
|  |  |  | name: '审核状态', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '4', | 
|---|
|  |  |  | enCode: 'checkTime', | 
|---|
|  |  |  | name: '审核时间', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '5', | 
|---|
|  |  |  | enCode: 'remainAmount', | 
|---|
|  |  |  | name: '资金余额', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | ]; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const operationBtns = defineOperationBtns([ | 
|---|
|  |  |  | { | 
|---|
|  |  |  | data: { | 
|---|
|  |  |  | enCode: 'checkBtn', | 
|---|
|  |  |  | name: '查看凭证', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '2', | 
|---|
|  |  |  | enCode: 'amount', | 
|---|
|  |  |  | name: '提现金额', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '3', | 
|---|
|  |  |  | enCode: 'checkStatus', | 
|---|
|  |  |  | name: '审核状态', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '4', | 
|---|
|  |  |  | enCode: 'checkTime', | 
|---|
|  |  |  | name: '审核时间', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '5', | 
|---|
|  |  |  | enCode: 'remainAmount', | 
|---|
|  |  |  | name: '资金余额', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | operationBtns: [ | 
|---|
|  |  |  | { | 
|---|
|  |  |  | data: { | 
|---|
|  |  |  | enCode: 'checkBtn', | 
|---|
|  |  |  | name: '查看凭证', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | ]); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const route = useRoute(); | 
|---|
|  |  |  | const router = useRouter(); | 
|---|
|  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const state = reactive({ ...BaseState }); | 
|---|
|  |  |  | const { userDetail } = useUser(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { | 
|---|
|  |  |  | getDataSource: getList, | 
|---|