From 404a6138ba3594a66d1b66e2bc79b9b3132836c5 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期四, 17 四月 2025 17:20:36 +0800 Subject: [PATCH] feat: 页面 --- src/views/Reward/RewardGrant.vue | 185 +++++++++++++++++++++++++++++++++++----------- 1 files changed, 140 insertions(+), 45 deletions(-) diff --git a/src/views/Reward/RewardGrant.vue b/src/views/Reward/RewardGrant.vue index 1d4c97c..f6c1071 100644 --- a/src/views/Reward/RewardGrant.vue +++ b/src/views/Reward/RewardGrant.vue @@ -5,7 +5,7 @@ <template #query> <QueryFilterItem tip-content="鐢虫姤鏃ユ湡"> <FieldDatePicker - v-model="extraParamState.date" + v-model="extraParamState.creationTime" type="daterange" range-separator="~" start-placeholder="寮�濮嬫棩鏈�" @@ -16,7 +16,7 @@ </QueryFilterItem> <QueryFilterItem tip-content="鍙戞斁鏃ユ湡"> <FieldDatePicker - v-model="extraParamState.date" + v-model="extraParamState.settleTime" type="daterange" range-separator="~" start-placeholder="寮�濮嬫棩鏈�" @@ -27,8 +27,8 @@ </QueryFilterItem> <QueryFilterItem> <FieldRadio - v-model="extraParamState.showStatus" - :value-enum="DataRangeEnumText" + v-model="extraParamState.settleStatus" + :value-enum="SettleStatusEnumText" buttonStyle showAllBtn @change="getList()" @@ -36,7 +36,7 @@ </QueryFilterItem> <QueryFilterItem> <SearchInput - v-model="extraParamState.keyword" + v-model="extraParamState.batchNo" style="width: 200px" placeholder="鎵规鍙�" @on-click-search="getList" @@ -47,9 +47,16 @@ </ProTableQueryFilterBar> <ProTableV2 v-bind="proTableProps" :columns="column" :operationBtns="operationBtns"> + <template #operationBtn-checkBtn="{ data, row }"> + <PreviewBtnV2 + class="pro-table-operation-btn" + :url="convertApi2FormUrlBySeparator(row.settleFileUrl ?? '')" + preview-btn-text="鏌ョ湅鍑瘉" + /> + </template> </ProTableV2> - - <RewardGrantDialog v-bind="dialogProps"></RewardGrantDialog> + <FinancialDialog v-bind="dialogFinancialProps"></FinancialDialog> + <PlateformDialog v-bind="dialogPlateformProps"></PlateformDialog> </AppContainer> </LoadingLayout> </template> @@ -68,14 +75,17 @@ FieldDatePicker, useFormDialog, UploadUserFile, + PreviewBtnV2, } from '@bole-core/components'; -import { OrderInputType } from '@bole-core/core'; -import { convertApi2FormUrlOnlyOne, format } from '@/utils'; -import { DataRangeEnum, DataRangeEnumText } from '@/constants'; -import * as informationServices from '@/services/api/Information'; -import RewardGrantDialog from './components/RewardGrantDialog.vue'; +import { Message, OrderInputType } from '@bole-core/core'; +import { convertApi2FormUrlBySeparator, format } from '@/utils'; +import { SettleStatusEnum, SettleStatusEnumText } from '@/constants'; +import * as parkBountyApplyServices from '@/services/api/ParkBountyApply'; +import FinancialDialog from './components/FinancialDialog.vue'; +import PlateformDialog from './components/PlateformDialog.vue'; import _ from 'lodash'; import { ModelValueType } from 'element-plus'; +import { useQueryClient } from '@tanstack/vue-query'; defineOptions({ name: 'RewardGrant', @@ -84,43 +94,53 @@ const column: API.CustomModuleColumnDto[] = [ { id: '1', - enCode: 'changeFlag', + enCode: 'batchNo', name: '鐢宠鎵规鍙�', }, { id: '2', - enCode: 'name', + enCode: 'parkName', name: '鐢宠鍥尯', }, { id: '3', - enCode: 'idNumber', + enCode: 'parkTypeName', name: '鍥尯绫诲瀷', }, { id: '4', - enCode: 'workType', - name: '鐢宠濂栧姳閲戞湀浠�', + enCode: 'applyMonth', + name: '鐢宠骞冲彴濂栧姳鏈堜唤', }, { id: '5', - enCode: 'gender', - name: '濂栧姳閲戞眹鎬婚噾棰濓紙鍏冿級', + enCode: 'applySumAmount', + name: '骞冲彴濂栧姳姹囨�婚噾棰濓紙鍏冿級', }, { id: '6', - enCode: 'age', + enCode: 'creationTime', name: '鐢虫姤鏃ユ湡', }, { id: '7', - enCode: 'phoneNumber', - name: '鍙戞斁鐘舵��', + enCode: 'settleStatus', + name: '璐㈡斂鎷ㄤ粯鐘舵��', }, { id: '8', - enCode: 'phoneNumber', - name: '鍙戞斁鏃ユ湡', + enCode: 'settleTime', + name: '鎷ㄤ粯鏃ユ湡', + }, + { + id: '9', + enCode: 'settleStatus', + name: '骞冲彴鍏呭�肩姸鎬�', + }, + { + id: '10', + enCode: 'settleTime', + name: '鍏呭�兼棩鏈�', }, ]; @@ -136,20 +156,38 @@ }, { data: { - enCode: 'grantBtn', - name: '鍙戞斁', + enCode: 'financialBtn', + name: '璐㈡斂鎷ㄤ粯', }, emits: { - onClick: (role) => openDialog(role), + onClick: (role) => openFinancialDialog(role), + }, + extraProps: { + hide: (row: API.GetParkBountyApplyListOutput) => + row.settleStatus === SettleStatusEnum.HasSettle, }, }, { data: { - enCode: 'previewBtn', - name: '鏌ョ湅鍑瘉', + enCode: 'plateformBtn', + name: '骞冲彴鍏呭��', }, emits: { - onClick: (role) => handlePreview(role), + onClick: (role) => openPlateformDialog(role), + }, + extraProps: { + hide: (row: API.GetParkBountyApplyListOutput) => + row.settleStatus === SettleStatusEnum.HasSettle, + }, + }, + { + data: { + enCode: 'checkBtn', + name: '鏌ョ湅鍑瘉', + }, + extraProps: { + hide: (row: API.GetParkBountyApplyListOutput) => + row.settleStatus === SettleStatusEnum.WaitForSettle, }, }, ]); @@ -175,16 +213,20 @@ } = useTable( async ({ pageIndex, pageSize }, extraParamState) => { try { - let params: API.GetInformationForManageInput = { + let params: API.GetParkBountyApplyListInput = { pageModel: { rows: pageSize, page: pageIndex, orderInput: extraParamState.orderInput, }, - publishStartDate: format(extraParamState.date?.[0] ?? '', 'YYYY-MM-DD 00:00:00'), - publishEndDate: format(extraParamState.date?.[1] ?? '', 'YYYY-MM-DD 23:59:59'), + batchNo: extraParamState.batchNo, + settleStatus: extraParamState.settleStatus, + creationTimeBegin: format(extraParamState.creationTime?.[0] ?? '', 'YYYY-MM-DD 00:00:00'), + creationTimeEnd: format(extraParamState.creationTime?.[1] ?? '', 'YYYY-MM-DD 23:59:59'), + settleTimeBegin: format(extraParamState.settleTime?.[0] ?? '', 'YYYY-MM-DD 00:00:00'), + settleTimeEnd: format(extraParamState.settleTime?.[1] ?? '', 'YYYY-MM-DD 23:59:59'), }; - let res = await informationServices.getInformationForManage(params, { + let res = await parkBountyApplyServices.getParkBountyApplyList(params, { showLoading: !state.loading, }); return res; @@ -192,10 +234,18 @@ }, { defaultExtraParams: { - keyword: '', - showStatus: '' as any as DataRangeEnum, - date: [] as unknown as ModelValueType, + batchNo: '', + settleStatus: '' as any as SettleStatusEnum, + creationTime: [] as unknown as ModelValueType, + settleTime: [] as unknown as ModelValueType, orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }], + }, + columnsRenderProps: { + applyMonth: { type: 'date', format: 'YYYY骞碝M鏈�' }, + creationTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' }, + settleTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' }, + applySumAmount: { type: 'money' }, + settleStatus: { type: 'enum', valueEnum: SettleStatusEnumText }, }, } ); @@ -209,21 +259,66 @@ }); } -const { dialogProps, handleAdd, handleEdit, editForm } = useFormDialog({ +const queryClient = useQueryClient(); +const { + dialogProps: dialogFinancialProps, + handleEdit: handleFinancialEdit, + editForm: editFinancialForm, +} = useFormDialog({ + onConfirm: handleFinancial, defaultFormParams: { - id: '', - url: [] as UploadUserFile[], + parkBountyApplyId: '', + amount: 0, + settleFileUrl: [] as UploadUserFile[], }, }); -function openDialog(row?: API.IncentivePaymentsManageListOutput) { - handleEdit({ - id: row.enterpriseName, - url: convertApi2FormUrlOnlyOne(row.issueVouchersUrl), +function openFinancialDialog(row?: API.GetParkBountyApplyListOutput) { + handleFinancialEdit({ + parkBountyApplyId: row.id, + amount: 0, + settleFileUrl: [] as UploadUserFile[], + }); +} +async function handleFinancial() { + try { + let params: API.ParkBountyApplySettleInput = { + parkBountyApplyId: editFinancialForm.parkBountyApplyId, + settleFileUrl: editFinancialForm.settleFileUrl.map((x) => x.path).join('|'), + }; + let res = await parkBountyApplyServices.parkBountyApplySettle(params); + if (res) { + Message.successMessage('鎿嶄綔鎴愬姛'); + getList(paginationState.pageIndex); + queryClient.invalidateQueries({ + queryKey: ['parkBountyApplyServices/getGoverDataBoard'], + }); + } + } catch (error) {} +} + +const { + dialogProps: dialogPlateformProps, + handleEdit: handlePlateformEdit, + editForm: editPlateformForm, +} = useFormDialog({ + onConfirm: handlePlateform, + defaultFormParams: { + parkBountyApplyId: '', + amount: 0, + settleFileUrl: [] as UploadUserFile[], + }, +}); + +function openPlateformDialog(row?: API.GetParkBountyApplyListOutput) { + handlePlateformEdit({ + parkBountyApplyId: row.id, + amount: 0, + settleFileUrl: [] as UploadUserFile[], }); } -function handlePreview(row?: API.IncentivePaymentsManageListOutput) {} +async function handlePlateform() {} </script> <style lang="scss" scoped> -- Gitblit v1.9.1