From 0aab114ff888094283b8197ef20d387906209a57 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期四, 24 七月 2025 17:53:24 +0800 Subject: [PATCH] feat: 接口 --- src/views/MaterialReview/MaterialReviewAudit.vue | 153 ++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 115 insertions(+), 38 deletions(-) diff --git a/src/views/MaterialReview/MaterialReviewAudit.vue b/src/views/MaterialReview/MaterialReviewAudit.vue index 5039c84..6c5eb87 100644 --- a/src/views/MaterialReview/MaterialReviewAudit.vue +++ b/src/views/MaterialReview/MaterialReviewAudit.vue @@ -1,13 +1,26 @@ <template> <LoadingLayout> <AppContainer> - <PageFormLayout title="鏉愭枡瀹℃牳"> - <DetailView :form="state.detail" :has-form="true"> - <template #table> - <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView> - </template> - <template #form> - <ProForm :model="state.form" ref="formRef" label-width="120px"> + <PageFormLayout title="鐢虫姤瀹℃牳"> + <DetailView :form="form" :has-form="true"> + <ChunkCellV2 title="鐢虫姤浼佷笟鍚嶅崟" class="chunk-cell-table"> + <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> + <ChunkCell> + <ProForm :model="form" ref="formRef" label-width="120px"> <ProFormCol> <ProFormColItem :span="12"> <ProFormItemV2 @@ -15,15 +28,22 @@ prop="status" :check-rules="[{ message: '璇烽�夋嫨瀹℃牳鐘舵��' }]" > - <ProFormRadio v-model="state.form.status" :value-enum="DataRangeEnumText" /> + <ProFormRadio + v-model="form.status" + :value-enum="BountyCheckStatusEnumTextForAudit" + /> </ProFormItemV2> </ProFormColItem> </ProFormCol> - <ProFormCol> + <ProFormCol v-if="form.status === BountyCheckStatusEnum.CheckReject"> <ProFormColItem> - <ProFormItemV2 label="椹冲洖鍘熷洜:" prop="remark"> + <ProFormItemV2 + label="椹冲洖鍘熷洜:" + prop="remark" + :check-rules="[{ message: '璇疯緭鍏ラ┏鍥炲師鍥�' }]" + > <ProFormTextArea - v-model="state.form.remark" + v-model="form.remark" placeholder="璇疯緭鍏�" show-word-limit :maxlength="200" @@ -32,7 +52,7 @@ </ProFormColItem> </ProFormCol> </ProForm> - </template> + </ChunkCell> </DetailView> <template #footer> <el-button @click="handleBack">鍏抽棴</el-button> @@ -47,62 +67,99 @@ import { AppContainer, ProForm, + ChunkCell, ProFormCol, ProFormColItem, ProFormItemV2, ProFormTextArea, ProFormRadio, LoadingLayout, - UploadUserFile, PageFormLayout, } from '@bole-core/components'; -import { DataRangeEnum, DataRangeEnumText } from '@/constants'; +import { + BountyCheckStatusEnum, + BountyCheckStatusEnumTextForAudit, + useAddRewardApplyStep3Columns, +} from '@/constants'; +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 informationServices from '@/services/api/Information'; -import { convertApi2FormUrlOnlyOne } from '@/utils'; -import { useRouteView } from '@/hooks'; +import MateriaDetailDialog from '@/components/commonView/MateriaDetailDialog.vue'; +import { useQuery, useQueryClient } from '@tanstack/vue-query'; +import * as parkBountyApplyServices from '@/services/api/ParkBountyApply'; +import { useDeclareEnterpriseTable, useGlobalEventContext, useRouteView } from '@/hooks'; import { FormInstance } from 'element-plus'; +import { Message } from '@bole-core/core'; +import { useIndustrialParkDropDownList } from '@/hooks/industrialPark'; +import { + CustomerApplyFileTypeListItem, + EnterpriseApplyFileUtils, +} from '@/components/commonView/utils'; defineOptions({ name: 'MaterialReviewAudit', }); const route = useRoute(); +const eventContext = useGlobalEventContext(); const { closeViewPush } = useRouteView(); const id = route.params?.id as string; -const state = reactive({ - detail: { - categoryName: '', - amount: 0, - url: [] as UploadUserFile[], - }, - form: { - status: '' as any as DataRangeEnum, - remark: '', - }, +const form = reactive({ + batchNo: '', + parkName: '', + parkTypeName: '', + applyMonth: '', + applySumAmount: 0, + financeSumAmount: 0, + settleSumAmount: 0, + parkCollectFileList: [] as CustomerApplyFileTypeListItem[], + calculationFileList: [] as CustomerApplyFileTypeListItem[], + + status: '' as any as BountyCheckStatusEnum, + remark: '', + + suportPlatRecharge: false, }); -const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>(); +const { addRewardApplyStep3Columns } = useAddRewardApplyStep3Columns({ + suportPlatRecharge: toRef(form, 'suportPlatRecharge'), +}); + +const { extraParamState, getList, reset, proTableProps, operationBtns, dialogProps } = + useDeclareEnterpriseTable({ + id: ref(id), + applyMonth: toRef(form, 'applyMonth'), + }); 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.parkCollectFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList( + data.listFiles + ); + form.calculationFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList( + data.collectCountListFiles + ); - tableRef.value?.getList(); + form.suportPlatRecharge = data.suportPlatRecharge; + + getList(); }, }); @@ -124,7 +181,27 @@ }); } -function confirm() {} +const queryClient = useQueryClient(); +async function confirm() { + try { + let params: API.OutcheckParkBountyApplyInput = { + parkBountyApplyId: id, + outCheckStatus: form.status, + remark: form.remark, + }; + let res = await parkBountyApplyServices.outcheckParkBountyApply(params); + if (res) { + Message.successMessage('鎿嶄綔鎴愬姛'); + eventContext.emit('materialReviewAudit:audit'); + queryClient.invalidateQueries({ + queryKey: ['parkBountyApplyServices/getGoverDataBoard'], + }); + handleBack(); + } + } catch (error) {} +} + +const { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList(); </script> <style lang="scss" scoped> -- Gitblit v1.9.1