From 524b1febe13e9305e9a27c870e09819e0e363bbd Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期一, 21 四月 2025 17:28:48 +0800
Subject: [PATCH] feat: 接口
---
src/views/MaterialReview/MaterialReviewDetail.vue | 167 +++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 135 insertions(+), 32 deletions(-)
diff --git a/src/views/MaterialReview/MaterialReviewDetail.vue b/src/views/MaterialReview/MaterialReviewDetail.vue
index 7eee540..764a70b 100644
--- a/src/views/MaterialReview/MaterialReviewDetail.vue
+++ b/src/views/MaterialReview/MaterialReviewDetail.vue
@@ -4,24 +4,39 @@
<PageFormLayout>
<template #title>
<div class="page-form-layout-title">
- <div>
- 鐢虫姤璇︽儏
- <span class="page-form-layout-title-item status">
- {{ `瀹℃牳鐘舵��:${state.detail.categoryName}` }}
- </span>
- <span class="page-form-layout-title-item remark">
- {{ `瀹℃牳鏈�氳繃鍘熷洜:${state.detail.categoryName}` }}
- </span>
- </div>
+ 鐢虫姤璇︽儏
+ <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="state.detail">
- <template #table>
- <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView>
- </template>
+ <DetailView :form="form">
+ <ChunkCellV2 title="鐢虫姤浼佷笟鍚嶅崟">
+ <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"
+ downloadBtnText="鏌ョ湅"
+ />
+ </ChunkCellV2>
</DetailView>
<template #footer>
- <el-button @click="handleBack">鍏抽棴</el-button>
+ <el-button @click="handleBack" type="primary">纭</el-button>
</template>
</PageFormLayout>
</AppContainer>
@@ -29,14 +44,33 @@
</template>
<script setup lang="ts">
-import { AppContainer, LoadingLayout, UploadUserFile, PageFormLayout } from '@bole-core/components';
-import { DataRangeEnum } from '@/constants';
+import {
+ AppContainer,
+ LoadingLayout,
+ UploadUserFile,
+ PageFormLayout,
+ useTable,
+ useFormDialog,
+ 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 informationServices from '@/services/api/Information';
-import { convertApi2FormUrlOnlyOne } from '@/utils';
+import * as parkBountyApplyServices from '@/services/api/ParkBountyApply';
+import { convertApi2FormUrlOnlyOne, setOSSLink } from '@/utils';
import { useRouteView } from '@/hooks';
+import { OrderInputType } from '@bole-core/core';
+import {
+ EnterpriseTypeText,
+ BountyCheckStatusEnum,
+ BountyCheckStatusEnumText,
+ BountyCheckStatusEnumColor,
+} from '@/constants';
+import { FourStreamsMaterialFileTableItem } from '@/components/commonView/types';
+import { FourStreamsMaterialUtils } from '@/components/commonView/utils';
+import { useIndustrialParkDropDownList } from '@/hooks/industrialPark';
defineOptions({
name: 'MaterialReviewDetail',
@@ -45,36 +79,105 @@
const route = useRoute();
const { closeViewPush } = useRouteView();
const id = route.params?.id as string;
-const state = reactive({
- detail: {
- categoryName: '',
- amount: 0,
- url: [] as UploadUserFile[],
- },
+const form = reactive({
+ batchNo: '',
+ parkName: '',
+ parkTypeName: '',
+ applyMonth: '',
+ applySumAmount: 0,
+ enterpriseTaxSubFileUrl: [] as UploadUserFile[],
+ enterpriseOperateFileUrl: [] as UploadUserFile[],
+ bountyAssignFileUlr: [] as UploadUserFile[],
+ bountyCollectFileUrl: [] as UploadUserFile[],
+ enterpriseRelateFileUrl: [] as UploadUserFile[],
+
+ outCheckStatus: '' as any as BountyCheckStatusEnum,
+ outCheckRemark: '',
});
const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>();
const { data: detail, isLoading } = useQuery({
- queryKey: ['informationServices/getInformationShowDetail', id],
+ queryKey: ['parkBountyApplyServices/getOutCheckParkBountyApplyDetailBaseInfo', id],
queryFn: async () => {
- return await informationServices.getInformationShowDetail(
- { id: id },
+ return await parkBountyApplyServices.getOutCheckParkBountyApplyDetailBaseInfo(
+ { parkBountyApplyId: id },
{
showLoading: false,
}
);
},
- placeholderData: () => ({} as API.InformationShowDetailDto),
+ placeholderData: () => ({} as API.OutCheckParkBountyApplyBaseInfo),
onSuccess(data) {
- state.detail.categoryName = data.categoryName;
- state.detail.amount = data.attentionCount;
- state.detail.url = convertApi2FormUrlOnlyOne(data.avatarUrl);
+ 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);
+ form.enterpriseRelateFileUrl = convertApi2FormUrlOnlyOne(data?.enterpriseRelateFileUrl);
- tableRef.value?.getList();
+ 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: 'parkBountyApplyId', order: OrderInputType.Desc }],
+ searchKeyWord: '',
+ },
+ columnsRenderProps: {
+ authType: { type: 'enum', valueEnum: EnterpriseTypeText },
+ },
+ }
+);
+
+const { dialogProps, handleAdd, editForm } = useFormDialog({
+ defaultFormParams: {
+ list: [] as FourStreamsMaterialFileTableItem[],
+ companyId: '',
+ },
+});
+
+const { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList();
+
+function openDialog(row: API.ParkBountyApplyDetailInfo) {
+ handleAdd({
+ list: FourStreamsMaterialUtils.initFourStreamsMaterialFileList(
+ row,
+ getIndustrialParkTypeNameById(detail.value?.parkId)
+ ),
+ companyId: row.enterpriseId,
+ });
+}
+
function handleBack() {
closeViewPush(route, {
name: 'MaterialReviewList',
--
Gitblit v1.9.1