From 598d868e59daae4502c4f8fe4b4d3833a7e371be Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期三, 23 七月 2025 16:45:13 +0800 Subject: [PATCH] feat: 接口 --- src/views/MaterialReview/MaterialReviewDetail.vue | 132 +++++++++++++++++++++++++++++++++----------- 1 files changed, 99 insertions(+), 33 deletions(-) diff --git a/src/views/MaterialReview/MaterialReviewDetail.vue b/src/views/MaterialReview/MaterialReviewDetail.vue index 7eee540..5bf5369 100644 --- a/src/views/MaterialReview/MaterialReviewDetail.vue +++ b/src/views/MaterialReview/MaterialReviewDetail.vue @@ -4,24 +4,39 @@ <PageFormLayout> <template #title> <div class="page-form-layout-title"> - <div> - 鐢虫姤璇︽儏 - <span class="page-form-layout-title-item status"> - {{ `瀹℃牳鐘舵��:${state.detail.categoryName}` }} - </span> - <span class="page-form-layout-title-item remark"> - {{ `瀹℃牳鏈�氳繃鍘熷洜:${state.detail.categoryName}` }} - </span> - </div> + 鐢虫姤璇︽儏 + <span class="page-form-layout-title-item status"> + 瀹℃牳鐘舵��:<span :style="{ color: BountyCheckStatusEnumColor[form.outCheckStatus] }">{{ + BountyCheckStatusEnumText[form.outCheckStatus] + }}</span> + </span> + <span class="page-form-layout-title-item remark"> + <TextOverTooltip v-if="form.outCheckStatus === BountyCheckStatusEnum.CheckReject"> + {{ `瀹℃牳鏈�氳繃鍘熷洜:${form.outCheckRemark ?? ''}` }} + </TextOverTooltip> + </span> </div> </template> - <DetailView :form="state.detail"> - <template #table> - <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView> - </template> + <DetailView :form="form"> + <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> @@ -29,14 +44,30 @@ </template> <script setup lang="ts"> -import { AppContainer, LoadingLayout, UploadUserFile, PageFormLayout } from '@bole-core/components'; -import { DataRangeEnum } from '@/constants'; +import { + AppContainer, + LoadingLayout, + PageFormLayout, + TextOverTooltip, +} from '@bole-core/components'; +import ChunkCellV2 from '@/components/Layout/ChunkCellV2.vue'; import DetailView from '@/components/commonView/DetailView.vue'; +import MateriaDetailDialog from '@/components/commonView/MateriaDetailDialog.vue'; import DeclareEnterpriseTableView from '@/components/commonView/DeclareEnterpriseTableView.vue'; import { useQuery } from '@tanstack/vue-query'; -import * as informationServices from '@/services/api/Information'; -import { convertApi2FormUrlOnlyOne } from '@/utils'; -import { useRouteView } from '@/hooks'; +import * as parkBountyApplyServices from '@/services/api/ParkBountyApply'; +import { useDeclareEnterpriseTable, useRouteView } from '@/hooks'; +import { + BountyCheckStatusEnum, + BountyCheckStatusEnumText, + BountyCheckStatusEnumColor, + useAddRewardApplyStep3Columns, +} from '@/constants'; +import { + CustomerApplyFileTypeListItem, + EnterpriseApplyFileUtils, +} from '@/components/commonView/utils'; +import { useIndustrialParkDropDownList } from '@/hooks/industrialPark'; defineOptions({ name: 'MaterialReviewDetail', @@ -45,36 +76,71 @@ const route = useRoute(); const { closeViewPush } = useRouteView(); const id = route.params?.id as string; -const state = reactive({ - detail: { - categoryName: '', - amount: 0, - url: [] as UploadUserFile[], - }, +const form = reactive({ + batchNo: '', + parkName: '', + parkTypeName: '', + applyMonth: '', + applySumAmount: 0, + financeSumAmount: 0, + settleSumAmount: 0, + parkCollectFileList: [] as CustomerApplyFileTypeListItem[], + calculationFileList: [] as CustomerApplyFileTypeListItem[], + + outCheckStatus: '' as any as BountyCheckStatusEnum, + outCheckRemark: '', + + suportPlatRecharge: false, }); + +const { addRewardApplyStep3Columns } = useAddRewardApplyStep3Columns({ + suportPlatRecharge: toRef(form, 'suportPlatRecharge'), +}); + +const { extraParamState, getList, reset, proTableProps, operationBtns, dialogProps } = + useDeclareEnterpriseTable({ + id: ref(id), + applyMonth: toRef(form, 'applyMonth'), + }); const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>(); const { data: detail, isLoading } = useQuery({ - queryKey: ['informationServices/getInformationShowDetail', id], + queryKey: ['parkBountyApplyServices/getOutCheckParkBountyApplyDetailBaseInfo', id], queryFn: async () => { - return await informationServices.getInformationShowDetail( - { id: id }, + return await parkBountyApplyServices.getOutCheckParkBountyApplyDetailBaseInfo( + { parkBountyApplyId: id }, { showLoading: false, } ); }, - placeholderData: () => ({} as API.InformationShowDetailDto), + placeholderData: () => ({} as API.OutCheckParkBountyApplyBaseInfo), onSuccess(data) { - state.detail.categoryName = data.categoryName; - state.detail.amount = data.attentionCount; - state.detail.url = convertApi2FormUrlOnlyOne(data.avatarUrl); + form.batchNo = data.batchNo; + form.parkName = data.parkName; + form.parkTypeName = data.parkTypeName; + form.applyMonth = data.applyMonth; + form.applySumAmount = data.applySumAmount; + form.financeSumAmount = data.financeSumAmount; + form.settleSumAmount = data.settleSumAmount; + form.outCheckStatus = data.outCheckStatus; + form.outCheckRemark = data.outCheckRemark; + form.parkCollectFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList( + data.listFiles + ); + form.calculationFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList( + data.collectCountListFiles + ); - tableRef.value?.getList(); + form.suportPlatRecharge = data.suportPlatRecharge; + + getList(); }, }); +const { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList(); + function handleBack() { closeViewPush(route, { name: 'MaterialReviewList', -- Gitblit v1.9.1