From 8fb20fc31b4be097e5408b9ecfeb5002ebe042f3 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期四, 10 四月 2025 15:07:47 +0800 Subject: [PATCH] feat: 接口 --- src/views/MaterialReview/MaterialReviewDetail.vue | 130 +++++++++++++++++++++++++++++++++---------- 1 files changed, 99 insertions(+), 31 deletions(-) diff --git a/src/views/MaterialReview/MaterialReviewDetail.vue b/src/views/MaterialReview/MaterialReviewDetail.vue index 7eee540..cc0fb29 100644 --- a/src/views/MaterialReview/MaterialReviewDetail.vue +++ b/src/views/MaterialReview/MaterialReviewDetail.vue @@ -4,21 +4,27 @@ <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"> + {{ `瀹℃牳鐘舵��:${BountyCheckStatusEnumText[form.outCheckStatus]}` }} + </span> + <span + v-if="form.outCheckStatus === BountyCheckStatusEnum.CheckReject" + class="page-form-layout-title-item remark" + > + {{ `瀹℃牳鏈�氳繃鍘熷洜:${form.outCheckRemark ?? ''}` }} + </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" + ></DeclareEnterpriseTableView> + </ChunkCellV2> </DetailView> <template #footer> <el-button @click="handleBack">鍏抽棴</el-button> @@ -29,14 +35,22 @@ </template> <script setup lang="ts"> -import { AppContainer, LoadingLayout, UploadUserFile, PageFormLayout } from '@bole-core/components'; -import { DataRangeEnum } from '@/constants'; +import { + AppContainer, + LoadingLayout, + UploadUserFile, + PageFormLayout, + useTable, +} 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 informationServices from '@/services/api/Information'; -import { convertApi2FormUrlOnlyOne } from '@/utils'; +import * as parkBountyApplyServices from '@/services/api/ParkBountyApply'; +import { convertApi2FormUrlOnlyOne, setOSSLink } from '@/utils'; import { useRouteView } from '@/hooks'; +import { OrderInputType } from '@bole-core/core'; +import { AuthTypeText, BountyCheckStatusEnum, BountyCheckStatusEnumText } from '@/constants'; defineOptions({ name: 'MaterialReviewDetail', @@ -45,36 +59,90 @@ 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, + enterpriseTaxSubFileUrl: [] as UploadUserFile[], + enterpriseOperateFileUrl: [] as UploadUserFile[], + bountyAssignFileUlr: [] as UploadUserFile[], + bountyCollectFileUrl: [] as UploadUserFile[], + + outCheckStatus: '' as any as BountyCheckStatusEnum, + outCheckRemark: '', }); 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.outCheckStatus = data.outCheckStatus; + form.outCheckRemark = data.outCheckRemark; + form.enterpriseTaxSubFileUrl = convertApi2FormUrlOnlyOne(data?.enterpriseTaxSubFileUrl); + form.enterpriseOperateFileUrl = convertApi2FormUrlOnlyOne(data?.enterpriseOperateFileUrl); + form.bountyAssignFileUlr = convertApi2FormUrlOnlyOne(data?.bountyAssignFileUlr); + form.bountyCollectFileUrl = convertApi2FormUrlOnlyOne(data?.bountyCollectFileUrl); - tableRef.value?.getList(); + getList(); }, }); +const { + getDataSource: getList, + proTableProps, + paginationState, + extraParamState, + reset, +} = useTable( + async ({ pageIndex, pageSize }, extraParamState) => { + try { + let params: API.GetParkBountyApplyInfoInput = { + pageModel: { + rows: pageSize, + page: pageIndex, + orderInput: extraParamState.orderInput, + }, + searchKeyWord: extraParamState.searchKeyWord, + parkBountyApplyId: id, + }; + let res = await parkBountyApplyServices.getOutCheckParkBountyApplyDetailList(params); + return res; + } catch (error) {} + }, + { + defaultExtraParams: { + orderInput: [{ property: 'enterpriseId', order: OrderInputType.Desc }], + searchKeyWord: '', + }, + columnsRenderProps: { + authType: { type: 'enum', valueEnum: AuthTypeText }, + licenseUrl: { + type: 'url', + formatter: (row: API.UserCertificationAuditListDto) => setOSSLink(row.licenseUrl), + modal: true, + showDownloadBtn: false, + }, + }, + } +); + function handleBack() { closeViewPush(route, { name: 'MaterialReviewList', -- Gitblit v1.9.1