From 2174f758e8a963964198e092f0d528ef1ae9b81e Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期二, 22 七月 2025 09:59:05 +0800
Subject: [PATCH] feat: 页面

---
 src/views/MaterialReview/MaterialReviewAudit.vue |  192 +++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 191 insertions(+), 1 deletions(-)

diff --git a/src/views/MaterialReview/MaterialReviewAudit.vue b/src/views/MaterialReview/MaterialReviewAudit.vue
index 5812f49..7773e91 100644
--- a/src/views/MaterialReview/MaterialReviewAudit.vue
+++ b/src/views/MaterialReview/MaterialReviewAudit.vue
@@ -1,11 +1,201 @@
 <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"
+              :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
+                    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 { useDeclareEnterpriseTable, 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,
+  parkCollectFileList: [] as CustomerApplyFileTypeListItem[],
+  calculationFileList: [] as CustomerApplyFileTypeListItem[],
+
+  status: '' as any as BountyCheckStatusEnum,
+  remark: '',
+});
+
+const { extraParamState, getList, reset, proTableProps, operationBtns, dialogProps } =
+  useDeclareEnterpriseTable({
+    id: ref(id),
+    applyMonth: toRef(form, 'applyMonth'),
+  });
+
+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.parkCollectFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList(
+      data.listFiles
+    );
+    form.calculationFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList(
+      data.collectCountListFiles
+    );
+
+    getList();
+  },
+});
+
+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 { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList();
 </script>
 
 <style lang="scss" scoped>

--
Gitblit v1.9.1