| | |
| | | <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 informationServices from '@/services/api/Information'; |
| | | import * as parkRewardServices from '@/services/api/ParkReward'; |
| | | import { EnterpriseBountyPayTypeEnumText } from '@/constants'; |
| | | |
| | | defineOptions({ |
| | | name: 'RewardConsumeRecordView', |
| | |
| | | const column: API.CustomModuleColumnDto[] = [ |
| | | { |
| | | id: '1', |
| | | enCode: 'batchBillNo', |
| | | enCode: 'payDateTime', |
| | | name: '奖励金消费日期', |
| | | }, |
| | | { |
| | | id: '2', |
| | | enCode: 'changeType', |
| | | enCode: 'payRemark', |
| | | name: '消费类型', |
| | | }, |
| | | { |
| | | id: '3', |
| | | enCode: 'creationTime', |
| | | enCode: 'amount', |
| | | name: '消费金额', |
| | | }, |
| | | { |
| | | id: '4', |
| | | enCode: 'effectTime', |
| | | enCode: 'remianAmount', |
| | | name: '奖励金余额', |
| | | }, |
| | | ]; |
| | |
| | | const operationBtns = defineOperationBtns([ |
| | | { |
| | | data: { |
| | | enCode: 'previewBtn', |
| | | enCode: 'checkBtn', |
| | | name: '查看凭证', |
| | | }, |
| | | emits: { |
| | | onClick: (role) => handlePreview(role), |
| | | }, |
| | | }, |
| | | ]); |
| | |
| | | } = useTable( |
| | | async ({ pageIndex, pageSize }, extraParamState) => { |
| | | try { |
| | | let params: API.GetInformationForManageInput = { |
| | | let params: API.QueryParkCustomerBountyApplyInput = { |
| | | pageModel: { |
| | | rows: pageSize, |
| | | page: pageIndex, |
| | | orderInput: extraParamState.orderInput, |
| | | }, |
| | | id: id, |
| | | }; |
| | | let res = await informationServices.getInformationForManage(params, { |
| | | let res = await parkRewardServices.getParkCustomerBountyConsumptionList(params, { |
| | | showLoading: !state.loading, |
| | | }); |
| | | return res; |
| | |
| | | }, |
| | | { |
| | | 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' }, |
| | | }, |
| | | } |
| | | ); |
| | | |
| | | function handlePreview(row: API.InsureBatchBillDto) {} |
| | | |
| | | onMounted(async () => { |
| | | await getList(); |