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/MaterialReviewDetail.vue |   92 ++++++++++++++++++++++++++++++++++++----------
 1 files changed, 72 insertions(+), 20 deletions(-)

diff --git a/src/views/MaterialReview/MaterialReviewDetail.vue b/src/views/MaterialReview/MaterialReviewDetail.vue
index ba85cbb..8a0f348 100644
--- a/src/views/MaterialReview/MaterialReviewDetail.vue
+++ b/src/views/MaterialReview/MaterialReviewDetail.vue
@@ -6,20 +6,37 @@
           <div class="page-form-layout-title">
             鐢虫姤璇︽儏
             <span class="page-form-layout-title-item status">
-              {{ `瀹℃牳鐘舵��:${form.categoryName}` }}
+              瀹℃牳鐘舵��:<span :style="{ color: BountyCheckStatusEnumColor[form.outCheckStatus] }">{{
+                BountyCheckStatusEnumText[form.outCheckStatus]
+              }}</span>
             </span>
             <span class="page-form-layout-title-item remark">
-              {{ `瀹℃牳鏈�氳繃鍘熷洜:${form.categoryName}` }}
+              <TextOverTooltip v-if="form.outCheckStatus === BountyCheckStatusEnum.CheckReject">
+                {{ `瀹℃牳鏈�氳繃鍘熷洜:${form.outCheckRemark ?? ''}` }}
+              </TextOverTooltip>
             </span>
           </div>
         </template>
         <DetailView :form="form">
           <ChunkCellV2 title="鐢虫姤浼佷笟鍚嶅崟">
-            <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView>
+            <DeclareEnterpriseTableView
+              :getList="getList"
+              :extra-param-state="extraParamState"
+              :pro-table-props="proTableProps"
+              :reset="reset"
+              :column="addRewardApplyStep3Columns"
+              :operationBtns="operationBtns"
+            ></DeclareEnterpriseTableView>
+            <MateriaDetailDialog
+              v-bind="dialogProps"
+              :show-upload-btn="false"
+              :show-delete-btn="false"
+              :show-check-btn="false"
+            />
           </ChunkCellV2>
         </DetailView>
         <template #footer>
-          <el-button @click="handleBack">鍏抽棴</el-button>
+          <el-button @click="handleBack" type="primary">纭</el-button>
         </template>
       </PageFormLayout>
     </AppContainer>
@@ -27,14 +44,30 @@
 </template>
 
 <script setup lang="ts">
-import { AppContainer, LoadingLayout, UploadUserFile, PageFormLayout } from '@bole-core/components';
+import {
+  AppContainer,
+  LoadingLayout,
+  PageFormLayout,
+  TextOverTooltip,
+} from '@bole-core/components';
 import ChunkCellV2 from '@/components/Layout/ChunkCellV2.vue';
 import DetailView from '@/components/commonView/DetailView.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 } from '@/utils';
-import { useRouteView } from '@/hooks';
+import { useDeclareEnterpriseTable, useRouteView } from '@/hooks';
+import {
+  BountyCheckStatusEnum,
+  BountyCheckStatusEnumText,
+  BountyCheckStatusEnumColor,
+  useAddRewardApplyStep3Columns,
+} from '@/constants';
+import {
+  CustomerApplyFileTypeListItem,
+  EnterpriseApplyFileUtils,
+} from '@/components/commonView/utils';
+import { useIndustrialParkDropDownList } from '@/hooks/industrialPark';
 
 defineOptions({
   name: 'MaterialReviewDetail',
@@ -49,42 +82,61 @@
   parkTypeName: '',
   applyMonth: '',
   applySumAmount: 0,
-  enterpriseTaxSubFileUrl: [] as UploadUserFile[],
-  enterpriseOperateFileUrl: [] as UploadUserFile[],
-  bountyAssignFileUlr: [] as UploadUserFile[],
-  bountyCollectFileUrl: [] as UploadUserFile[],
+  parkCollectFileList: [] as CustomerApplyFileTypeListItem[],
+  calculationFileList: [] as CustomerApplyFileTypeListItem[],
 
-  categoryName: '',
+  outCheckStatus: '' as any as BountyCheckStatusEnum,
+  outCheckRemark: '',
+
+  suportEnterpriseUpload: false,
 });
+
+const { addRewardApplyStep3Columns } = useAddRewardApplyStep3Columns({
+  suportEnterpriseUpload: toRef(form, 'suportEnterpriseUpload'),
+});
+
+const { extraParamState, getList, reset, proTableProps, operationBtns, dialogProps } =
+  useDeclareEnterpriseTable({
+    id: ref(id),
+    applyMonth: toRef(form, 'applyMonth'),
+  });
 
 const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>();
 
 const { data: detail, isLoading } = useQuery({
-  queryKey: ['parkBountyApplyServices/getParkBountyApplyDetail', id],
+  queryKey: ['parkBountyApplyServices/getOutCheckParkBountyApplyDetailBaseInfo', id],
   queryFn: async () => {
-    return await parkBountyApplyServices.getParkBountyApplyDetailBaseInfo(
+    return await parkBountyApplyServices.getOutCheckParkBountyApplyDetailBaseInfo(
       { parkBountyApplyId: id },
       {
         showLoading: false,
       }
     );
   },
-  placeholderData: () => ({} as API.ParkBountyApplyBaseInfo),
+  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.outCheckStatus = data.outCheckStatus;
+    form.outCheckRemark = data.outCheckRemark;
+    form.parkCollectFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList(
+      data.listFiles
+    );
+    form.calculationFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList(
+      data.collectCountListFiles
+    );
 
-    tableRef.value?.getList();
+    form.suportEnterpriseUpload = data.suportEnterpriseUpload;
+
+    getList();
   },
 });
 
+const { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList();
+
 function handleBack() {
   closeViewPush(route, {
     name: 'MaterialReviewList',

--
Gitblit v1.9.1