|  |  |  | 
|---|
|  |  |  | <LoadingLayout :loading="state.loading"> | 
|---|
|  |  |  | <AppContainer> | 
|---|
|  |  |  | <ProTableV2 v-bind="proTableProps" :columns="column" :operationBtns="operationBtns"> | 
|---|
|  |  |  | <template #operationBtn-checkBtn="{ data, row }"> | 
|---|
|  |  |  | <PreviewBtnV2 | 
|---|
|  |  |  | class="pro-table-operation-btn" | 
|---|
|  |  |  | :url="convertApi2FormUrlBySeparator(row.payFileUrl ?? '')" | 
|---|
|  |  |  | preview-btn-text="查看凭证" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </ProTableV2> | 
|---|
|  |  |  | </AppContainer> | 
|---|
|  |  |  | </LoadingLayout> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script setup lang="ts"> | 
|---|
|  |  |  | import { AppContainer, useTable, ProTableV2, defineOperationBtns } from '@bole-core/components'; | 
|---|
|  |  |  | import { | 
|---|
|  |  |  | AppContainer, | 
|---|
|  |  |  | useTable, | 
|---|
|  |  |  | ProTableV2, | 
|---|
|  |  |  | defineOperationBtns, | 
|---|
|  |  |  | PreviewBtnV2, | 
|---|
|  |  |  | } from '@bole-core/components'; | 
|---|
|  |  |  | import { convertApi2FormUrlBySeparator } from '@/utils'; | 
|---|
|  |  |  | import { OrderInputType } from '@bole-core/core'; | 
|---|
|  |  |  | import * as parkRewardServices from '@/services/api/ParkReward'; | 
|---|
|  |  |  | import { EnterpriseBountyPayTypeEnumText } from '@/constants'; | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | id: '2', | 
|---|
|  |  |  | enCode: 'payType', | 
|---|
|  |  |  | enCode: 'payRemark', | 
|---|
|  |  |  | name: '消费类型', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | 
|---|
|  |  |  | const operationBtns = defineOperationBtns([ | 
|---|
|  |  |  | { | 
|---|
|  |  |  | data: { | 
|---|
|  |  |  | enCode: 'previewBtn', | 
|---|
|  |  |  | enCode: 'checkBtn', | 
|---|
|  |  |  | name: '查看凭证', | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | emits: { | 
|---|
|  |  |  | onClick: (role) => handlePreview(role), | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | ]); | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | defaultExtraParams: { | 
|---|
|  |  |  | orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }], | 
|---|
|  |  |  | orderInput: [{ property: 'id', order: OrderInputType.Desc }], | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | columnsRenderProps: { | 
|---|
|  |  |  | payDateTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' }, | 
|---|
|  |  |  | amount: { type: 'money' }, | 
|---|
|  |  |  | remianAmount: { type: 'money' }, | 
|---|
|  |  |  | payType: { type: 'enum', valueEnum: EnterpriseBountyPayTypeEnumText }, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function handlePreview(row: API.InsureBatchBillDto) {} | 
|---|
|  |  |  |  | 
|---|
|  |  |  | onMounted(async () => { | 
|---|
|  |  |  | await getList(); | 
|---|