From 052a1c6f01420d695cb3c251619249725181ff02 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期二, 22 七月 2025 09:32:38 +0800
Subject: [PATCH] feat: 页面
---
src/views/MaterialReview/MaterialReviewDetail.vue | 150 +++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 149 insertions(+), 1 deletions(-)
diff --git a/src/views/MaterialReview/MaterialReviewDetail.vue b/src/views/MaterialReview/MaterialReviewDetail.vue
index 62c93d0..8a0f348 100644
--- a/src/views/MaterialReview/MaterialReviewDetail.vue
+++ b/src/views/MaterialReview/MaterialReviewDetail.vue
@@ -1,13 +1,161 @@
<template>
- <div>MaterialReviewDetail</div>
+ <LoadingLayout>
+ <AppContainer>
+ <PageFormLayout>
+ <template #title>
+ <div class="page-form-layout-title">
+ 鐢虫姤璇︽儏
+ <span class="page-form-layout-title-item status">
+ 瀹℃牳鐘舵��:<span :style="{ color: BountyCheckStatusEnumColor[form.outCheckStatus] }">{{
+ BountyCheckStatusEnumText[form.outCheckStatus]
+ }}</span>
+ </span>
+ <span class="page-form-layout-title-item remark">
+ <TextOverTooltip v-if="form.outCheckStatus === BountyCheckStatusEnum.CheckReject">
+ {{ `瀹℃牳鏈�氳繃鍘熷洜:${form.outCheckRemark ?? ''}` }}
+ </TextOverTooltip>
+ </span>
+ </div>
+ </template>
+ <DetailView :form="form">
+ <ChunkCellV2 title="鐢虫姤浼佷笟鍚嶅崟">
+ <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" type="primary">纭</el-button>
+ </template>
+ </PageFormLayout>
+ </AppContainer>
+ </LoadingLayout>
</template>
<script setup lang="ts">
+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 { 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',
});
+
+const route = useRoute();
+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[],
+
+ 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/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.parkCollectFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList(
+ data.listFiles
+ );
+ form.calculationFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList(
+ data.collectCountListFiles
+ );
+
+ form.suportEnterpriseUpload = data.suportEnterpriseUpload;
+
+ getList();
+ },
+});
+
+const { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList();
+
+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