From 8fb20fc31b4be097e5408b9ecfeb5002ebe042f3 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期四, 10 四月 2025 15:07:47 +0800
Subject: [PATCH] feat: 接口

---
 src/views/MaterialReview/MaterialReviewDetail.vue |  156 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 155 insertions(+), 1 deletions(-)

diff --git a/src/views/MaterialReview/MaterialReviewDetail.vue b/src/views/MaterialReview/MaterialReviewDetail.vue
index 62c93d0..cc0fb29 100644
--- a/src/views/MaterialReview/MaterialReviewDetail.vue
+++ b/src/views/MaterialReview/MaterialReviewDetail.vue
@@ -1,13 +1,167 @@
 <template>
-  <div>MaterialReviewDetail</div>
+  <LoadingLayout>
+    <AppContainer>
+      <PageFormLayout>
+        <template #title>
+          <div class="page-form-layout-title">
+            鐢虫姤璇︽儏
+            <span class="page-form-layout-title-item status">
+              {{ `瀹℃牳鐘舵��:${BountyCheckStatusEnumText[form.outCheckStatus]}` }}
+            </span>
+            <span
+              v-if="form.outCheckStatus === BountyCheckStatusEnum.CheckReject"
+              class="page-form-layout-title-item remark"
+            >
+              {{ `瀹℃牳鏈�氳繃鍘熷洜:${form.outCheckRemark ?? ''}` }}
+            </span>
+          </div>
+        </template>
+        <DetailView :form="form">
+          <ChunkCellV2 title="鐢虫姤浼佷笟鍚嶅崟">
+            <DeclareEnterpriseTableView
+              :getList="getList"
+              :extra-param-state="extraParamState"
+              :pro-table-props="proTableProps"
+              :reset="reset"
+            ></DeclareEnterpriseTableView>
+          </ChunkCellV2>
+        </DetailView>
+        <template #footer>
+          <el-button @click="handleBack">鍏抽棴</el-button>
+        </template>
+      </PageFormLayout>
+    </AppContainer>
+  </LoadingLayout>
 </template>
 
 <script setup lang="ts">
+import {
+  AppContainer,
+  LoadingLayout,
+  UploadUserFile,
+  PageFormLayout,
+  useTable,
+} from '@bole-core/components';
+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 parkBountyApplyServices from '@/services/api/ParkBountyApply';
+import { convertApi2FormUrlOnlyOne, setOSSLink } from '@/utils';
+import { useRouteView } from '@/hooks';
+import { OrderInputType } from '@bole-core/core';
+import { AuthTypeText, BountyCheckStatusEnum, BountyCheckStatusEnumText } from '@/constants';
+
 defineOptions({
   name: 'MaterialReviewDetail',
 });
+
+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[],
+
+  outCheckStatus: '' as any as BountyCheckStatusEnum,
+  outCheckRemark: '',
+});
+
+const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>();
+
+const { data: detail, isLoading } = useQuery({
+  queryKey: ['parkBountyApplyServices/getOutCheckParkBountyApplyDetailBaseInfo', id],
+  queryFn: async () => {
+    return await parkBountyApplyServices.getOutCheckParkBountyApplyDetailBaseInfo(
+      { 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.outCheckStatus = data.outCheckStatus;
+    form.outCheckRemark = data.outCheckRemark;
+    form.enterpriseTaxSubFileUrl = convertApi2FormUrlOnlyOne(data?.enterpriseTaxSubFileUrl);
+    form.enterpriseOperateFileUrl = convertApi2FormUrlOnlyOne(data?.enterpriseOperateFileUrl);
+    form.bountyAssignFileUlr = convertApi2FormUrlOnlyOne(data?.bountyAssignFileUlr);
+    form.bountyCollectFileUrl = convertApi2FormUrlOnlyOne(data?.bountyCollectFileUrl);
+
+    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: AuthTypeText },
+      licenseUrl: {
+        type: 'url',
+        formatter: (row: API.UserCertificationAuditListDto) => setOSSLink(row.licenseUrl),
+        modal: true,
+        showDownloadBtn: false,
+      },
+    },
+  }
+);
+
+function handleBack() {
+  closeViewPush(route, {
+    name: 'MaterialReviewList',
+  });
+}
 </script>
 
 <style lang="scss" scoped>
 @use '@/style/common.scss' as *;
+
+.page-form-layout-title-item {
+  margin-left: 16px;
+  font-size: 16px;
+
+  &.remark {
+    flex: 1;
+    min-width: 0;
+
+    @include utils-ellipsis;
+  }
+}
 </style>

--
Gitblit v1.9.1