From 1b0bbe7fbe3d62779356f0729f086ceb3901e17b Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期三, 09 四月 2025 16:39:18 +0800 Subject: [PATCH] feat: 接口 --- src/views/MaterialReview/MaterialReviewDetail.vue | 98 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 97 insertions(+), 1 deletions(-) diff --git a/src/views/MaterialReview/MaterialReviewDetail.vue b/src/views/MaterialReview/MaterialReviewDetail.vue index 62c93d0..ba85cbb 100644 --- a/src/views/MaterialReview/MaterialReviewDetail.vue +++ b/src/views/MaterialReview/MaterialReviewDetail.vue @@ -1,13 +1,109 @@ <template> - <div>MaterialReviewDetail</div> + <LoadingLayout> + <AppContainer> + <PageFormLayout> + <template #title> + <div class="page-form-layout-title"> + 鐢虫姤璇︽儏 + <span class="page-form-layout-title-item status"> + {{ `瀹℃牳鐘舵��:${form.categoryName}` }} + </span> + <span class="page-form-layout-title-item remark"> + {{ `瀹℃牳鏈�氳繃鍘熷洜:${form.categoryName}` }} + </span> + </div> + </template> + <DetailView :form="form"> + <ChunkCellV2 title="鐢虫姤浼佷笟鍚嶅崟"> + <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView> + </ChunkCellV2> + </DetailView> + <template #footer> + <el-button @click="handleBack">鍏抽棴</el-button> + </template> + </PageFormLayout> + </AppContainer> + </LoadingLayout> </template> <script setup lang="ts"> +import { AppContainer, LoadingLayout, UploadUserFile, PageFormLayout } from '@bole-core/components'; +import ChunkCellV2 from '@/components/Layout/ChunkCellV2.vue'; +import DetailView from '@/components/commonView/DetailView.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'; + defineOptions({ name: 'MaterialReviewDetail', }); + +const route = useRoute(); +const { closeViewPush } = useRouteView(); +const id = route.params?.id as string; +const form = reactive({ + batchNo: '', + parkName: '', + parkTypeName: '', + applyMonth: '', + applySumAmount: 0, + enterpriseTaxSubFileUrl: [] as UploadUserFile[], + enterpriseOperateFileUrl: [] as UploadUserFile[], + bountyAssignFileUlr: [] as UploadUserFile[], + bountyCollectFileUrl: [] as UploadUserFile[], + + categoryName: '', +}); + +const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>(); + +const { data: detail, isLoading } = useQuery({ + queryKey: ['parkBountyApplyServices/getParkBountyApplyDetail', id], + queryFn: async () => { + return await parkBountyApplyServices.getParkBountyApplyDetailBaseInfo( + { parkBountyApplyId: id }, + { + showLoading: false, + } + ); + }, + placeholderData: () => ({} as API.ParkBountyApplyBaseInfo), + onSuccess(data) { + form.batchNo = data.batchNo; + form.parkName = data.parkName; + form.parkTypeName = data.parkTypeName; + form.applyMonth = data.applyMonth; + form.applySumAmount = data.applySumAmount; + form.enterpriseTaxSubFileUrl = convertApi2FormUrlOnlyOne(data?.enterpriseTaxSubFileUrl); + form.enterpriseOperateFileUrl = convertApi2FormUrlOnlyOne(data?.enterpriseOperateFileUrl); + form.bountyAssignFileUlr = convertApi2FormUrlOnlyOne(data?.bountyAssignFileUlr); + form.bountyCollectFileUrl = convertApi2FormUrlOnlyOne(data?.bountyCollectFileUrl); + + tableRef.value?.getList(); + }, +}); + +function handleBack() { + closeViewPush(route, { + name: 'MaterialReviewList', + }); +} </script> <style lang="scss" scoped> @use '@/style/common.scss' as *; + +.page-form-layout-title-item { + margin-left: 16px; + font-size: 16px; + + &.remark { + flex: 1; + min-width: 0; + + @include utils-ellipsis; + } +} </style> -- Gitblit v1.9.1