From e9dda9e6c52cb737267185f5118ded73c0053115 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期二, 06 五月 2025 17:13:41 +0800
Subject: [PATCH] feat: 接口
---
src/views/MaterialReview/MaterialReviewAudit.vue | 280 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 279 insertions(+), 1 deletions(-)
diff --git a/src/views/MaterialReview/MaterialReviewAudit.vue b/src/views/MaterialReview/MaterialReviewAudit.vue
index 5812f49..e5b1d4b 100644
--- a/src/views/MaterialReview/MaterialReviewAudit.vue
+++ b/src/views/MaterialReview/MaterialReviewAudit.vue
@@ -1,11 +1,289 @@
<template>
- <div>MaterialReviewAudit</div>
+ <LoadingLayout>
+ <AppContainer>
+ <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"
+ :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
+ label="鐢虫姤瀹℃牳:"
+ prop="status"
+ :check-rules="[{ message: '璇烽�夋嫨瀹℃牳鐘舵��' }]"
+ >
+ <ProFormRadio
+ v-model="form.status"
+ :value-enum="BountyCheckStatusEnumTextForAudit"
+ />
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
+ <ProFormCol v-if="form.status === BountyCheckStatusEnum.CheckReject">
+ <ProFormColItem>
+ <ProFormItemV2
+ label="椹冲洖鍘熷洜:"
+ prop="remark"
+ :check-rules="[{ message: '璇疯緭鍏ラ┏鍥炲師鍥�' }]"
+ >
+ <ProFormTextArea
+ v-model="form.remark"
+ placeholder="璇疯緭鍏�"
+ show-word-limit
+ :maxlength="200"
+ ></ProFormTextArea>
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
+ </ProForm>
+ </ChunkCell>
+ </DetailView>
+ <template #footer>
+ <el-button @click="handleBack">鍏抽棴</el-button>
+ <el-button type="primary" @click="handleConfirm()">鎻愪氦</el-button>
+ </template>
+ </PageFormLayout>
+ </AppContainer>
+ </LoadingLayout>
</template>
<script setup lang="ts">
+import {
+ AppContainer,
+ ProForm,
+ ChunkCell,
+ ProFormCol,
+ ProFormColItem,
+ ProFormItemV2,
+ ProFormTextArea,
+ ProFormRadio,
+ LoadingLayout,
+ UploadUserFile,
+ PageFormLayout,
+ useTable,
+ useFormDialog,
+} from '@bole-core/components';
+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 MateriaDetailDialog from '@/components/commonView/MateriaDetailDialog.vue';
+import { useQuery, useQueryClient } from '@tanstack/vue-query';
+import * as parkBountyApplyServices from '@/services/api/ParkBountyApply';
+import * as enterpriseApplyFileServices from '@/services/api/EnterpriseApplyFile';
+import { convertApi2FormUrlObjectBySeparator, 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 {
+ CustomerApplyFileTypeListItem,
+ EnterpriseApplyFileUtils,
+ 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 form = reactive({
+ batchNo: '',
+ parkName: '',
+ parkTypeName: '',
+ applyMonth: '',
+ applySumAmount: 0,
+ enterpriseTaxSubFileUrl: [] as UploadUserFile[],
+ enterpriseOperateFileUrl: [] as UploadUserFile[],
+ enterpriseRelateFileUrl: [] as UploadUserFile[],
+ parkCollectFileList: [] as CustomerApplyFileTypeListItem[],
+ bountyAssignFileUlr: [] as UploadUserFile[],
+ bountyCollectFileUrl: [] as UploadUserFile[],
+
+ status: '' as any as BountyCheckStatusEnum,
+ remark: '',
+});
+
+const { data: detail, isLoading } = useQuery({
+ queryKey: ['parkBountyApplyServices/getOutCheckParkBountyApplyDetailBaseInfo', id],
+ queryFn: async () => {
+ return await parkBountyApplyServices.getOutCheckParkBountyApplyDetailBaseInfo(
+ { parkBountyApplyId: id },
+ {
+ showLoading: false,
+ }
+ );
+ },
+ placeholderData: () => ({} as API.ParkBountyApplyBaseInfo),
+ onSuccess(data) {
+ form.batchNo = data.batchNo;
+ form.parkName = data.parkName;
+ form.parkTypeName = data.parkTypeName;
+ form.applyMonth = data.applyMonth;
+ form.applySumAmount = data.applySumAmount;
+ form.enterpriseTaxSubFileUrl = convertApi2FormUrlObjectBySeparator(
+ data?.enterpriseTaxSubFileUrl
+ );
+ form.enterpriseOperateFileUrl = convertApi2FormUrlObjectBySeparator(
+ data?.enterpriseOperateFileUrl
+ );
+ form.bountyAssignFileUlr = convertApi2FormUrlObjectBySeparator(data?.bountyAssignFileUlr);
+ form.bountyCollectFileUrl = convertApi2FormUrlObjectBySeparator(data?.bountyCollectFileUrl);
+ form.enterpriseRelateFileUrl = convertApi2FormUrlObjectBySeparator(
+ data?.enterpriseRelateFileUrl
+ );
+ form.parkCollectFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList(
+ data.listFiles
+ );
+
+ 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, {
+ name: 'MaterialReviewList',
+ });
+}
+
+const formRef = ref<FormInstance>();
+function handleConfirm() {
+ if (!formRef.value) return;
+ formRef.value.validate((valid) => {
+ if (valid) {
+ confirm();
+ } else {
+ return;
+ }
+ });
+}
+
+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 CustomerApplyFileTypeListItem[],
+ companyId: '',
+ },
+});
+const { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList();
+
+async function openDialog(row: API.ParkBountyApplyDetailInfo) {
+ try {
+ const applyFiles = await queryClient.ensureQueryData({
+ queryKey: [
+ 'enterpriseApplyFileServices/getCustomerUploadApplyFiles',
+ row.enterpriseId,
+ form.applyMonth,
+ ],
+ queryFn: async () => {
+ return await enterpriseApplyFileServices.getCustomerUploadApplyFiles({
+ enterpriseId: row.enterpriseId,
+ withMonth: form.applyMonth,
+ });
+ },
+ });
+ const lastUploadEnterPactFile = await queryClient.ensureQueryData({
+ queryKey: ['enterpriseApplyFileServices/getCustomerUploadApplyFiles', row.enterpriseId],
+ queryFn: async () => {
+ return await parkBountyApplyServices.getEnterpriseLastUploadEnterPactFileNew({
+ companyId: row.enterpriseId,
+ });
+ },
+ });
+
+ const applyUploadFiles = await parkBountyApplyServices.getEnterpriseParkApplyUploadFiles({
+ companyId: row.enterpriseId,
+ parkBountyApplyId: id,
+ });
+ handleAdd({
+ list: EnterpriseApplyFileUtils.initParkCollectFileListApplyFiles(
+ applyUploadFiles,
+ applyFiles,
+ lastUploadEnterPactFile
+ ),
+ companyId: row.enterpriseId,
+ });
+ } catch (error) {}
+}
</script>
<style lang="scss" scoped>
--
Gitblit v1.9.1