From b7426e2384b85e92ec1b59061bdada9b4f5c69ec Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期三, 23 四月 2025 16:12:40 +0800 Subject: [PATCH] feat: 接口 --- src/views/Reward/RewardDeclareDetail.vue | 155 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 154 insertions(+), 1 deletions(-) diff --git a/src/views/Reward/RewardDeclareDetail.vue b/src/views/Reward/RewardDeclareDetail.vue index 6510a7c..bf7e577 100644 --- a/src/views/Reward/RewardDeclareDetail.vue +++ b/src/views/Reward/RewardDeclareDetail.vue @@ -1,11 +1,164 @@ <template> - <div>RewardDeclareDetail</div> + <LoadingLayout> + <AppContainer> + <PageFormLayout title="鐢虫姤璇︽儏"> + <DetailView :form="form"> + <ChunkCellV2 title="鐢虫姤浼佷笟鍚嶅崟"> + <DeclareEnterpriseTableView + :getList="getList" + :extra-param-state="extraParamState" + :pro-table-props="proTableProps" + :reset="reset" + :open-dialog="openDialog" + ></DeclareEnterpriseTableView> + <MateriaDetailDialog + v-bind="dialogProps" + :show-upload-btn="false" + :show-delete-btn="false" + :show-check-btn="false" + downloadBtnText="鏌ョ湅" + /> + </ChunkCellV2> + </DetailView> + <template #footer> + <el-button @click="handleBack" type="primary">纭</el-button> + </template> + </PageFormLayout> + </AppContainer> + </LoadingLayout> </template> <script setup lang="ts"> +import { + AppContainer, + LoadingLayout, + UploadUserFile, + PageFormLayout, + useTable, + useFormDialog, +} 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, setOSSLink } from '@/utils'; +import { useRouteView } from '@/hooks'; +import { OrderInputType } from '@bole-core/core'; +import { EnterpriseTypeText } from '@/constants'; +import { FourStreamsMaterialFileTableItem } from '@/components/commonView/types'; +import { useIndustrialParkDropDownList } from '@/hooks/industrialPark'; +import { FourStreamsMaterialUtils } from '@/components/commonView/utils'; + defineOptions({ name: 'RewardDeclareDetail', }); + +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[], + enterpriseRelateFileUrl: [] as UploadUserFile[], +}); + +const { data: detail, isLoading } = useQuery({ + queryKey: ['parkBountyApplyServices/getParkBountyApplyDetail', id], + queryFn: async () => { + return await parkBountyApplyServices.getParkBountyApplyDetailBaseInfo( + { parkBountyApplyId: id }, + { + showLoading: false, + } + ); + }, + placeholderData: () => ({} as API.OutCheckParkBountyApplyBaseInfo), + 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); + form.enterpriseRelateFileUrl = convertApi2FormUrlOnlyOne(data?.enterpriseRelateFileUrl); + + 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: 'parkBountyApplyId', order: OrderInputType.Desc }], + searchKeyWord: '', + }, + columnsRenderProps: { + authType: { type: 'enum', valueEnum: EnterpriseTypeText }, + licenseUrl: { + type: 'urlV2', + formatter: (row: API.UserCertificationAuditListDto) => setOSSLink(row.licenseUrl), + }, + }, + } +); + +const { dialogProps, handleEdit, editForm } = useFormDialog({ + defaultFormParams: { + list: [] as FourStreamsMaterialFileTableItem[], + companyId: '', + }, +}); + +const { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList(); + +function openDialog(row: API.ParkBountyApplyDetailInfo) { + handleEdit({ + list: FourStreamsMaterialUtils.initFourStreamsMaterialFileList( + row, + getIndustrialParkTypeNameById(detail.value?.parkId) + ), + companyId: row.enterpriseId, + }); +} + +function handleBack() { + closeViewPush(route, { + name: 'RewardGrant', + }); +} </script> <style lang="scss" scoped> -- Gitblit v1.9.1