From 35a917ce148a495062add10677d819c4e760c9a2 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期一, 28 四月 2025 14:25:12 +0800 Subject: [PATCH] feat: 接口 --- src/views/MaterialReview/MaterialReviewAudit.vue | 188 +++++++++++++++++++++++++++++++++++++--------- 1 files changed, 151 insertions(+), 37 deletions(-) diff --git a/src/views/MaterialReview/MaterialReviewAudit.vue b/src/views/MaterialReview/MaterialReviewAudit.vue index 5039c84..c4b4664 100644 --- a/src/views/MaterialReview/MaterialReviewAudit.vue +++ b/src/views/MaterialReview/MaterialReviewAudit.vue @@ -2,12 +2,24 @@ <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"> + <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" + :open-dialog="openDialog" + ></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 +27,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 +51,7 @@ </ProFormColItem> </ProFormCol> </ProForm> - </template> + </ChunkCell> </DetailView> <template #footer> <el-button @click="handleBack">鍏抽棴</el-button> @@ -47,6 +66,7 @@ import { AppContainer, ProForm, + ChunkCell, ProFormCol, ProFormColItem, ProFormItemV2, @@ -55,56 +75,115 @@ LoadingLayout, UploadUserFile, PageFormLayout, + useTable, + useFormDialog, } from '@bole-core/components'; -import { DataRangeEnum, DataRangeEnumText } from '@/constants'; +import { + EnterpriseTypeText, + BountyCheckStatusEnum, + BountyCheckStatusEnumTextForAudit, +} 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 { convertApi2FormUrlOnlyOne, setOSSLink } from '@/utils'; +import { useGlobalEventContext, useRouteView } from '@/hooks'; import { FormInstance } from 'element-plus'; +import { Message, OrderInputType } from '@bole-core/core'; +import { FourStreamsMaterialFileTableItem } from '@/components/commonView/types'; +import { useIndustrialParkDropDownList } from '@/hooks/industrialPark'; +import { FourStreamsMaterialUtils } 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, + enterpriseTaxSubFileUrl: [] as UploadUserFile[], + enterpriseOperateFileUrl: [] as UploadUserFile[], + bountyAssignFileUlr: [] as UploadUserFile[], + bountyCollectFileUrl: [] as UploadUserFile[], + enterpriseRelateFileUrl: [] as UploadUserFile[], + + status: '' as any as BountyCheckStatusEnum, + remark: '', }); -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.ParkBountyApplyBaseInfo), 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.enterpriseTaxSubFileUrl = convertApi2FormUrlOnlyOne(data?.enterpriseTaxSubFileUrl); + form.enterpriseOperateFileUrl = convertApi2FormUrlOnlyOne(data?.enterpriseOperateFileUrl); + form.bountyAssignFileUlr = convertApi2FormUrlOnlyOne(data?.bountyAssignFileUlr); + form.bountyCollectFileUrl = convertApi2FormUrlOnlyOne(data?.bountyCollectFileUrl); + form.enterpriseRelateFileUrl = convertApi2FormUrlOnlyOne(data?.enterpriseRelateFileUrl); - 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: EnterpriseTypeText }, + licenseUrl: { + type: 'urlV2', + formatter: (row: API.UserCertificationAuditListDto) => setOSSLink(row.licenseUrl), + }, + }, + } +); function handleBack() { closeViewPush(route, { @@ -124,7 +203,42 @@ }); } -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 { dialogProps, handleAdd, editForm } = useFormDialog({ + defaultFormParams: { + list: [] as FourStreamsMaterialFileTableItem[], + companyId: '', + }, +}); +const { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList(); +function openDialog(row: API.ParkBountyApplyDetailInfo) { + handleAdd({ + list: FourStreamsMaterialUtils.initFourStreamsMaterialFileList( + row, + getIndustrialParkTypeNameById(detail.value?.parkId) + ), + companyId: row.enterpriseId, + }); +} </script> <style lang="scss" scoped> -- Gitblit v1.9.1