From 052a1c6f01420d695cb3c251619249725181ff02 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期二, 22 七月 2025 09:32:38 +0800 Subject: [PATCH] feat: 页面 --- src/views/Reward/RewardDeclareDetail.vue | 87 ++++++++++++++++++++++++++++--------------- 1 files changed, 56 insertions(+), 31 deletions(-) diff --git a/src/views/Reward/RewardDeclareDetail.vue b/src/views/Reward/RewardDeclareDetail.vue index 94164c5..6c481f1 100644 --- a/src/views/Reward/RewardDeclareDetail.vue +++ b/src/views/Reward/RewardDeclareDetail.vue @@ -3,10 +3,25 @@ <AppContainer> <PageFormLayout title="鐢虫姤璇︽儏"> <DetailView :form="form"> - <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView> + <ChunkCellV2 title="鐢虫姤浼佷笟鍚嶅崟"> + <DeclareEnterpriseTableView + :getList="getList" + :extra-param-state="extraParamState" + :pro-table-props="proTableProps" + :reset="reset" + :column="addRewardApplyStep3Columns" + :operationBtns="operationBtns" + ></DeclareEnterpriseTableView> + <MateriaDetailDialog + v-bind="dialogProps" + :show-upload-btn="false" + :show-delete-btn="false" + :show-check-btn="false" + /> + </ChunkCellV2> </DetailView> <template #footer> - <el-button @click="handleBack">鍏抽棴</el-button> + <el-button @click="handleBack" type="primary">纭</el-button> </template> </PageFormLayout> </AppContainer> @@ -14,13 +29,20 @@ </template> <script setup lang="ts"> -import { AppContainer, LoadingLayout, UploadUserFile, PageFormLayout } from '@bole-core/components'; +import { AppContainer, LoadingLayout, PageFormLayout } from '@bole-core/components'; import DetailView from '@/components/commonView/DetailView.vue'; +import ChunkCellV2 from '@/components/Layout/ChunkCellV2.vue'; +import MateriaDetailDialog from '@/components/commonView/MateriaDetailDialog.vue'; import DeclareEnterpriseTableView from '@/components/commonView/DeclareEnterpriseTableView.vue'; import { useQuery } from '@tanstack/vue-query'; import * as parkBountyApplyServices from '@/services/api/ParkBountyApply'; -import { convertApi2FormUrlOnlyOne } from '@/utils'; -import { useRouteView } from '@/hooks'; +import { useDeclareEnterpriseTable, useRouteView } from '@/hooks'; +import { useAddRewardApplyStep3Columns } from '@/constants'; +import { useIndustrialParkDropDownList } from '@/hooks/industrialPark'; +import { + CustomerApplyFileTypeListItem, + EnterpriseApplyFileUtils, +} from '@/components/commonView/utils'; defineOptions({ name: 'RewardDeclareDetail', @@ -30,54 +52,57 @@ const { closeViewPush } = useRouteView(); const id = route.params?.id as string; const form = reactive({ - searchKeyWord: '', batchNo: '', parkName: '', parkTypeName: '', applyMonth: '', applySumAmount: 0, - enterpriseTaxSubFileUrl: [] as UploadUserFile[], - enterpriseOperateFileUrl: [] as UploadUserFile[], - bountyAssignFileUlr: [] as UploadUserFile[], - bountyCollectFileUrl: [] as UploadUserFile[], + parkCollectFileList: [] as CustomerApplyFileTypeListItem[], + calculationFileList: [] as CustomerApplyFileTypeListItem[], + suportEnterpriseUpload: false, }); -const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>(); +const { addRewardApplyStep3Columns } = useAddRewardApplyStep3Columns({ + suportEnterpriseUpload: toRef(form, 'suportEnterpriseUpload'), +}); + +const { extraParamState, getList, reset, proTableProps, operationBtns, dialogProps } = + useDeclareEnterpriseTable({ + id: ref(id), + applyMonth: toRef(form, 'applyMonth'), + }); const { data: detail, isLoading } = useQuery({ - queryKey: ['parkBountyApplyServices/getParkBountyApplyDetail', id], + queryKey: ['parkBountyApplyServices/getParkBountyApplyDetailBaseInfo', id], queryFn: async () => { - return await parkBountyApplyServices.getParkBountyApplyDetail( - { parkBountyApplyId: id, searchKeyWord: form.searchKeyWord }, + return await parkBountyApplyServices.getParkBountyApplyDetailBaseInfo( + { parkBountyApplyId: id }, { showLoading: false, } ); }, - placeholderData: () => ({} as API.GetParkBountyApplyInfoOutput), + placeholderData: () => ({} as API.ParkBountyApplyBaseInfo), onSuccess(data) { - form.batchNo = data.parkBountyApplyBaseInfo.batchNo; - form.parkName = data.parkBountyApplyBaseInfo.parkName; - form.parkTypeName = data.parkBountyApplyBaseInfo.parkTypeName; - form.applyMonth = data.parkBountyApplyBaseInfo.applyMonth; - form.applySumAmount = data.parkBountyApplyBaseInfo.applySumAmount; - form.enterpriseTaxSubFileUrl = convertApi2FormUrlOnlyOne( - data.parkBountyApplyBaseInfo?.enterpriseTaxSubFileUrl + form.batchNo = data.batchNo; + form.parkName = data.parkName; + form.parkTypeName = data.parkTypeName; + form.applyMonth = data.applyMonth; + form.applySumAmount = data.applySumAmount; + form.parkCollectFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList( + data.listFiles ); - form.enterpriseOperateFileUrl = convertApi2FormUrlOnlyOne( - data.parkBountyApplyBaseInfo?.enterpriseOperateFileUrl + form.calculationFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList( + data.collectCountListFiles ); - form.bountyAssignFileUlr = convertApi2FormUrlOnlyOne( - data.parkBountyApplyBaseInfo?.bountyAssignFileUlr - ); - form.bountyCollectFileUrl = convertApi2FormUrlOnlyOne( - data.parkBountyApplyBaseInfo?.bountyCollectFileUrl - ); + form.suportEnterpriseUpload = data.suportEnterpriseUpload; - tableRef.value?.getList(); + getList(); }, }); +const { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList(); + function handleBack() { closeViewPush(route, { name: 'RewardGrant', -- Gitblit v1.9.1