| | |
| | | <template> |
| | | <LoadingLayout :loading="state.loading"> |
| | | <AppContainer> |
| | | <Table v-bind="{ ...proTableProps, ...columnsProps }"> |
| | | <ProTableV2 v-bind="proTableProps" :columns="column" :operationBtns="operationBtns"> |
| | | <template #operationBtn-checkBtn="{ data, row }"> |
| | | <PreviewBtnV2 |
| | | class="pro-table-operation-btn" |
| | |
| | | preview-btn-text="查看凭证" |
| | | /> |
| | | </template> |
| | | </Table> |
| | | </ProTableV2> |
| | | </AppContainer> |
| | | </LoadingLayout> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { AppContainer, useTable, PreviewBtnV2 } from '@bole-core/components'; |
| | | import { |
| | | AppContainer, |
| | | useTable, |
| | | PreviewBtnV2, |
| | | defineOperationBtns, |
| | | ProTableV2, |
| | | } from '@bole-core/components'; |
| | | import { OrderInputType } from '@bole-core/core'; |
| | | import * as parkBountyApplyServices from '@/services/api/ParkBountyApply'; |
| | | import { FinanceStatusEnum, FinanceStatusEnumText } from '@/constants'; |
| | | import { useDefineColumns, useUser } from '@/hooks'; |
| | | import { useUser } from '@/hooks'; |
| | | import { convertApi2FormUrlBySeparator } from '@/utils'; |
| | | |
| | | defineOptions({ |
| | | name: 'PaymentRecordView', |
| | | }); |
| | | |
| | | const columnsProps = useDefineColumns({ |
| | | columns: [ |
| | | { |
| | | id: '1', |
| | | enCode: 'financeToTime', |
| | | name: '拨付时间', |
| | | const column = [ |
| | | { |
| | | id: '1', |
| | | enCode: 'financeToTime', |
| | | name: '拨付时间', |
| | | }, |
| | | { |
| | | id: '2', |
| | | enCode: 'financeToAmount', |
| | | name: '拨付金额', |
| | | }, |
| | | { |
| | | id: '3', |
| | | enCode: 'batchNo', |
| | | name: '拨付批次', |
| | | }, |
| | | { |
| | | id: '4', |
| | | enCode: 'applyMonth', |
| | | name: '拨付月份', |
| | | }, |
| | | { |
| | | id: '5', |
| | | enCode: 'financeToStatus', |
| | | name: '拨付状态', |
| | | }, |
| | | ]; |
| | | |
| | | const operationBtns = defineOperationBtns([ |
| | | { |
| | | data: { |
| | | enCode: 'checkBtn', |
| | | name: '查看凭证', |
| | | }, |
| | | { |
| | | id: '2', |
| | | enCode: 'financeToAmount', |
| | | name: '拨付金额', |
| | | }, |
| | | { |
| | | id: '3', |
| | | enCode: 'batchNo', |
| | | name: '拨付批次', |
| | | }, |
| | | { |
| | | id: '4', |
| | | enCode: 'applyMonth', |
| | | name: '拨付月份', |
| | | }, |
| | | { |
| | | id: '5', |
| | | enCode: 'financeToStatus', |
| | | name: '拨付状态', |
| | | }, |
| | | ], |
| | | operationBtns: [ |
| | | { |
| | | data: { |
| | | enCode: 'checkBtn', |
| | | name: '查看凭证', |
| | | }, |
| | | }, |
| | | ], |
| | | }); |
| | | }, |
| | | ]); |
| | | |
| | | const { userDetail } = useUser(); |
| | | const BaseState = { |