From 915cb66b408982c61a2ac6b2977b5d1f16c693d6 Mon Sep 17 00:00:00 2001
From: nanxiyu <13981706105@163.com>
Date: Sat, 27 Dec 2025 01:11:47 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=8A=95=E8=B5=84?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E9=80=80=E5=87=BA=E5=8F=8D=E9=A6=88=E3=80=81?=
 =?UTF-8?q?=E8=BF=9B=E5=BA=A6=E6=8A=A5=E5=91=8A=E3=80=81=E8=AE=A1=E5=88=92?=
 =?UTF-8?q?=E7=94=B3=E8=AF=B7=E5=8F=8A=E9=80=80=E5=87=BA=E8=AE=A1=E5=88=92?=
 =?UTF-8?q?=E7=AD=89=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD=E6=A8=A1=E5=9D=97?=
 =?UTF-8?q?=E5=8F=8A=E7=9B=B8=E5=85=B3=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../investment/common/ProjectExitPlanForm.vue | 105 +--
 .../common/ProjectPlanApplyForm.vue           | 641 ++++++++++++------
 .../ProjectProgressReportFormDeatils.vue      | 186 ++---
 src/components/investment/interface/types.ts  |  30 +-
 .../workbench/common/ApprovalAction.vue       |  81 +--
 src/views/invMid/planApply/index.vue          | 184 ++---
 src/views/invMid/progressReport/index.vue     |  51 +-
 .../invMid/progressReportExamine/index.vue    |  19 +-
 .../invMid/projectExitFeedback/index.vue      | 133 ++--
 .../projectExitFeedback/interface/type.ts     |  58 +-
 src/views/invMid/projectExitPlan/index.vue    | 164 +++--
 11 files changed, 968 insertions(+), 684 deletions(-)

diff --git a/src/components/investment/common/ProjectExitPlanForm.vue b/src/components/investment/common/ProjectExitPlanForm.vue
index 94bdcda..8804cdd 100644
--- a/src/components/investment/common/ProjectExitPlanForm.vue
+++ b/src/components/investment/common/ProjectExitPlanForm.vue
@@ -5,11 +5,12 @@
 			<div class="form-meta">
 				<div class="meta-item">
 					<span>{{ t('projectExitPlan.form.applyDepartmentLabel') }}：</span>
-					<el-input v-model="formData.applicationDept" size="small" :placeholder="t('projectExitPlan.placeholder.input')" />
+					<el-input v-model="formData.applicationDept" size="small"
+						:placeholder="t('projectExitPlan.placeholder.input')" />
 				</div>
 				<div class="meta-item">
 					<span>{{ t('projectExitPlan.form.applyDateLabel') }}：</span>
-					<span>{{new Date().toLocaleDateString('zh-CN')}}</span>
+					<span>{{ new Date().toLocaleDateString('zh-CN') }}</span>
 				</div>
 			</div>
 		</div>
@@ -20,7 +21,8 @@
 					<div class="table-cell label">{{ t('projectExitPlan.form.projectName') }}</div>
 				</template>
 				<div class="table-cell value project-name-cell">
-					<el-input v-model="formData.projectName" :placeholder="t('projectExitPlan.form.projectNamePlaceholder')" readonly>
+					<el-input v-model="formData.projectName"
+						:placeholder="t('projectExitPlan.form.projectNamePlaceholder')" readonly>
 						<template #suffix>
 							<el-icon class="cursor-pointer interactive-icon" @click="handleSelectProject">
 								<FolderOpened />
@@ -38,7 +40,8 @@
 					<div class="table-cell label">{{ t('projectExitPlan.form.exitSuggestion') }}</div>
 				</template>
 				<div class="table-cell value">
-					<el-input v-model="formData.exitRecommendation" :placeholder="t('projectExitPlan.placeholder.input')" />
+					<el-input v-model="formData.exitRecommendation"
+						:placeholder="t('projectExitPlan.placeholder.input')" />
 				</div>
 			</el-form-item>
 
@@ -65,7 +68,8 @@
 					<div class="table-cell label">{{ t('projectExitPlan.form.taskDescription') }}</div>
 				</template>
 				<div class="table-cell value">
-					<el-input v-model="formData.taskDescription" type="textarea" :rows="1" :placeholder="t('projectExitPlan.placeholder.input')" />
+					<el-input v-model="formData.taskDescription" type="textarea" :rows="1"
+						:placeholder="t('projectExitPlan.placeholder.input')" />
 				</div>
 			</el-form-item>
 
@@ -74,8 +78,10 @@
 					<div class="table-cell label">{{ t('projectExitPlan.form.executor') }}</div>
 				</template>
 				<div class="table-cell value">
-					<el-select v-model="formData.executor" clearable :placeholder="t('projectExitPlan.form.executorPlaceholder')">
-						<el-option :label="t('projectExitPlan.form.executorPlaceholder')" value="executor-placeholder" />
+					<el-select v-model="formData.executor" clearable
+						:placeholder="t('projectExitPlan.form.executorPlaceholder')">
+						<el-option :label="t('projectExitPlan.form.executorPlaceholder')"
+							value="executor-placeholder" />
 					</el-select>
 				</div>
 			</el-form-item>
@@ -85,23 +91,13 @@
 					<div class="table-cell label">{{ t('projectExitPlan.form.taskStartTime') }}</div>
 				</template>
 				<div class="table-cell value">
-					<el-date-picker
-						v-model="formData.taskStartDate"
-						type="date"
-						value-format="YYYY-MM-DD"
-						:placeholder="t('projectExitPlan.placeholder.select')"
-						style="width: 100%"
-					/>
+					<el-date-picker v-model="formData.taskStartDate" type="date" value-format="YYYY-MM-DD"
+						:placeholder="t('projectExitPlan.placeholder.select')" style="width: 100%" />
 				</div>
 				<div class="table-cell label">{{ t('projectExitPlan.form.taskEndTime') }}</div>
 				<div class="table-cell value">
-					<el-date-picker
-						v-model="formData.taskEndDate"
-						type="date"
-						value-format="YYYY-MM-DD"
-						:placeholder="t('projectExitPlan.placeholder.select')"
-						style="width: 100%"
-					/>
+					<el-date-picker v-model="formData.taskEndDate" type="date" value-format="YYYY-MM-DD"
+						:placeholder="t('projectExitPlan.placeholder.select')" style="width: 100%" />
 				</div>
 			</el-form-item>
 		</el-form>
@@ -117,31 +113,39 @@
 					</el-form-item>
 				</el-form>
 			</template>
-			<el-table :data="tableData" style="width: 100%" height="50vh" highlight-current-row border @current-change="handleSelectionChange">
+			<el-table :data="tableData" style="width: 100%" height="50vh" highlight-current-row border
+				@current-change="handleSelectionChange">
 				<el-table-column label="选择" width="80">
 					<template #default="scope">
 						<div class="options" :class="active === scope.$index ? 'active' : ''"></div>
 					</template>
 				</el-table-column>
 				<el-table-column prop="projectName" :label="t('projectLibrary.table.projectName')" min-width="200" />
-				<el-table-column prop="projectStartTime" :label="t('projectLibrary.table.projectImplementationStart')" min-width="160" />
+				<el-table-column prop="projectStartTime" :label="t('projectLibrary.table.projectImplementationStart')"
+					min-width="160" />
 				<el-table-column prop="projectNature" :label="t('projectLibrary.table.projectNature')" min-width="140">
 					<template #default="{ row }">
-						{{ projectNatureOptions.find((item: Enums) => item.value === row.projectNature)?.label }}
+						{{projectNatureOptions.find((item: Enums) => item.value === row.projectNature)?.label}}
 					</template>
 				</el-table-column>
-				<el-table-column prop="projectOwnerUnit" :label="t('projectLibrary.table.projectOwnerUnit')" min-width="200" />
+				<el-table-column prop="projectOwnerUnit" :label="t('projectLibrary.table.projectOwnerUnit')"
+					min-width="200" />
 				<el-table-column prop="" label="项目实施单位" />
-				<el-table-column prop="projectInvestmentDirection" :label="t('projectLibrary.table.projectDirection')" min-width="160" />
-				<el-table-column prop="mainBusinessTypes" :label="t('planApply.applySection.mainBusinessType')" min-width="160">
+				<el-table-column prop="projectInvestmentDirection" :label="t('projectLibrary.table.projectDirection')"
+					min-width="160" />
+				<el-table-column prop="mainBusinessTypes" :label="t('planApply.applySection.mainBusinessType')"
+					min-width="160">
 					<template #default="{ row }">
-						{{ mainBusinessOptions.find((item: Enums) => item.value === row.mainBusinessTypes)?.label }}
+						{{mainBusinessOptions.find((item: Enums) => item.value === row.mainBusinessTypes)?.label}}
 					</template>
 				</el-table-column>
-				<el-table-column prop="constructionStage" :label="t('projectLibrary.table.constructionStage')" min-width="120" />
-				<el-table-column prop="investmentCategory" :label="t('projectLibrary.table.investmentCategory')" min-width="140">
+				<el-table-column prop="constructionStage" :label="t('projectLibrary.table.constructionStage')"
+					min-width="120" />
+				<el-table-column prop="investmentCategory" :label="t('projectLibrary.table.investmentCategory')"
+					min-width="140">
 					<template #default="{ row }">
-						{{ investmentCategoryOptions.find((item: Enums) => item.value === row.investmentCategory)?.label }}
+						{{investmentCategoryOptions.find((item: Enums) => item.value === row.investmentCategory)?.label
+						}}
 					</template>
 				</el-table-column>
 				<el-table-column prop="" label="操作" fixed="right" width="100">
@@ -151,16 +155,10 @@
 				</el-table-column>
 			</el-table>
 			<div class="mt15 flex justify-end pagination-wrapper">
-				<el-pagination
-					background
-					layout="sizes, prev, pager, next, jumper, total"
-					:total="total"
-					:page-sizes="[10, 20, 50, 100]"
-					v-model:page-size="queryForm.size"
-					v-model:current-page="queryForm.page"
-					@size-change="handlePageSizeChange"
-					@current-change="handlePageChange"
-				/>
+				<el-pagination background layout="sizes, prev, pager, next, jumper, total" :total="total"
+					:page-sizes="[10, 20, 50, 100]" v-model:page-size="queryForm.size"
+					v-model:current-page="queryForm.page" @size-change="handlePageSizeChange"
+					@current-change="handlePageChange" />
 			</div>
 			<template #footer>
 				<el-button type="primary" @click="tableSubmit">确定</el-button>
@@ -190,7 +188,7 @@ const visible = ref<boolean>(false);
 const visible2 = ref<boolean>(false);
 const props = defineProps<{
 	modelValue?: ProjectTask;
-	rules:FormRules;
+	rules: FormRules;
 }>();
 const useForm = ref<FormInstance | undefined>();
 const emit = defineEmits<{
@@ -202,11 +200,11 @@ const defaultForm: ProjectTask = {
 	projectName: '',
 	projectId: undefined,
 	exitRecommendation: '',
-	executionTask:'',
-	taskDescription:'',
-	executor:'',
-	taskStartDate:new Date().toISOString().substring(0,10),
-	taskEndDate:new Date().toISOString().substring(0,10),
+	executionTask: '',
+	taskDescription: '',
+	executor: '',
+	taskStartDate: new Date().toISOString().substring(0, 10),
+	taskEndDate: new Date().toISOString().substring(0, 10),
 };
 
 const formData = reactive<ProjectTask>({ ...defaultForm, ...props.modelValue });
@@ -238,17 +236,17 @@ const handlePageChange = (page: number) => {
 	getListOfProjects();
 };
 getListOfProjects();
-const getListSearch = () =>{
+const getListSearch = () => {
 	queryForm.value.page = 1;
 	getListOfProjects();
 }
-const handleReset = () =>{
+const handleReset = () => {
 	queryForm.value.projectName = '';
 }
 watch(
 	formData,
 	(newVal) => {
-		console.log(newVal,'formData');
+		console.log(newVal, 'formData');
 		emit('update:modelValue', { ...newVal });
 	},
 	{ deep: true }
@@ -258,7 +256,7 @@ watch(
 	() => props.modelValue,
 	(newVal) => {
 		if (newVal) {
-			console.log(newVal,'asdas');
+			console.log(newVal, 'asdas');
 			Object.assign(formData, newVal);
 		}
 	},
@@ -371,9 +369,11 @@ defineExpose({
 .table-cell.value {
 	flex: 1;
 }
+
 .table-row {
 	margin: 0;
 }
+
 .table-row.two-columns .table-cell.label {
 	width: 160px;
 }
@@ -405,6 +405,7 @@ defineExpose({
 .exit-plan-table :deep(.el-date-editor) {
 	width: 100%;
 }
+
 .options {
 	width: 20px;
 	height: 20px;
@@ -412,6 +413,7 @@ defineExpose({
 	border: 1px solid var(--el-border-color);
 	border-radius: 50%;
 }
+
 .active {
 	background-color: var(--el-color-primary);
 	color: white;
@@ -421,6 +423,7 @@ defineExpose({
 	height: 100%;
 	position: relative;
 }
+
 :deep(.el-form-item__label:before) {
 	left: 4px;
 	position: absolute;
diff --git a/src/components/investment/common/ProjectPlanApplyForm.vue b/src/components/investment/common/ProjectPlanApplyForm.vue
index d0011ae..69c79d6 100644
--- a/src/components/investment/common/ProjectPlanApplyForm.vue
+++ b/src/components/investment/common/ProjectPlanApplyForm.vue
@@ -11,9 +11,11 @@
 				<el-col :span="24">
 					<el-form-item :label="t('planApply.applySection.projectName')" required prop="entity.projectName">
 						<template #label>
-							<span style="color: var(--el-text-color-regular)">{{ t('planApply.applySection.projectName') }}</span>
+							<span style="color: var(--el-text-color-regular)">{{ t('planApply.applySection.projectName')
+							}}</span>
 						</template>
-						<el-input v-model="formData.entity.projectName" :placeholder="t('planApply.placeholder.input')" readonly>
+						<el-input v-model="formData.entity.projectName" :placeholder="t('planApply.placeholder.input')"
+							readonly>
 							<template #append>
 								<el-icon class="cursor-pointer interactive-icon" @click="handleSelectProject">
 									<FolderOpened />
@@ -27,73 +29,73 @@
 				<el-col :span="12">
 					<el-form-item :label="t('planApply.applySection.groupName')" required prop="entity.groupCompany">
 						<template #label>
-							<span style="color: var(--el-text-color-regular)">{{ t('planApply.applySection.groupName') }}</span>
+							<span style="color: var(--el-text-color-regular)">{{ t('planApply.applySection.groupName')
+							}}</span>
 						</template>
-						<el-input v-model="formData.entity.groupCompany" :placeholder="t('planApply.placeholder.input')" />
+						<el-input v-model="formData.entity.groupCompany"
+							:placeholder="t('planApply.placeholder.input')" />
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
 					<el-form-item :label="t('planApply.applySection.projectNature')">
-						<el-select v-model="formData.entity.projectNature" :placeholder="t('planApply.placeholder.select')" clearable>
-							<el-option v-for="item in projectNatureOptions" :label="item.label" :value="item.value" :key="item.value" />
+						<el-select v-model="formData.entity.projectNature"
+							:placeholder="t('planApply.placeholder.select')" clearable>
+							<el-option v-for="item in projectNatureOptions" :label="item.label" :value="item.value"
+								:key="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
 			</el-row>
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.applySection.projectMainUnit')" required prop="entity.projectMainEntity">
-						<el-tree-select
-							v-model="formData.entity.projectMainEntity"
-							:data="projectMainEntityOptions"
-							check-strictly
-							node-key="name"
-							:props="{
+					<el-form-item :label="t('planApply.applySection.projectMainUnit')" required
+						prop="entity.projectMainEntity">
+						<el-tree-select v-model="formData.entity.projectMainEntity" :data="projectMainEntityOptions"
+							check-strictly node-key="name" :props="{
 								value: 'name',
 								label: 'name',
 								children: 'children',
-							}"
-							:render-after-expand="false"
-							@current-change="handleProjectMainUnitChange"
-						/>
+							}" :render-after-expand="false" @current-change="handleProjectMainUnitChange" />
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
 					<el-form-item :label="t('reserveRegistration.basicInfo.projectOwnerUnit')">
-						<el-tree-select
-							v-model="formData.entity.projectOwnerUnit"
-							:data="projectMainEntityOptions"
-							check-strictly
-							node-key="name"
-							:props="{
+						<el-tree-select v-model="formData.entity.projectOwnerUnit" :data="projectMainEntityOptions"
+							check-strictly node-key="name" :props="{
 								value: 'name',
 								label: 'name',
 								children: 'children',
-							}"
-							:render-after-expand="false"
-						/>
+							}" :render-after-expand="false" />
 					</el-form-item>
 				</el-col>
 			</el-row>
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.applySection.investmentCategory')" required prop="entity.investmentCategory">
+					<el-form-item :label="t('planApply.applySection.investmentCategory')" required
+						prop="entity.investmentCategory">
 						<template #label>
-							<span style="color: var(--el-text-color-regular)">{{ t('planApply.applySection.investmentCategory') }}</span>
+							<span style="color: var(--el-text-color-regular)">{{
+								t('planApply.applySection.investmentCategory') }}</span>
 						</template>
-						<el-select v-model="formData.entity.investmentCategory" :placeholder="t('planApply.placeholder.select')" clearable>
-							<el-option v-for="item in investmentCategoryOptions" :key="item.value" :label="item.label" :value="item.value" />
+						<el-select v-model="formData.entity.investmentCategory"
+							:placeholder="t('planApply.placeholder.select')" clearable>
+							<el-option v-for="item in investmentCategoryOptions" :key="item.value" :label="item.label"
+								:value="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.applySection.investmentType')" required prop="entity.investmentArea">
+					<el-form-item :label="t('planApply.applySection.investmentType')" required
+						prop="entity.investmentArea">
 						<template #label>
-							<span style="color: var(--el-text-color-regular)">{{ t('planApply.applySection.investmentType') }}</span>
+							<span style="color: var(--el-text-color-regular)">{{
+								t('planApply.applySection.investmentType') }}</span>
 						</template>
-						<el-select v-model="formData.entity.investmentArea" :placeholder="t('planApply.placeholder.select')" clearable>
-							<el-option v-for="item in investmentAreaOptions" :key="item.value" :label="item.label" :value="item.value" />
+						<el-select v-model="formData.entity.investmentArea"
+							:placeholder="t('planApply.placeholder.select')" clearable>
+							<el-option v-for="item in investmentAreaOptions" :key="item.value" :label="item.label"
+								:value="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
@@ -101,38 +103,51 @@
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.applySection.projectAddress')" required prop="entity.projectAddress">
+					<el-form-item :label="t('planApply.applySection.projectAddress')" required
+						prop="entity.projectAddress">
 						<template #label>
-							<span style="color: var(--el-text-color-regular)">{{ t('planApply.applySection.projectAddress') }}</span>
+							<span style="color: var(--el-text-color-regular)">{{
+								t('planApply.applySection.projectAddress') }}</span>
 						</template>
-						<el-input v-model="formData.entity.projectAddress" :placeholder="t('planApply.placeholder.input')" />
+						<el-input v-model="formData.entity.projectAddress"
+							:placeholder="t('planApply.placeholder.input')" />
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.applySection.projectDetailAddress')" required prop="entity.projectAddressDetail">
+					<el-form-item :label="t('planApply.applySection.projectDetailAddress')" required
+						prop="entity.projectAddressDetail">
 						<template #label>
-							<span style="color: var(--el-text-color-regular)">{{ t('planApply.applySection.projectDetailAddress') }}</span>
+							<span style="color: var(--el-text-color-regular)">{{
+								t('planApply.applySection.projectDetailAddress') }}</span>
 						</template>
-						<el-input v-model="formData.entity.projectAddressDetail" :placeholder="t('planApply.placeholder.input')" />
+						<el-input v-model="formData.entity.projectAddressDetail"
+							:placeholder="t('planApply.placeholder.input')" />
 					</el-form-item>
 				</el-col>
 			</el-row>
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('reserveRegistration.basicInfo.projectDirection')" required prop="entity.projectInvestmentDirection">
-						<el-select v-model="formData.entity.projectInvestmentDirection" :placeholder="t('planApply.placeholder.select')" >
-							<el-option v-for="item in projectDirectionOptions" :key="item.value" :label="item.label" :value="item.value" />
+					<el-form-item :label="t('reserveRegistration.basicInfo.projectDirection')" required
+						prop="entity.projectInvestmentDirection">
+						<el-select v-model="formData.entity.projectInvestmentDirection"
+							:placeholder="t('planApply.placeholder.select')">
+							<el-option v-for="item in projectDirectionOptions" :key="item.value" :label="item.label"
+								:value="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item :label="t('reserveRegistration.basicInfo.directionSubdivision')" required prop="entity.investmentDirectionSegmentation">
+					<el-form-item :label="t('reserveRegistration.basicInfo.directionSubdivision')" required
+						prop="entity.investmentDirectionSegmentation">
 						<template #label>
-							<span style="color: var(--el-text-color-regular)">{{ t('reserveRegistration.basicInfo.directionSubdivision') }}</span>
+							<span style="color: var(--el-text-color-regular)">{{
+								t('reserveRegistration.basicInfo.directionSubdivision') }}</span>
 						</template>
-						<el-select v-model="formData.entity.investmentDirectionSegmentation" :placeholder="t('planApply.placeholder.select')">
-							<el-option v-for="item in ProjectDirectionDetailsOptionsEnums" :key="item.value" :label="item.label" :value="item.value" />
+						<el-select v-model="formData.entity.investmentDirectionSegmentation"
+							:placeholder="t('planApply.placeholder.select')">
+							<el-option v-for="item in ProjectDirectionDetailsOptionsEnums" :key="item.value"
+								:label="item.label" :value="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
@@ -140,22 +155,30 @@
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('reserveRegistration.basicInfo.projectSource')" required prop="entity.projectSource">
+					<el-form-item :label="t('reserveRegistration.basicInfo.projectSource')" required
+						prop="entity.projectSource">
 						<template #label>
-							<span style="color: var(--el-text-color-regular)">{{ t('reserveRegistration.basicInfo.projectSource') }}</span>
+							<span style="color: var(--el-text-color-regular)">{{
+								t('reserveRegistration.basicInfo.projectSource') }}</span>
 						</template>
-						<el-select v-model="formData.entity.projectSource" :placeholder="t('planApply.placeholder.select')">
-							<el-option v-for="item in projectSourceOptions" :key="item.value" :label="item.label" :value="item.value" />
+						<el-select v-model="formData.entity.projectSource"
+							:placeholder="t('planApply.placeholder.select')">
+							<el-option v-for="item in projectSourceOptions" :key="item.value" :label="item.label"
+								:value="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.applySection.constructionNature')" required prop="entity.constructionNature">
+					<el-form-item :label="t('planApply.applySection.constructionNature')" required
+						prop="entity.constructionNature">
 						<template #label>
-							<span style="color: var(--el-text-color-regular)">{{ t('planApply.applySection.constructionNature') }}</span>
+							<span style="color: var(--el-text-color-regular)">{{
+								t('planApply.applySection.constructionNature') }}</span>
 						</template>
-						<el-select v-model="formData.entity.constructionNature" :placeholder="t('planApply.placeholder.select')" clearable>
-							<el-option v-for="item in constructionNatureOptions" :key="item.value" :label="item.label" :value="item.value" />
+						<el-select v-model="formData.entity.constructionNature"
+							:placeholder="t('planApply.placeholder.select')" clearable>
+							<el-option v-for="item in constructionNatureOptions" :key="item.value" :label="item.label"
+								:value="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
@@ -163,16 +186,21 @@
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('reserveRegistration.basicInfo.majorInvestmentProject')" required prop="entity.majorInvestmentProjects">
-						<el-select v-model="formData.entity.majorInvestmentProjects" :placeholder="t('planApply.placeholder.input')" >
-							<el-option v-for="item in yesOrNo" :value="item.value" :label="item.label" :key="item.value"/>
+					<el-form-item :label="t('reserveRegistration.basicInfo.majorInvestmentProject')" required
+						prop="entity.majorInvestmentProjects">
+						<el-select v-model="formData.entity.majorInvestmentProjects"
+							:placeholder="t('planApply.placeholder.input')">
+							<el-option v-for="item in yesOrNo" :value="item.value" :label="item.label"
+								:key="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
 					<el-form-item :label="t('planApply.applySection.keyProject')" required prop="entity.keyProject">
-						<el-select v-model="formData.entity.keyProject" :placeholder="t('planApply.placeholder.select')" clearable>
-							<el-option v-for="item in projectImportantOptions" :key="item.value" :label="item.label" :value="item.value" />
+						<el-select v-model="formData.entity.keyProject" :placeholder="t('planApply.placeholder.select')"
+							clearable>
+							<el-option v-for="item in projectImportantOptions" :key="item.value" :label="item.label"
+								:value="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
@@ -180,32 +208,25 @@
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.applySection.isWithinMainBusiness')" required prop="entity.isMainBusiness">
-						<el-select v-model="formData.entity.isMainBusiness" :placeholder="t('planApply.placeholder.select')" clearable
-						@change="(e:any) =>{
-							if(e === '1'){
-								formData.entity.mainBusinessTypes = ''
-							}
-						}"
-						>
-							<el-option v-for="item in yesOrNo" :value="item.value" :label="item.label" :key="item.value"/>
+					<el-form-item :label="t('planApply.applySection.isWithinMainBusiness')" required
+						prop="entity.isMainBusiness">
+						<el-select v-model="formData.entity.isMainBusiness"
+							:placeholder="t('planApply.placeholder.select')" clearable @change="(e: any) => {
+								if (e === '1') {
+									formData.entity.mainBusinessTypes = ''
+								}
+							}">
+							<el-option v-for="item in yesOrNo" :value="item.value" :label="item.label"
+								:key="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item
-						:label="t('planApply.applySection.mainBusinessType')"
-						:required="formData.entity.isMainBusiness === '0'"
-						prop="entity.mainBusinessTypes"
-					>
+					<el-form-item :label="t('planApply.applySection.mainBusinessType')"
+						:required="formData.entity.isMainBusiness === '0'" prop="entity.mainBusinessTypes">
 						<el-select v-model="formData.entity.mainBusinessTypes">
-							<el-option
-								v-for="item in mainBusinessOptions"
-								:key="item.value"
-								:label="item.label"
-								:value="item.value"
-								:disabled="formData.entity.isMainBusiness !== '0'"
-							/>
+							<el-option v-for="item in mainBusinessOptions" :key="item.value" :label="item.label"
+								:value="item.value" :disabled="formData.entity.isMainBusiness !== '0'" />
 						</el-select>
 					</el-form-item>
 				</el-col>
@@ -213,13 +234,17 @@
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('reserveRegistration.basicInfo.mainBusinessCode')" required prop="entity.mainBusinessCode">
-						<el-input v-model="formData.entity.mainBusinessCode" :placeholder="t('planApply.placeholder.input')" />
+					<el-form-item :label="t('reserveRegistration.basicInfo.mainBusinessCode')" required
+						prop="entity.mainBusinessCode">
+						<el-input v-model="formData.entity.mainBusinessCode"
+							:placeholder="t('planApply.placeholder.input')" />
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.applySection.isManufacturing')" required prop="entity.isManufacturingIndustry">
-						<el-select v-model="formData.entity.isManufacturingIndustry" :placeholder="t('planApply.placeholder.select')" clearable>
+					<el-form-item :label="t('planApply.applySection.isManufacturing')" required
+						prop="entity.isManufacturingIndustry">
+						<el-select v-model="formData.entity.isManufacturingIndustry"
+							:placeholder="t('planApply.placeholder.select')" clearable>
 							<el-option :label="t('planApply.common.yes')" :value="t('planApply.common.yes')" />
 							<el-option :label="t('planApply.common.no')" :value="t('planApply.common.no')" />
 						</el-select>
@@ -229,16 +254,22 @@
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('reserveRegistration.basicInfo.strategicEmergingIndustry')" required prop="entity.isStrategicEmergingIndustries">
-						<el-select v-model="formData.entity.isStrategicEmergingIndustries" :placeholder="t('planApply.placeholder.select')" clearable>
-							<el-option v-for="item in strategicIndustryOptions" :key="item.value" :label="item.label" :value="item.value" />
+					<el-form-item :label="t('reserveRegistration.basicInfo.strategicEmergingIndustry')" required
+						prop="entity.isStrategicEmergingIndustries">
+						<el-select v-model="formData.entity.isStrategicEmergingIndustries"
+							:placeholder="t('planApply.placeholder.select')" clearable>
+							<el-option v-for="item in strategicIndustryOptions" :key="item.value" :label="item.label"
+								:value="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.applySection.cityStrategy')" required prop="entity.urbanStrategy">
-						<el-select v-model="formData.entity.urbanStrategy" :placeholder="t('planApply.placeholder.select')">
-							<el-option v-for="item in cityStrategyOptions" :key="item.value" :label="item.label" :value="item.value" />
+					<el-form-item :label="t('planApply.applySection.cityStrategy')" required
+						prop="entity.urbanStrategy">
+						<el-select v-model="formData.entity.urbanStrategy"
+							:placeholder="t('planApply.placeholder.select')">
+							<el-option v-for="item in cityStrategyOptions" :key="item.value" :label="item.label"
+								:value="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
@@ -246,25 +277,17 @@
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.applySection.projectImplementationStart')" required prop="entity.projectStartTime">
-						<el-date-picker
-							v-model="formData.entity.projectStartTime"
-							type="date"
-							value-format="YYYY-MM-DD"
-							:placeholder="t('planApply.placeholder.select')"
-							style="width: 100%"
-						/>
+					<el-form-item :label="t('planApply.applySection.projectImplementationStart')" required
+						prop="entity.projectStartTime">
+						<el-date-picker v-model="formData.entity.projectStartTime" type="date" value-format="YYYY-MM-DD"
+							:placeholder="t('planApply.placeholder.select')" style="width: 100%" />
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.applySection.projectImplementationEnd')" required prop="entity.projectEndTime">
-						<el-date-picker
-							v-model="formData.entity.projectEndTime"
-							type="date"
-							value-format="YYYY-MM-DD"
-							:placeholder="t('planApply.placeholder.select')"
-							style="width: 100%"
-						/>
+					<el-form-item :label="t('planApply.applySection.projectImplementationEnd')" required
+						prop="entity.projectEndTime">
+						<el-date-picker v-model="formData.entity.projectEndTime" type="date" value-format="YYYY-MM-DD"
+							:placeholder="t('planApply.placeholder.select')" style="width: 100%" />
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -275,19 +298,23 @@
 						<div class="panel-title">{{ t('planApply.planInvestment.currentYearTotalTitle') }}</div>
 						<div style="flex: 1">
 							<el-form-item style="height: 82px" :label="t('planApply.planInvestment.planYear')">
-								<el-date-picker
-									v-model="formData.entity.planInvestmentYear"
-									type="year"
-									value-format="YYYY"
-									:placeholder="t('planApply.placeholder.selectYear')"
-									style="width: 100%"
-								/>
+								<el-date-picker v-model="formData.entity.planInvestmentYear" type="year"
+									value-format="YYYY" :placeholder="t('planApply.placeholder.selectYear')"
+									style="width: 100%" />
 							</el-form-item>
-							<el-form-item style="height: 82px" :label="t('planApply.planInvestment.plannedImageQuota')+'(万元)'" required prop="entity.planImageQuota">
-								<el-input-number readonly :precision="2" length="20" :controls="false" v-model="formData.entity.planImageQuota" :placeholder="t('planApply.placeholder.input')"/>
+							<el-form-item style="height: 82px"
+								:label="t('planApply.planInvestment.plannedImageQuota') + '(万元)'" required
+								prop="entity.planImageQuota">
+								<el-input-number readonly :precision="2" length="20" :controls="false"
+									v-model="formData.entity.planImageQuota"
+									:placeholder="t('planApply.placeholder.input')" />
 							</el-form-item>
-							<el-form-item style="height: 82px" :label="t('planApply.planInvestment.annualPlanPayment')+'(万元)'" required prop="entity.planPaymentLimit">
-								<el-input-number readonly :precision="2" length="20" :controls="false" v-model="formData.entity.planPaymentLimit" :placeholder="t('planApply.placeholder.input')"/>
+							<el-form-item style="height: 82px"
+								:label="t('planApply.planInvestment.annualPlanPayment') + '(万元)'" required
+								prop="entity.planPaymentLimit">
+								<el-input-number readonly :precision="2" length="20" :controls="false"
+									v-model="formData.entity.planPaymentLimit"
+									:placeholder="t('planApply.placeholder.input')" />
 							</el-form-item>
 						</div>
 					</div>
@@ -296,33 +323,49 @@
 					<div class="plan-investment-panel right-panel">
 						<div class="panel-title">{{ t('planApply.planInvestment.currentYearFundingTitle') }}</div>
 						<div style="flex: 1">
-							<el-form-item :label="t('planApply.investmentEstimate.capitalFunding')+'(万元)'" required prop="entity.ownedFunds">
-								<el-input-number readonly :precision="2" length="20" :controls="false" v-model="formData.entity.ownedFunds" :placeholder="t('planApply.placeholder.input')"/>
+							<el-form-item :label="t('planApply.investmentEstimate.capitalFunding') + '(万元)'" required
+								prop="entity.ownedFunds">
+								<el-input-number readonly :precision="2" length="20" :controls="false"
+									v-model="formData.entity.ownedFunds"
+									:placeholder="t('planApply.placeholder.input')" />
 							</el-form-item>
-							<el-form-item :label="t('planApply.investmentEstimate.financialFunding')+'(万元)'" required prop="entity.financialFunds">
-								<el-input-number readonly :precision="2" length="20" :controls="false" v-model="formData.entity.financialFunds" :placeholder="t('planApply.placeholder.input')"/>
+							<el-form-item :label="t('planApply.investmentEstimate.financialFunding') + '(万元)'" required
+								prop="entity.financialFunds">
+								<el-input-number readonly :precision="2" length="20" :controls="false"
+									v-model="formData.entity.financialFunds"
+									:placeholder="t('planApply.placeholder.input')" />
 							</el-form-item>
-							<el-form-item :label="t('planApply.investmentEstimate.externalRaisedFunds')+'(万元)'" required prop="entity.externalRaisedCapital">
-								<el-input-number readonly :precision="2" length="20" :controls="false" v-model="formData.entity.externalRaisedCapital" :placeholder="t('planApply.placeholder.input')"/>
+							<el-form-item :label="t('planApply.investmentEstimate.externalRaisedFunds') + '(万元)'"
+								required prop="entity.externalRaisedCapital">
+								<el-input-number readonly :precision="2" length="20" :controls="false"
+									v-model="formData.entity.externalRaisedCapital"
+									:placeholder="t('planApply.placeholder.input')" />
 							</el-form-item>
-							<el-form-item :label="t('planApply.investmentEstimate.otherFunding')+'(万元)'" required prop="entity.otherFunds">
-								<el-input-number readonly :precision="2" length="20" :controls="false" v-model="formData.entity.otherFunds"  :placeholder="t('planApply.placeholder.input')"></el-input-number>
+							<el-form-item :label="t('planApply.investmentEstimate.otherFunding') + '(万元)'" required
+								prop="entity.otherFunds">
+								<el-input-number readonly :precision="2" length="20" :controls="false"
+									v-model="formData.entity.otherFunds"
+									:placeholder="t('planApply.placeholder.input')"></el-input-number>
 							</el-form-item>
 							<el-form-item :label="t('planApply.investmentEstimate.financialFundingDescription')">
-								<el-input v-model="formData.entity.governmentFundSourceDesc" :placeholder="t('planApply.placeholder.input')" />
+								<el-input v-model="formData.entity.governmentFundSourceDesc"
+									:placeholder="t('planApply.placeholder.input')" />
 							</el-form-item>
 							<el-form-item :label="t('planApply.investmentEstimate.otherFundingDescription')">
-								<el-input v-model="formData.entity.otherFundSourceDesc" :placeholder="t('planApply.placeholder.input')" />
+								<el-input v-model="formData.entity.otherFundSourceDesc"
+									:placeholder="t('planApply.placeholder.input')" />
 							</el-form-item>
 						</div>
 					</div>
 				</el-col>
 			</el-row>
-<!--项目概述-->
+			<!--项目概述-->
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="24">
-					<el-form-item :label="t('planApply.applySection.projectOverview')" required prop="entity.projectDesc">
-						<el-input v-model="formData.entity.projectDesc" :placeholder="t('planApply.placeholder.input')" />
+					<el-form-item :label="t('planApply.applySection.projectOverview')" required
+						prop="entity.projectDesc">
+						<el-input v-model="formData.entity.projectDesc"
+							:placeholder="t('planApply.placeholder.input')" />
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -330,16 +373,12 @@
 			<el-row class="form-row">
 				<el-col :span="24">
 					<el-form-item :label="t('planApply.applySection.projectInitialPlan')">
-						<el-input v-model="formData.entity.projectPreliminaryPlan" :placeholder="t('planApply.placeholder.input')" />
+						<el-input v-model="formData.entity.projectPreliminaryPlan"
+							:placeholder="t('planApply.placeholder.input')" />
 					</el-form-item>
 					<el-form-item :label="t('planApply.headerForm.attachments')">
-						<UploadFile
-							:modelValue="formData.entity.projectPreliminaryPlanAttachment"
-							@change="uploadChange"
-							:fileSize="20"
-							type="simple"
-							:limit="10"
-						/>
+						<UploadFile :modelValue="formData.entity.projectPreliminaryPlanAttachment"
+							@change="uploadChange" :fileSize="20" type="simple" :limit="10" />
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -351,38 +390,51 @@
 					</el-form-item>
 				</el-col>
 			</el-row>
-<!--项目投资情况-->
-			<div class="form-section-title">{{ t('planApply.investmentStatus.title') }} 单位：{{ t('planApply.investmentEstimate.unitSuffix') }}</div>
+			<!--项目投资情况-->
+			<div class="form-section-title">{{ t('planApply.investmentStatus.title') }} 单位：{{
+				t('planApply.investmentEstimate.unitSuffix') }}</div>
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.investmentStatus.totalInvestmentAmount')" required prop="entity.projectTotalAmount">
-						<el-input-number :precision="2" :length="20" :controls="false" min="0" v-model="formData.entity.projectTotalAmount" :placeholder="t('planApply.placeholder.input')"></el-input-number>
+					<el-form-item :label="t('planApply.investmentStatus.totalInvestmentAmount')" required
+						prop="entity.projectTotalAmount">
+						<el-input-number :precision="2" :length="20" :controls="false" min="0"
+							v-model="formData.entity.projectTotalAmount"
+							:placeholder="t('planApply.placeholder.input')"></el-input-number>
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.investmentStatus.cumulativeInvestmentLastYear')" required prop="entity.lastYearCompleted" label-width="230px">
-						<el-input-number :precision="2" :length="20" :controls="false" min="0" v-model="formData.entity.lastYearCompleted" :placeholder="t('planApply.placeholder.input')"/>
+					<el-form-item :label="t('planApply.investmentStatus.cumulativeInvestmentLastYear')" required
+						prop="entity.lastYearCompleted" label-width="230px">
+						<el-input-number :precision="2" :length="20" :controls="false" min="0"
+							v-model="formData.entity.lastYearCompleted"
+							:placeholder="t('planApply.placeholder.input')" />
 					</el-form-item>
 				</el-col>
 			</el-row>
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.investmentStatus.ourTotalInvestmentAmount')" required prop="entity.ourInvestmentTotalAmount">
-						<el-input-number :precision="2" :length="20" :controls="false" min="0" v-model="formData.entity.ourInvestmentTotalAmount" :placeholder="t('planApply.placeholder.input')">
+					<el-form-item :label="t('planApply.investmentStatus.ourTotalInvestmentAmount')" required
+						prop="entity.ourInvestmentTotalAmount">
+						<el-input-number :precision="2" :length="20" :controls="false" min="0"
+							v-model="formData.entity.ourInvestmentTotalAmount"
+							:placeholder="t('planApply.placeholder.input')">
 							<template #append>{{ t('planApply.investmentEstimate.unitSuffix') }}</template>
 						</el-input-number>
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.investmentStatus.ourCumulativeInvestmentLastYear')" required prop="entity.ourLastYearCompleted" label-width="230px">
-						<el-input-number  :precision="2" :length="20" :controls="false" min="0" v-model="formData.entity.ourLastYearCompleted" :placeholder="t('planApply.placeholder.input')">
+					<el-form-item :label="t('planApply.investmentStatus.ourCumulativeInvestmentLastYear')" required
+						prop="entity.ourLastYearCompleted" label-width="230px">
+						<el-input-number :precision="2" :length="20" :controls="false" min="0"
+							v-model="formData.entity.ourLastYearCompleted"
+							:placeholder="t('planApply.placeholder.input')">
 							<template #append>{{ t('planApply.investmentEstimate.unitSuffix') }}</template>
 						</el-input-number>
 					</el-form-item>
 				</el-col>
 			</el-row>
-<!--年度项目投资信息-->
+			<!--年度项目投资信息-->
 			<div class="form-section-title">{{ t('planApply.annualInvestmentInfo.title') }}</div>
 			<div class="table-actions">
 				<el-button type="primary" @click="handleAddAnnualInvestment">
@@ -409,74 +461,118 @@
 						{{ $index + 1 }}
 					</template>
 				</el-table-column>
-				<el-table-column :label="t('planApply.annualInvestmentInfo.table.planYear')" min-width="140">
+				<el-table-column min-width="140">
+					<template #header>
+						<span class="required-field">{{ t('planApply.annualInvestmentInfo.table.planYear') }}</span>
+					</template>
 					<template #default="{ row }">
-						<el-date-picker
-							v-model="row.plannedInvestmentYear"
-							type="year"
-							value-format="YYYY"
-							:placeholder="t('planApply.placeholder.select')"
-							style="width: 100%"
-						/>
+						<el-date-picker v-model="row.plannedInvestmentYear" type="year" value-format="YYYY"
+							:placeholder="t('planApply.placeholder.select')" style="width: 100%"
+							:class="{ 'is-error': !row.plannedInvestmentYear }" />
 					</template>
 				</el-table-column>
-				<el-table-column :label="t('planApply.annualInvestmentInfo.table.plannedImageQuota')+'(万元)'" min-width="160">
+				<el-table-column min-width="160">
+					<template #header>
+						<span class="required-field">{{ t('planApply.annualInvestmentInfo.table.plannedImageQuota') +
+							'(万元)' }}</span>
+					</template>
 					<template #default="{ row }">
-						<el-input-number :precision="2" :length="20" :controls="false" min="0" v-model="row.plannedImageAmount" :placeholder="t('planApply.placeholder.input')"/>
+						<el-input-number :precision="2" :controls="false" :min="0" :value-on-clear="null"
+							v-model="row.plannedImageAmount" :placeholder="t('planApply.placeholder.input')"
+							:class="{ 'is-error': row.plannedImageAmount === null }" />
 					</template>
 				</el-table-column>
-				<el-table-column :label="t('planApply.annualInvestmentInfo.table.annualPlanPayment')+'(万元)'" min-width="160">
+				<el-table-column min-width="160">
+					<template #header>
+						<span class="required-field">{{ t('planApply.annualInvestmentInfo.table.annualPlanPayment') +
+							'(万元)' }}</span>
+					</template>
 					<template #default="{ row }">
-						<el-input-number :precision="2" :length="20" :controls="false" min="0" v-model="row.plannedPaymentAmount" :placeholder="t('planApply.placeholder.input')"/>
+						<el-input-number :precision="2" :controls="false" :min="0" :value-on-clear="null"
+							v-model="row.plannedPaymentAmount" :placeholder="t('planApply.placeholder.input')"
+							:class="{ 'is-error': row.plannedPaymentAmount === null }" />
 					</template>
 				</el-table-column>
 				<el-table-column :label="t('planApply.annualInvestmentInfo.table.fundingSources')" align="center">
-					<el-table-column :label="t('planApply.annualInvestmentInfo.table.capitalFunding')+'(万元)'" min-width="140">
+					<el-table-column min-width="140">
+						<template #header>
+							<span class="required-field">{{ t('planApply.annualInvestmentInfo.table.capitalFunding') +
+								'(万元)' }}</span>
+						</template>
 						<template #default="{ row }">
-							<el-input-number :precision="2" :length="20" :controls="false" min="0" v-model="row.selfFunding" :placeholder="t('planApply.placeholder.input')"/>
+							<el-input-number :precision="2" :controls="false" :min="0" :value-on-clear="null"
+								v-model="row.selfFunding" :placeholder="t('planApply.placeholder.input')"
+								:class="{ 'is-error': row.selfFunding === null }" />
 						</template>
 					</el-table-column>
-					<el-table-column :label="t('planApply.annualInvestmentInfo.table.externalRaisedFunds')+'(万元)'" min-width="150">
+					<el-table-column min-width="150">
+						<template #header>
+							<span class="required-field">{{
+								t('planApply.annualInvestmentInfo.table.externalRaisedFunds') + '(万元)' }}</span>
+						</template>
 						<template #default="{ row }">
-							<el-input-number :precision="2" :length="20" :controls="false" min="0" v-model="row.externalFunding" :placeholder="t('planApply.placeholder.input')"/>
+							<el-input-number :precision="2" :controls="false" :min="0" :value-on-clear="null"
+								v-model="row.externalFunding" :placeholder="t('planApply.placeholder.input')"
+								:class="{ 'is-error': row.externalFunding === null }" />
 						</template>
 					</el-table-column>
-					<el-table-column :label="t('planApply.annualInvestmentInfo.table.financialFunding')+'(万元)'" min-width="140">
+					<el-table-column min-width="140">
+						<template #header>
+							<span class="required-field">{{ t('planApply.annualInvestmentInfo.table.financialFunding') +
+								'(万元)' }}</span>
+						</template>
 						<template #default="{ row }">
-							<el-input-number :precision="2" :length="20" :controls="false" min="0" v-model="row.fiscalFunding" :placeholder="t('planApply.placeholder.input')"/>
+							<el-input-number :precision="2" :controls="false" :min="0" :value-on-clear="null"
+								v-model="row.fiscalFunding" :placeholder="t('planApply.placeholder.input')"
+								:class="{ 'is-error': row.fiscalFunding === null }" />
 						</template>
 					</el-table-column>
-					<el-table-column :label="t('planApply.annualInvestmentInfo.table.otherFunding')+'(万元)'" min-width="140">
+					<el-table-column min-width="140">
+						<template #header>
+							<span class="required-field">{{ t('planApply.annualInvestmentInfo.table.otherFunding') +
+								'(万元)' }}</span>
+						</template>
 						<template #default="{ row }">
-							<el-input-number :precision="2" :length="20" :controls="false" min="0" v-model="row.otherFunding" :placeholder="t('planApply.placeholder.input')"/>
+							<el-input-number :precision="2" :controls="false" :min="0" :value-on-clear="null"
+								v-model="row.otherFunding" :placeholder="t('planApply.placeholder.input')"
+								:class="{ 'is-error': row.otherFunding === null }" />
 						</template>
 					</el-table-column>
-					<el-table-column :label="t('planApply.annualInvestmentInfo.table.financialFundingDescription')" min-width="200">
+					<el-table-column :label="t('planApply.annualInvestmentInfo.table.financialFundingDescription')"
+						min-width="200">
 						<template #default="{ row }">
-							<el-input v-model="row.fiscalFundingSource" :placeholder="t('planApply.placeholder.input')" />
+							<el-input v-model="row.fiscalFundingSource"
+								:placeholder="t('planApply.placeholder.input')" />
 						</template>
 					</el-table-column>
-					<el-table-column :label="t('planApply.annualInvestmentInfo.table.otherFundingDescription')" min-width="200">
+					<el-table-column :label="t('planApply.annualInvestmentInfo.table.otherFundingDescription')"
+						min-width="200">
 						<template #default="{ row }">
-							<el-input v-model="row.otherFundingSource" :placeholder="t('planApply.placeholder.input')" />
+							<el-input v-model="row.otherFundingSource"
+								:placeholder="t('planApply.placeholder.input')" />
 						</template>
 					</el-table-column>
 				</el-table-column>
 			</el-table>
-<!--			项目决策信息-->
+			<!--			项目决策信息-->
 			<div class="form-section-title">{{ t('planApply.decisionInfo.title') }}</div>
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
 					<el-form-item :label="t('planApply.decisionInfo.decisionType')">
-						<el-select v-model="formData.entity.decisionType" :placeholder="t('planApply.placeholder.select')" >
-							<el-option v-for="item in decisionTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
+						<el-select v-model="formData.entity.decisionType"
+							:placeholder="t('planApply.placeholder.select')">
+							<el-option v-for="item in decisionTypeOptions" :key="item.value" :label="item.label"
+								:value="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.decisionInfo.isCompleteEstablishmentProcedures')" required prop="entity.isProjectApprovalCompleted">
-						<el-select v-model="formData.entity.isProjectApprovalCompleted" :placeholder="t('planApply.placeholder.select')" >
-							<el-option v-for="item in yesOrNo" :key="item.value" :label="item.label" :value="item.value" />
+					<el-form-item :label="t('planApply.decisionInfo.isCompleteEstablishmentProcedures')" required
+						prop="entity.isProjectApprovalCompleted">
+						<el-select v-model="formData.entity.isProjectApprovalCompleted"
+							:placeholder="t('planApply.placeholder.select')">
+							<el-option v-for="item in yesOrNo" :key="item.value" :label="item.label"
+								:value="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
@@ -484,45 +580,56 @@
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.decisionInfo.establishmentDocumentNumber')" :prop="formData.entity.isProjectApprovalCompleted === '0' ? 'entity.projectApprovalFileNo':''">
-						<el-input v-model="formData.entity.projectApprovalFileNo" :placeholder="t('planApply.placeholder.input')" />
+					<el-form-item :label="t('planApply.decisionInfo.establishmentDocumentNumber')"
+						:prop="formData.entity.isProjectApprovalCompleted === '0' ? 'entity.projectApprovalFileNo' : ''">
+						<el-input v-model="formData.entity.projectApprovalFileNo"
+							:placeholder="t('planApply.placeholder.input')" />
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.decisionInfo.establishmentDocumentInfo')" :prop="formData.entity.isProjectApprovalCompleted === '0' ? 'entity.projectApprovalFileInfo':''">
-						<el-input v-model="formData.entity.projectApprovalFileInfo" :placeholder="t('planApply.placeholder.input')" />
+					<el-form-item :label="t('planApply.decisionInfo.establishmentDocumentInfo')"
+						:prop="formData.entity.isProjectApprovalCompleted === '0' ? 'entity.projectApprovalFileInfo' : ''">
+						<el-input v-model="formData.entity.projectApprovalFileInfo"
+							:placeholder="t('planApply.placeholder.input')" />
 					</el-form-item>
 				</el-col>
 			</el-row>
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.decisionInfo.isCompleteDecisionProcedures')" required prop="entity.isDecisionProcedureCompleted">
-						<el-select v-model="formData.entity.isDecisionProcedureCompleted" :placeholder="t('planApply.placeholder.select')" >
-							<el-option v-for="item in yesOrNo" :key="item.value" :label="item.label" :value="item.value" />
+					<el-form-item :label="t('planApply.decisionInfo.isCompleteDecisionProcedures')" required
+						prop="entity.isDecisionProcedureCompleted">
+						<el-select v-model="formData.entity.isDecisionProcedureCompleted"
+							:placeholder="t('planApply.placeholder.select')">
+							<el-option v-for="item in yesOrNo" :key="item.value" :label="item.label"
+								:value="item.value" />
 						</el-select>
 					</el-form-item>
 				</el-col>
 				<el-col :span="12">
-					<el-form-item :label="t('planApply.decisionInfo.decisionProgramDocumentNumber')" :prop="formData.entity.isDecisionProcedureCompleted === '0' ? 'entity.decisionProcedureFileNo':''">
-						<el-input v-model="formData.entity.decisionProcedureFileNo" :placeholder="t('planApply.placeholder.input')" />
+					<el-form-item :label="t('planApply.decisionInfo.decisionProgramDocumentNumber')"
+						:prop="formData.entity.isDecisionProcedureCompleted === '0' ? 'entity.decisionProcedureFileNo' : ''">
+						<el-input v-model="formData.entity.decisionProcedureFileNo"
+							:placeholder="t('planApply.placeholder.input')" />
 					</el-form-item>
 				</el-col>
 			</el-row>
 
 			<el-row :gutter="20" class="form-row">
 				<el-col :span="24">
-					<el-form-item :label="t('planApply.decisionInfo.decisionDocumentInfo')" :prop="formData.entity.isDecisionProcedureCompleted === '0' ? 'entity.decisionFileInfo':''">
-						<el-input v-model="formData.entity.decisionFileInfo" :placeholder="t('planApply.placeholder.input')" />
+					<el-form-item :label="t('planApply.decisionInfo.decisionDocumentInfo')"
+						:prop="formData.entity.isDecisionProcedureCompleted === '0' ? 'entity.decisionFileInfo' : ''">
+						<el-input v-model="formData.entity.decisionFileInfo"
+							:placeholder="t('planApply.placeholder.input')" />
 					</el-form-item>
 				</el-col>
 			</el-row>
-<!-- 审核意见-->
+			<!-- 审核意见-->
 			<div class="form-section-title">{{ t('planApply.reviewOpinions.title') }}</div>
 			<el-row class="form-row">
 				<el-col :span="24">
 					<el-form-item :label="t('planApply.reviewOpinions.submitUnitOpinion')">
-						<el-input v-model="formData.entity.submitUnitOpinion" readonly />
+						<el-input v-model="formData.entity.submitUnitOpinion" :readonly="mode === 'view'" />
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -530,7 +637,7 @@
 			<el-row class="form-row">
 				<el-col :span="24">
 					<el-form-item :label="t('planApply.reviewOpinions.groupInvestmentDeptOpinion')">
-						<el-input v-model="formData.entity.groupInvestmentDeptOpinion" readonly />
+						<el-input v-model="formData.entity.groupInvestmentDeptOpinion" :readonly="mode === 'view'" />
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -538,7 +645,7 @@
 			<el-row class="form-row">
 				<el-col :span="24">
 					<el-form-item :label="t('planApply.reviewOpinions.submitUnitLeadershipOpinion')">
-						<el-input v-model="formData.entity.submitUnitLeadershipOpinion" readonly />
+						<el-input v-model="formData.entity.submitUnitLeadershipOpinion" :readonly="mode === 'view'" />
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -546,7 +653,8 @@
 			<el-row class="form-row">
 				<el-col :span="24">
 					<el-form-item :label="t('planApply.reviewOpinions.submitUnitMainLeadershipOpinion')">
-						<el-input v-model="formData.entity.submitUnitMainLeadershipOpinion" readonly />
+						<el-input v-model="formData.entity.submitUnitMainLeadershipOpinion"
+							:readonly="mode === 'view'" />
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -557,7 +665,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, watch,nextTick } from 'vue';
+import { ref, watch, nextTick, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import type { InvestmentProjects, ProjectPlanApplyFormData } from '../interface/types';
 import ProjectNameList from '/@/components/ProjectNameList/index.vue';
@@ -574,6 +682,7 @@ import {
 	cityStrategyOptions, decisionTypeOptions, yesOrNo, projectDirectionOptions,
 } from '/@/hooks/enums';
 import type { FormInstance, FormRules } from 'element-plus';
+import { ElMessage } from 'element-plus';
 import { FolderOpened } from '@element-plus/icons-vue';
 import LibrarySelect from '/@/views/invMid/projectLibrary/components/LibrarySelect.vue';
 import { selectTreeCompanyTree } from '/@/api/admin/dept';
@@ -584,6 +693,7 @@ const props = withDefaults(
 		modelValue?: ProjectPlanApplyFormData;
 		rules?: FormRules;
 		isUpdate?: boolean;
+		mode?: 'edit' | 'view';
 	}>(),
 	{
 		modelValue: () => ({
@@ -652,9 +762,9 @@ const props = withDefaults(
 				submitUnitLeadershipOpinion: '',
 				submitUnitMainLeadershipOpinion: '',
 				planImageQuota: '',
-				deptId:0,
-				processInstanceId:'',
-				status:0
+				deptId: 0,
+				processInstanceId: '',
+				status: 0
 			},
 			investmentProjects: [
 				{
@@ -672,6 +782,7 @@ const props = withDefaults(
 		}),
 		rules: () => ({}),
 		isUpdate: false,
+		mode: 'edit',
 	}
 );
 
@@ -679,6 +790,8 @@ const emit = defineEmits<{
 	(e: 'update:modelValue', value: ProjectPlanApplyFormData): void;
 }>();
 
+const mode = computed(() => props.mode);
+
 const defaultForm: ProjectPlanApplyFormData = {
 	entity: {
 		id: null,
@@ -745,9 +858,9 @@ const defaultForm: ProjectPlanApplyFormData = {
 		submitUnitLeadershipOpinion: '',
 		submitUnitMainLeadershipOpinion: '',
 		planImageQuota: '',
-		deptId:0,
+		deptId: 0,
 		processInstanceId: '',
-		status:0,
+		status: 0,
 	},
 	investmentProjects: [
 		{
@@ -771,44 +884,45 @@ const selectedAnnualInvestmentIndex = ref<number>(formData.value.investmentProje
 const handleAddAnnualInvestment = () => {
 	const newItem: InvestmentProjects = {
 		plannedInvestmentYear: '',
-		plannedImageAmount: '',
-		plannedPaymentAmount: '',
-		selfFunding: '',
-		externalFunding: '',
-		fiscalFunding: '',
-		otherFunding: '',
+		plannedImageAmount: null,
+		plannedPaymentAmount: null,
+		selfFunding: null,
+		externalFunding: null,
+		fiscalFunding: null,
+		otherFunding: null,
 		fiscalFundingSource: '',
 		otherFundingSource: '',
 	};
 	formData.value.investmentProjects.push(newItem);
 	selectedAnnualInvestmentIndex.value = formData.value.investmentProjects.length - 1;
 };
-const year = computed(()=>formData.value.entity.planInvestmentYear)
+const year = computed(() => formData.value.entity.planInvestmentYear)
 // 修改计算逻辑，确保正确处理初始值
-const safeParseFloat = (value: string | number): number => {
+const safeParseFloat = (value: string | number | null): number => {
+	if (value === null) return 0;
 	const parsed = typeof value === 'string' ? parseFloat(value) : value;
 	return isNaN(parsed) ? 0 : parsed;
 };
 // 监听投资计划数据变化
-watch(()=>formData.value.investmentProjects,(newValue)=>{
+watch(() => formData.value.investmentProjects, (newValue) => {
 	if (!year.value) return;
 	let totalPlanImageQuota = 0;
 	let totalPlanPaymentLimit = 0;
 	let totalOwnedFunds = 0;
-	let totaExternalFunding=0;
+	let totaExternalFunding = 0;
 	let externalRaisedCapital = 0
 	let otherFunding = 0;
 	newValue.forEach((item) => {
-		if(item.plannedInvestmentYear === year.value) {
+		if (item.plannedInvestmentYear === year.value) {
 			totalPlanImageQuota += safeParseFloat(item.plannedImageAmount);
 			totalPlanPaymentLimit += safeParseFloat(item.plannedPaymentAmount);
 			totalOwnedFunds += safeParseFloat(item.selfFunding); // 自筹
 			totaExternalFunding += safeParseFloat(item.externalFunding); // 外部
-			externalRaisedCapital+=safeParseFloat(item.fiscalFunding); // 财政
+			externalRaisedCapital += safeParseFloat(item.fiscalFunding); // 财政
 			otherFunding += safeParseFloat(item.otherFunding); // 其他
 		}
 	});
-	nextTick(()=>{
+	nextTick(() => {
 		formData.value.entity.planImageQuota = totalPlanImageQuota.toString();
 		formData.value.entity.planPaymentLimit = totalPlanPaymentLimit.toString();
 		formData.value.entity.externalRaisedCapital = totaExternalFunding.toString();
@@ -816,7 +930,7 @@ watch(()=>formData.value.investmentProjects,(newValue)=>{
 		formData.value.entity.financialFunds = externalRaisedCapital.toString();
 		formData.value.entity.otherFunds = otherFunding.toString();
 	})
-},{deep:true})
+}, { deep: true })
 const handleCopyAnnualInvestment = () => {
 	if (selectedAnnualInvestmentIndex.value >= 0 && selectedAnnualInvestmentIndex.value < formData.value.investmentProjects.length) {
 		const selectedItem = formData.value.investmentProjects[selectedAnnualInvestmentIndex.value];
@@ -868,8 +982,70 @@ watch(
 	},
 	{ deep: true }
 );
-const validateForm = () => {
-	return useForm.value?.validate();
+const validateForm = async () => {
+	// 先验证表单
+	const formValid = await useForm.value?.validate().catch(() => false);
+
+	// 帮助函数：检查值是否为空
+	const isEmptyValue = (value: any): boolean => {
+		if (value === null || value === undefined) return true;
+		if (typeof value === 'string' && value.trim() === '') return true;
+		if (typeof value === 'number' && isNaN(value)) return true;
+		return false;
+	};
+
+	// 验证年度项目投资信息表格
+	let tableValid = true;
+	const tableErrors: string[] = [];
+
+	if (formData.value.investmentProjects.length === 0) {
+		tableErrors.push('请至少添加一条年度项目投资信息');
+		tableValid = false;
+	} else {
+		formData.value.investmentProjects.forEach((item, index) => {
+			const rowNum = index + 1;
+			if (isEmptyValue(item.plannedInvestmentYear)) {
+				tableErrors.push(`第${rowNum}行：计划投资年度必填`);
+				tableValid = false;
+			}
+			if (isEmptyValue(item.plannedImageAmount)) {
+				tableErrors.push(`第${rowNum}行：计划形象额度必填`);
+				tableValid = false;
+			}
+			if (isEmptyValue(item.plannedPaymentAmount)) {
+				tableErrors.push(`第${rowNum}行：计划支付额度必填`);
+				tableValid = false;
+			}
+			if (isEmptyValue(item.selfFunding)) {
+				tableErrors.push(`第${rowNum}行：自有资金必填`);
+				tableValid = false;
+			}
+			if (isEmptyValue(item.externalFunding)) {
+				tableErrors.push(`第${rowNum}行：对外募集资金必填`);
+				tableValid = false;
+			}
+			if (isEmptyValue(item.fiscalFunding)) {
+				tableErrors.push(`第${rowNum}行：财政资金必填`);
+				tableValid = false;
+			}
+			if (isEmptyValue(item.otherFunding)) {
+				tableErrors.push(`第${rowNum}行：其他资金必填`);
+				tableValid = false;
+			}
+		});
+	}
+
+	if (!tableValid) {
+		// 显示第一个表格错误
+		ElMessage.error(tableErrors[0]);
+		return Promise.reject(new Error(tableErrors[0]));
+	}
+
+	if (!formValid) {
+		return Promise.reject(new Error('表单验证失败'));
+	}
+
+	return Promise.resolve(true);
 };
 const projectNameFn = (row: any) => {
 	Object.assign(formData.value.entity, row);
@@ -905,19 +1081,19 @@ const getDeptTree = async () => {
 	projectMainEntityOptions.value = res.data || [];
 };
 getDeptTree();
-const newProjectDirectionDetailsOptions:any = {
-	'1':[
-			{ label: '先进制造业', value: '1' },
+const newProjectDirectionDetailsOptions: any = {
+	'1': [
+		{ label: '先进制造业', value: '1' },
 		{ label: '现代服务业', value: '2' },
 		{ label: '现代农业', value: '3' },
 		{ label: '数字经济产业', value: '4' },],
-	'2':[
+	'2': [
 		{ label: '交通基础设施', value: '5' },
 		{ label: '城市基础设施', value: '6' },
 		{ label: '水利及能源基础', value: '7' },
 		{ label: '新型基础设施', value: '8' },
 	],
-	'3':[
+	'3': [
 		{ label: '应急安全', value: '9' },
 		{ label: '医疗卫生', value: '10' },
 		{ label: '教育文体', value: '11' },
@@ -925,11 +1101,11 @@ const newProjectDirectionDetailsOptions:any = {
 		{ label: '生态环保', value: '13' },
 	]
 }
-const ProjectDirectionDetailsOptionsEnums = computed(()=>{
+const ProjectDirectionDetailsOptionsEnums = computed(() => {
 	return newProjectDirectionDetailsOptions[formData.value.entity.projectInvestmentDirection]
 })
-const handleProjectMainUnitChange = ( value:any) =>{
-formData.value.entity.deptId = value.id
+const handleProjectMainUnitChange = (value: any) => {
+	formData.value.entity.deptId = value.id
 }
 </script>
 
@@ -1033,4 +1209,17 @@ formData.value.entity.deptId = value.id
 .annual-investment-table :deep(.el-table__body-wrapper) {
 	overflow-x: auto;
 }
+
+/* 必填字段标记 - 在标题前添加红色星号 */
+.required-field::before {
+	content: '*';
+	color: var(--el-color-danger);
+	margin-right: 4px;
+}
+
+/* 错误状态样式 - 输入框红色边框 */
+.annual-investment-table :deep(.is-error .el-input__wrapper) {
+	border-color: var(--el-color-danger) !important;
+	box-shadow: 0 0 0 1px var(--el-color-danger) inset !important;
+}
 </style>
diff --git a/src/components/investment/common/ProjectProgressReportFormDeatils.vue b/src/components/investment/common/ProjectProgressReportFormDeatils.vue
index dd18d4a..d952c8b 100644
--- a/src/components/investment/common/ProjectProgressReportFormDeatils.vue
+++ b/src/components/investment/common/ProjectProgressReportFormDeatils.vue
@@ -1,7 +1,8 @@
 <template>
     <el-row class="page-title-row mb10">
         <div class="page-title">{{ title ? title : t('progressReport.form.title') }}</div>
-        <div class="page-report-time">{{ t('progressReport.form.reportTime') }}: {{formData.createTime || reportTime }}</div>
+        <div class="page-report-time">{{ t('progressReport.form.reportTime') }}: {{ formData.createTime || reportTime }}
+        </div>
         <div class="page-unit">{{ t('progressReport.form.unit') }}</div>
     </el-row>
     <div class="project-progress-report-form">
@@ -10,55 +11,60 @@
             <el-row :gutter="20" class="form-row">
                 <el-col :span="24">
                     <el-form-item :label="t('progressReport.form.projectName')" required prop="projectName">
-                    		<span>{{formData.projectName }}</span>
+                        <span>{{ formData.projectName }}</span>
                     </el-form-item>
                 </el-col>
             </el-row>
             <el-row :gutter="20" class="form-row">
                 <el-col :span="12">
                     <el-form-item :label="t('progressReport.form.projectStatus')" required prop="projectStatus">
-                      	<span v-for="item in projectStatusOptions" :key="item.value">{{formData.projectStatus == item.value ? item.label : ''}}</span>
+                        <span v-for="item in projectStatusOptions" :key="item.value">{{ formData.projectStatus ==
+                            item.value ? item.label : '' }}</span>
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
                     <el-form-item :label="t('progressReport.form.constructionStage')">
-                        <span v-for="item in constructionStageOptions" :key="item.value">{{formData.constructionStage == item.value ? item.label : ''}}</span>
+                        <span v-for="item in constructionStageOptions" :key="item.value">{{ formData.constructionStage
+                            ==
+                            item.value ? item.label : '' }}</span>
                     </el-form-item>
                 </el-col>
             </el-row>
             <el-row :gutter="20" class="form-row">
                 <el-col :span="12">
                     <el-form-item :label="t('progressReport.form.projectImplementationUnit')">
-                     	<span>{{formData.implementingBody}}</span>
+                        <span>{{ formData.implementingBody }}</span>
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
-                    <el-form-item :label="t('progressReport.form.totalInvestmentAmount')" required prop="projectTotalAmount">
-                       <span>{{formData.projectTotalAmount }}</span>
+                    <el-form-item :label="t('progressReport.form.totalInvestmentAmount')" required
+                        prop="projectTotalAmount">
+                        <span>{{ formData.projectTotalAmount }}</span>
                     </el-form-item>
                 </el-col>
             </el-row>
             <el-row :gutter="20" class="form-row">
                 <el-col :span="12">
-                    <el-form-item :label="t('progressReport.form.cumulativeInvestmentToMonthEnd')" required prop="cumulativeInvestmentToDate">
-											<span>{{formData.cumulativeInvestmentToDate}}</span>
+                    <el-form-item :label="t('progressReport.form.cumulativeInvestmentToMonthEnd')" required
+                        prop="cumulativeInvestmentToDate">
+                        <span>{{ formData.cumulativeInvestmentToDate }}</span>
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
                     <el-form-item :label="t('progressReport.form.completionRate')" required prop="completionRate">
-                     <span>{{formData.completionRate}}</span>
+                        <span>{{ formData.completionRate }}</span>
                     </el-form-item>
                 </el-col>
             </el-row>
             <el-row :gutter="20" class="form-row">
                 <el-col :span="12">
                     <el-form-item :label="t('progressReport.form.cumulativePaymentToMonthEnd')">
-                       <span>{{formData.cumulativePaymentToDate}}</span>
+                        <span>{{ formData.cumulativePaymentToDate }}</span>
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
                     <el-form-item :label="t('progressReport.form.paymentCompletionRate')">
-                      <span>{{formData.paymentCompletionRate}}</span>
+                        <span>{{ formData.paymentCompletionRate }}</span>
                     </el-form-item>
                 </el-col>
             </el-row>
@@ -69,19 +75,23 @@
                         <div class="panel-title">{{ t('progressReport.form.currentYearImageAmount') }}</div>
                         <div style="flex: 1;">
                             <el-form-item style="height: 82px;" :label="t('progressReport.form.reportYear')">
-                             <span>{{formData.annualReport}}</span>
+                                <span>{{ formData.annualReport }}</span>
                             </el-form-item>
                             <el-form-item style="height: 82px;"
-                                :label="t('progressReport.form.currentYearPlannedInvestment')" required prop="annualPlannedInvestment">
-                                <span>{{formData.investmentTotalAmount ?? 0 + ' ' + t('progressReport.form.unitSuffix')}}</span>
+                                :label="t('progressReport.form.currentYearPlannedInvestment')" required
+                                prop="annualPlannedInvestment">
+                                <span>{{ formData.investmentTotalAmount ?? 0 + ' ' +
+                                    t('progressReport.form.unitSuffix') }}</span>
                             </el-form-item>
                             <el-form-item style="height: 82px;"
-                                :label="t('progressReport.form.enterpriseCumulativeInvestmentToMonthEnd')" required prop="ytdRemainingInvestment">
-                                <span>{{ formData.ytdRemainingInvestment + ' ' + t('progressReport.form.unitSuffix')}}</span>
+                                :label="t('progressReport.form.enterpriseCumulativeInvestmentToMonthEnd')" required
+                                prop="ytdRemainingInvestment">
+                                <span>{{ formData.ytdRemainingInvestment + ' ' +
+                                    t('progressReport.form.unitSuffix') }}</span>
                             </el-form-item>
                             <el-form-item style="height: 82px;"
                                 :label="t('progressReport.form.investmentCompletionRate')">
-                               <span>{{formData.investmentCompletionRate}}%</span>
+                                <span>{{ formData.investmentCompletionRate }}%</span>
                             </el-form-item>
                         </div>
                     </div>
@@ -91,15 +101,15 @@
                         <div class="panel-title">{{ t('progressReport.form.currentYearPlannedAmount') }}</div>
                         <div style="flex: 1;">
                             <el-form-item style="height: 82px;" :label="t('progressReport.form.plannedPaymentAmount')">
-                                <span>{{formData.plannedPayment + ' ' + t('progressReport.form.unitSuffix')}}</span>
+                                <span>{{ formData.plannedPayment + ' ' + t('progressReport.form.unitSuffix') }}</span>
                             </el-form-item>
                             <el-form-item style="height: 82px;"
                                 :label="t('progressReport.form.completedPaymentAmount')">
-															<span>{{formData.actualPayment + ' ' + t('progressReport.form.unitSuffix')}}</span>
+                                <span>{{ formData.actualPayment + ' ' + t('progressReport.form.unitSuffix') }}</span>
                             </el-form-item>
                             <el-form-item style="height: 82px;"
                                 :label="t('progressReport.form.plannedAmountPaymentCompletionRate')">
-															<span>{{formData.investmentPlanCompletionRate}} %</span>
+                                <span>{{ formData.investmentPlanCompletionRate }} %</span>
                             </el-form-item>
                         </div>
                     </div>
@@ -109,7 +119,7 @@
             <el-row :gutter="20" class="form-row">
                 <el-col :span="24">
                     <el-form-item :label="t('progressReport.form.effectiveness')">
-                       <span>{{formData.achievements}}</span>
+                        <span>{{ formData.achievements }}</span>
                     </el-form-item>
                 </el-col>
             </el-row>
@@ -117,7 +127,7 @@
             <el-row :gutter="20" class="form-row">
                 <el-col :span="24">
                     <el-form-item :label="t('progressReport.form.coordinationMatters')">
-                        <span>{{formData.coordinationIssues}}</span>
+                        <span>{{ formData.coordinationIssues }}</span>
                     </el-form-item>
                 </el-col>
             </el-row>
@@ -125,7 +135,7 @@
             <el-row :gutter="20" class="form-row">
                 <el-col :span="24">
                     <el-form-item :label="t('progressReport.form.nextWorkArrangements')">
-                        <span>{{formData.nextWorkPlan}}</span>
+                        <span>{{ formData.nextWorkPlan }}</span>
                     </el-form-item>
                 </el-col>
             </el-row>
@@ -133,8 +143,9 @@
             <el-row :gutter="20" class="form-row">
                 <el-col :span="24">
                     <el-form-item :label="t('progressReport.form.currentStageEvidenceMaterials')">
-											<uploadFile :modelValue="JSON.parse(formData.supportingDocuments || '[]') || []" @change="uploadChange" :fileSize="20" type="simple" :limit="10"
-																	:isShowTip="false" disabled></uploadFile>
+                        <uploadFile :modelValue="JSON.parse(formData.supportingDocuments || '[]') || []"
+                            @change="uploadChange" :fileSize="20" type="simple" :limit="10" :isShowTip="false" disabled>
+                        </uploadFile>
                     </el-form-item>
                 </el-col>
             </el-row>
@@ -142,7 +153,7 @@
             <el-row :gutter="20" class="form-row">
                 <el-col :span="24">
                     <el-form-item :label="t('progressReport.form.remark')">
-                        <span>{{formData.remarks}}</span>
+                        <span>{{ formData.remarks }}</span>
                     </el-form-item>
                 </el-col>
             </el-row>
@@ -150,7 +161,8 @@
             <el-row :gutter="20" class="form-row">
                 <el-col :span="24">
                     <el-form-item :label="t('progressReport.form.isLastDeclaration')">
-											<span>{{formData.isFinalApplication == '1' ? t('progressReport.form.yes') : t('progressReport.form.no')}}</span>
+                        <span>{{ formData.isFinalApplication == '1' ? t('progressReport.form.yes') :
+                            t('progressReport.form.no') }}</span>
                     </el-form-item>
                 </el-col>
             </el-row>
@@ -200,8 +212,8 @@ export interface ProjectProgressReportFormData {
 
 const props = defineProps<{
     modelValue?: InvestmentProjectProgress;
-		rules?:FormRules;
-		title?: string;
+    rules?: FormRules;
+    title?: string;
 }>();
 
 const emit = defineEmits<{
@@ -209,37 +221,37 @@ const emit = defineEmits<{
 }>();
 const useForm = ref<FormInstance | undefined>()
 const defaultForm = reactive<InvestmentProjectProgress>({
-	id: undefined,
-	projectName: '',
-	projectId: undefined,
-	projectStatus: '',
-	constructionStage: '',
-	implementingBody: '',
-	projectTotalAmount: undefined,
-	cumulativeInvestmentToDate: undefined,
-	completionRate: undefined,
-	cumulativePaymentToDate: undefined,
-	paymentCompletionRate: undefined,
-	annualReport: undefined,
-	annualPlannedInvestment: undefined,
-	ytdRemainingInvestment: undefined,
-	investmentCompletionRate: undefined,
-	plannedPayment: undefined,
-	actualPayment: undefined,
-	investmentPlanCompletionRate: undefined,
-	achievements: '',
-	coordinationIssues: '',
-	nextWorkPlan: '',
-	supportingDocuments: '',
-	remarks: '',
-	isFinalApplication: undefined,
-	createBy: '',
-	createTime: '',
-	updateBy: '',
-	updateTime: '',
-	delFlag: '',
-	processInstanceId: '',
-	status: '',
+    id: undefined,
+    projectName: '',
+    projectId: undefined,
+    projectStatus: '',
+    constructionStage: '',
+    implementingBody: '',
+    projectTotalAmount: undefined,
+    cumulativeInvestmentToDate: undefined,
+    completionRate: undefined,
+    cumulativePaymentToDate: undefined,
+    paymentCompletionRate: undefined,
+    annualReport: undefined,
+    annualPlannedInvestment: undefined,
+    ytdRemainingInvestment: undefined,
+    investmentCompletionRate: undefined,
+    plannedPayment: undefined,
+    actualPayment: undefined,
+    investmentPlanCompletionRate: undefined,
+    achievements: '',
+    coordinationIssues: '',
+    nextWorkPlan: '',
+    supportingDocuments: '',
+    remarks: '',
+    isFinalApplication: undefined,
+    createBy: '',
+    createTime: '',
+    updateBy: '',
+    updateTime: '',
+    delFlag: '',
+    processInstanceId: '',
+    status: '',
 })
 const formData = reactive<InvestmentProjectProgress>({ ...defaultForm, ...props.modelValue });
 const projectNameData = ref<ProjectPlanApplyFormItem[]>([]);
@@ -257,30 +269,30 @@ const queryForm = reactive<investmentProjectsPlanList>({
     size: 10,
 });
 const getProjectNameList = async () => {
-	try {
-		const res = await investmentProjectsPlanPage(queryForm);
-		projectNameData.value = res.data?.records || [];
-		total.value = res.data?.total || 0;
-	} catch (error) {
-		console.error(error);
-		projectNameData.value = []; // 出错时设置为空数组
-	}
+    try {
+        const res = await investmentProjectsPlanPage(queryForm);
+        projectNameData.value = res.data?.records || [];
+        total.value = res.data?.total || 0;
+    } catch (error) {
+        console.error(error);
+        projectNameData.value = []; // 出错时设置为空数组
+    }
 }
 getProjectNameList();
 /**
  * 初始化图片
  * */
-const uploadChange = (_:any,data:any[]) =>{
-	if (!data || Object.prototype.toString.call(data) !== '[object Array]' || data.length === 0){
-		formData.supportingDocuments = [];
-		return;
-	}
-	formData.supportingDocuments = data.map((item:any) => {
-		return {
-			name: item.name,
-			url: item.url
-		}
-	})
+const uploadChange = (_: any, data: any[]) => {
+    if (!data || Object.prototype.toString.call(data) !== '[object Array]' || data.length === 0) {
+        formData.supportingDocuments = [];
+        return;
+    }
+    formData.supportingDocuments = data.map((item: any) => {
+        return {
+            name: item.name,
+            url: item.url
+        }
+    })
 }
 // 监听 formData 变化，同步到父组件
 watch(
@@ -296,18 +308,18 @@ watch(
     () => props.modelValue,
     (newVal) => {
         if (newVal) {
-					if (typeof newVal.annualReport === 'number') newVal.annualReport = newVal.annualReport.toString()
-            Object.assign(formData, defaultForm, newVal);
+            if (typeof newVal.annualReport === 'number') newVal.annualReport = newVal.annualReport.toString()
+            Object.assign(formData, newVal);
         }
     },
     { immediate: true, deep: true }
 );
 defineExpose({
-	validate: async () => {
-	 const isValid =	await useForm.value?.validate();
-	 if (!isValid) return false
-		return formData
-	},
+    validate: async () => {
+        const isValid = await useForm.value?.validate();
+        if (!isValid) return false
+        return formData
+    },
 })
 </script>
 
diff --git a/src/components/investment/interface/types.ts b/src/components/investment/interface/types.ts
index 302f18f..81d0107 100644
--- a/src/components/investment/interface/types.ts
+++ b/src/components/investment/interface/types.ts
@@ -1,12 +1,12 @@
 export interface InvestmentProjects {
 	id?: number;
 	plannedInvestmentYear: string;
-	plannedImageAmount: string;
-	plannedPaymentAmount: string;
-	selfFunding: string;
-	externalFunding: string;
-	fiscalFunding: string;
-	otherFunding: string;
+	plannedImageAmount: string | number | null;
+	plannedPaymentAmount: string | number | null;
+	selfFunding: string | number | null;
+	externalFunding: string | number | null;
+	fiscalFunding: string | number | null;
+	otherFunding: string | number | null;
 	fiscalFundingSource: string;
 	otherFundingSource: string;
 }
@@ -25,7 +25,7 @@ export interface EvaluationRecordEntitiesT {
 	createBy: string;
 	createTime: string
 }
-export interface ProjectPlanApplyFormItem{
+export interface ProjectPlanApplyFormItem {
 	id?: any;
 	projectName: string;
 	projectNature: string;
@@ -75,7 +75,7 @@ export interface ProjectPlanApplyFormItem{
 	projectDesc: string;
 	promotionPlan: string;
 	projectPreliminaryPlan: string;
-	projectPreliminaryPlanAttachment:any[] | string;
+	projectPreliminaryPlanAttachment: any[] | string;
 	attachments: any[] | string;
 	remark: string;
 	decisionType: string;
@@ -89,16 +89,16 @@ export interface ProjectPlanApplyFormItem{
 	groupInvestmentDeptOpinion: string;
 	submitUnitLeadershipOpinion: string;
 	submitUnitMainLeadershipOpinion: string;
-	planImageQuota:string;
-	projectInvestmentEntities?:InvestmentProjects[];
-	evaluationRecordEntities?:EvaluationRecordEntitiesT[];
+	planImageQuota: string;
+	projectInvestmentEntities?: InvestmentProjects[];
+	evaluationRecordEntities?: EvaluationRecordEntitiesT[];
 	delFlag?: number;
 	projectId?: number;
-    processInstanceId:string;
-    status:number;
-    deptId:number
+	processInstanceId: string;
+	status: number;
+	deptId: number
 }
 export interface ProjectPlanApplyFormData {
-	entity:ProjectPlanApplyFormItem;
+	entity: ProjectPlanApplyFormItem;
 	investmentProjects: InvestmentProjects[];
 }
diff --git a/src/components/workbench/common/ApprovalAction.vue b/src/components/workbench/common/ApprovalAction.vue
index 1c3552e..40ba787 100644
--- a/src/components/workbench/common/ApprovalAction.vue
+++ b/src/components/workbench/common/ApprovalAction.vue
@@ -15,7 +15,8 @@
 				</el-button>
 			</div>
 			<div class="opinion-input">
-				<el-input v-model="opinionText" type="textarea" :rows="4" :placeholder="t('workbench.approval.opinion.inputPlaceholder')" resize="vertical" />
+				<el-input v-model="opinionText" type="textarea" :rows="4"
+					:placeholder="t('workbench.approval.opinion.inputPlaceholder')" resize="vertical" />
 			</div>
 			<!-- <div class="opinion-attachment">
 				<el-icon class="attachment-icon">
@@ -30,7 +31,8 @@
 		<!-- 撤回区域（可撤回状态显示） -->
 		<div v-if="status === 'withdrawable'" class="withdraw-section">
 			<div class="withdraw-input">
-				<el-input v-model="opinionText" type="textarea" :rows="4" :placeholder="t('workbench.approval.opinion.inputPlaceholder')" resize="vertical" />
+				<el-input v-model="opinionText" type="textarea" :rows="4"
+					:placeholder="t('workbench.approval.opinion.inputPlaceholder')" resize="vertical" />
 			</div>
 			<div class="withdraw-action">
 				<el-button type="primary" @click="handleWithdraw">
@@ -58,10 +60,11 @@
 							</div>
 							<div class="record-time">{{ item.showTime || '待审核' }}</div>
 						</div>
-						
+
 						<!-- <div v-if="record.action" class="record-action">{{ record.action }}</div> -->
 						<template v-if="record.id !== 'root' && item.status === 2">
-							<div class="record-status" :class="getStatusClass(item.approveDesc?.startsWith('拒绝原因：') ? 'rejected' : 'approved')">
+							<div class="record-status"
+								:class="getStatusClass(item.approveDesc?.startsWith('拒绝原因：') ? 'rejected' : 'approved')">
 								{{ getStatusLabel(item.approveDesc?.startsWith('拒绝原因：') ? 'rejected' : 'approved') }}
 							</div>
 							<div class="record-opinion">
@@ -79,7 +82,8 @@
 			</div>
 		</div>
 		<template v-if="selectUser">
-			<EmployeesDialog :visible="selectUserDialog" :data="[]" type="user" @change="changeUser" @update:visible="(e:boolean) => selectUserDialog = e"/>
+			<EmployeesDialog :visible="selectUserDialog" :data="[]" type="user" @change="changeUser"
+				@update:visible="(e: boolean) => selectUserDialog = e" />
 		</template>
 	</div>
 </template>
@@ -100,37 +104,37 @@ const selectUserDialog = ref<boolean>(false);
 const nextNodeId = ref<string>('');
 const isApprovalUser = computed(() => {
 	const currentUserId = userInfo.userInfos.user?.userId
-	const currentNode = hierarchicalLookup(nodeList.value,taskDetails.value?.nodeId)
-	const currentNodeUser = currentNode ?.userVoList?.find((item:any) => item.id === currentUserId)
-	selectUser.value = nextNodeIsSelectUser(nodeList.value,currentNode?.id)
+	const currentNode = hierarchicalLookup(nodeList.value, taskDetails.value?.nodeId)
+	const currentNodeUser = currentNode?.userVoList?.find((item: any) => item.id === currentUserId)
+	selectUser.value = nextNodeIsSelectUser(nodeList.value, currentNode?.id)
 	return currentNodeUser?.status === 1
 })
-function hierarchicalLookup(nodeList:any[],nodeId:string):any {
+function hierarchicalLookup(nodeList: any[], nodeId: string): any {
 	for (const nodeItem of nodeList) {
-		if (nodeItem.id === nodeId){
+		if (nodeItem.id === nodeId) {
 			return nodeItem
 		}
 
-		if (nodeItem.children && nodeItem.children.length > 0){
-			const children = hierarchicalLookup(nodeItem.children,nodeId)
-			if (children){
+		if (nodeItem.children && nodeItem.children.length > 0) {
+			const children = hierarchicalLookup(nodeItem.children, nodeId)
+			if (children) {
 				return children
 			}
 		}
-		if (nodeItem.branch && nodeItem.branch.length > 0){
-			const branch = hierarchicalLookup(nodeItem.branch,nodeId)
-			if (branch){
+		if (nodeItem.branch && nodeItem.branch.length > 0) {
+			const branch = hierarchicalLookup(nodeItem.branch, nodeId)
+			if (branch) {
 				return branch
 			}
 		}
 	}
 }
-function nextNodeIsSelectUser(nodeList:any[],currentNodeId:any):boolean{
-	if (!nodeList || nodeList.length === 0){
+function nextNodeIsSelectUser(nodeList: any[], currentNodeId: any): boolean {
+	if (!nodeList || nodeList.length === 0) {
 		return false
 	}
 	const index = nodeList.findIndex(item => item.id === currentNodeId)
-	if (index === -1){
+	if (index === -1) {
 		return false
 	}
 	const node = nodeList[index + 1]
@@ -138,25 +142,25 @@ function nextNodeIsSelectUser(nodeList:any[],currentNodeId:any):boolean{
 	return node?.selectUser || false
 }
 interface UserVoList {
-  id: string; 
-  name: string; 
-  showTime?: string; 
-  avatar: string; 
-  approveDesc?: string; 
-  operType?: string; 
-  status: number; 
+	id: string;
+	name: string;
+	showTime?: string;
+	avatar: string;
+	approveDesc?: string;
+	operType?: string;
+	status: number;
 }
 interface ApprovalRecord {
-  id: string; 
-  userVoList: UserVoList[]; 
-  placeholder: string; 
-  status: number; 
-  name: string; 
-  type: number; 
-  selectUser: boolean; 
-  multiple?: null; 
-  children?: ApprovalRecord[]; 
-  branch: { children: ApprovalRecord[] }[]; 
+	id: string;
+	userVoList: UserVoList[];
+	placeholder: string;
+	status: number;
+	name: string;
+	type: number;
+	selectUser: boolean;
+	multiple?: null;
+	children?: ApprovalRecord[];
+	branch: { children: ApprovalRecord[] }[];
 }
 
 const props = defineProps<{
@@ -194,7 +198,7 @@ const emit = defineEmits<{
 	(e: 'add-attachment'): void;
 }>();
 const obj = ref<any>({})
-const changeUser = (checkedList: any[]) =>{
+const changeUser = (checkedList: any[]) => {
 	obj.value[`${nextNodeId.value}_assignee_select`] = checkedList;
 	selectUser.value = false;
 	selectUserDialog.value = false;
@@ -211,7 +215,7 @@ const handleApprove = async () => {
 	}
 	approving.value = true
 	try {
-		if (selectUser.value && nextNodeId.value){
+		if (selectUser.value && nextNodeId.value) {
 			selectUserDialog.value = true;
 			return;
 		}
@@ -374,6 +378,7 @@ onMounted(() => {
 	display: flex;
 	/* gap: 8px; */
 	margin-bottom: 16px;
+
 	.el-button {
 		flex: 1;
 	}
diff --git a/src/views/invMid/planApply/index.vue b/src/views/invMid/planApply/index.vue
index e365475..13048b6 100644
--- a/src/views/invMid/planApply/index.vue
+++ b/src/views/invMid/planApply/index.vue
@@ -27,41 +27,45 @@
 
 			<!-- 标题、描述、上传附件 -->
 			<el-row class="mb10">
-				<el-form :model="headerForm" label-width="80px" class="w-full" :rules="headerRequiredRule" ref="headerFormRef">
+				<el-form :model="headerForm" label-width="80px" class="w-full" :rules="headerRequiredRule"
+					ref="headerFormRef">
 					<el-form-item :label="t('planApply.headerForm.title')" prop="title">
-						<el-input v-model="headerForm.title" :placeholder="t('planApply.headerForm.titlePlaceholder')"/>
+						<el-input v-model="headerForm.title"
+							:placeholder="t('planApply.headerForm.titlePlaceholder')" />
 					</el-form-item>
 					<el-form-item :label="t('planApply.headerForm.description')">
-						<el-input v-model="headerForm.description" :placeholder="t('planApply.headerForm.descriptionPlaceholder')"/>
+						<el-input v-model="headerForm.description"
+							:placeholder="t('planApply.headerForm.descriptionPlaceholder')" />
 					</el-form-item>
 					<el-form-item :label="t('planApply.headerForm.attachments')">
 						<UploadFile :modelValue="headerForm.attachments" :fileSize="20" type="simple" :limit="10"
-												@change="uploadChange"/>
+							@change="uploadChange" />
 					</el-form-item>
 				</el-form>
 			</el-row>
 
-			<ProjectPlanApplyForm v-model="formData" :rules="formDataRules" ref="formDataRef" :is-update="props.isUpdate"/>
+			<ProjectPlanApplyForm v-model="formData" :rules="formDataRules" ref="formDataRef"
+				:is-update="props.isUpdate" />
 		</div>
 	</div>
 </template>
 
 <script setup lang="ts">
-import {reactive, ref} from 'vue';
-import {useI18n} from 'vue-i18n';
-import {useMessage} from '/@/hooks/message';
+import { reactive, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useMessage } from '/@/hooks/message';
 import {
 	investmentProjectsPlanAdd, investmentProjectsPlanGetById,
 	investmentProjectsPlanUserDeptBelong
 } from '/@/api/investment/investmentManagement';
 import ProjectPlanApplyForm from '/@/components/investment/common/ProjectPlanApplyForm.vue';
-import type {ProjectPlanApplyFormData} from '/@/components/investment/interface/types';
-import type {FormInstance, FormRules} from 'element-plus';
+import type { ProjectPlanApplyFormData } from '/@/components/investment/interface/types';
+import type { FormInstance, FormRules } from 'element-plus';
 import UploadFile from '/@/components/Upload/index.vue';
-import {useRoute} from 'vue-router';
-import {flowFn} from "/@/utils/flowFn";
-import {addFlowForm} from "/@/api/flow/flow";
-import {flowNameOptions} from "/@/hooks/enums";
+import { useRoute } from 'vue-router';
+import { flowFn } from "/@/utils/flowFn";
+import { addFlowForm } from "/@/api/flow/flow";
+import { flowNameOptions } from "/@/hooks/enums";
 
 const props = defineProps({
 	isUpdate: {
@@ -69,7 +73,7 @@ const props = defineProps({
 		default: false
 	}
 })
-const {t} = useI18n();
+const { t } = useI18n();
 const message = useMessage();
 const route = useRoute();
 const submitLoading = ref(false);
@@ -78,7 +82,7 @@ const headerForm = reactive<{ title: string, description: string, attachments: a
 	description: '',
 	attachments: [] as any[],
 });
-const requiredRule = [{required: true, message: `${t('该字段必填')}`}];
+const requiredRule = [{ required: true, message: `${t('该字段必填')}` }];
 const headerRequiredRule = ref<FormRules<{ title: string, description: string, attachments: any[] | string }>>({
 	title: requiredRule,
 });
@@ -150,9 +154,9 @@ const formData = ref<ProjectPlanApplyFormData>({
 		submitUnitLeadershipOpinion: '',
 		submitUnitMainLeadershipOpinion: '',
 		planImageQuota: '',
-		status:1,
-		processInstanceId:'',
-		deptId:0,
+		status: 1,
+		processInstanceId: '',
+		deptId: 0,
 	},
 	investmentProjects: [],
 });
@@ -203,40 +207,51 @@ const formDataRules = ref<FormRules<ProjectPlanApplyFormData>>({
 	'entity.financialFunds': requiredRule,
 	'entity.planImageQuota': requiredRule,
 	'entity.planPaymentLimit': requiredRule,
-	'entity.projectApprovalFileNo':[{validator:(rule: any, value: any, callback: any) =>{
-		if (formData.value.entity.isProjectApprovalCompleted === '1' && !value){
-			callback(new Error(`${t('该字段必填')}`));
-		}else {
-			callback();
-		}
-		},required:true,trigger: ['blur', 'change']}],
-	'entity.projectApprovalFileInfo':[{validator:(rule: any, value: any, callback: any) =>{
-		if (formData.value.entity.isProjectApprovalCompleted === '1' && !value){
-			callback(new Error(`${t('该字段必填')}`));
-		}else {
-			callback();
-		}
-		},required: true,trigger: ['blur', 'change']}],
-	'entity.decisionProcedureFileNo':[{validator:(rule: any, value: any, callback: any) =>{
-		if (formData.value.entity.isDecisionProcedureCompleted === '1' && !value){
-			callback(new Error(`${t('该字段必填')}`));
-		}else {
-			callback();
-		}
-		},required:true,trigger: ['blur', 'change']}],
-	'entity.decisionFileInfo':[{validator:(rule: any, value: any, callback: any) =>{
-		if (formData.value.entity.isDecisionProcedureCompleted === '1' && !value){
-			callback(new Error(`${t('该字段必填')}`));
-		}else {
-			callback();
-		}
-		},required: true,trigger: ['blur', 'change']}],
+	'entity.projectApprovalFileNo': [{
+		validator: (rule: any, value: any, callback: any) => {
+			if (formData.value.entity.isProjectApprovalCompleted === '1' && !value) {
+				callback(new Error(`${t('该字段必填')}`));
+			} else {
+				callback();
+			}
+		}, required: true, trigger: ['blur', 'change']
+	}],
+	'entity.projectApprovalFileInfo': [{
+		validator: (rule: any, value: any, callback: any) => {
+			if (formData.value.entity.isProjectApprovalCompleted === '1' && !value) {
+				callback(new Error(`${t('该字段必填')}`));
+			} else {
+				callback();
+			}
+		}, required: true, trigger: ['blur', 'change']
+	}],
+	'entity.decisionProcedureFileNo': [{
+		validator: (rule: any, value: any, callback: any) => {
+			if (formData.value.entity.isDecisionProcedureCompleted === '1' && !value) {
+				callback(new Error(`${t('该字段必填')}`));
+			} else {
+				callback();
+			}
+		}, required: true, trigger: ['blur', 'change']
+	}],
+	'entity.decisionFileInfo': [{
+		validator: (rule: any, value: any, callback: any) => {
+			if (formData.value.entity.isDecisionProcedureCompleted === '1' && !value) {
+				callback(new Error(`${t('该字段必填')}`));
+			} else {
+				callback();
+			}
+		}, required: true, trigger: ['blur', 'change']
+	}],
 });
 const handleInitiateApproval = async () => {
 	try {
-		const headerValid = await headerFormRef.value?.validate();
-		const valid = await formDataRef.value?.validateForm();
-		if (!valid && !headerValid) return;
+		const headerValid = await headerFormRef.value?.validate().catch(() => false);
+		if (!headerValid) return;
+
+		const valid = await formDataRef.value?.validateForm().catch(() => false);
+		if (!valid) return;
+
 		submitLoading.value = true;
 		let flowIdKey = ''
 		const data = await investmentProjectsPlanUserDeptBelong()
@@ -256,7 +271,7 @@ const handleInitiateApproval = async () => {
 			default:
 				flowIdKey = props.isUpdate ? 'VITE_FLOWID_27' : 'VITE_FLOWID_23';
 		}
-		const {processInstanceId} = await flowFn(flowIdKey, {
+		const { processInstanceId } = await flowFn(flowIdKey, {
 			paramMap: {}
 		})
 		const flowName = props.isUpdate ? 'investmentPlanUpdates' : 'investmentPlanRegistration';
@@ -271,7 +286,7 @@ const handleInitiateApproval = async () => {
 		formData.value.entity.processInstanceId = processInstanceId;
 		formData.value.entity.projectPreliminaryPlanAttachment = JSON.stringify(formData.value.entity.projectPreliminaryPlanAttachment);
 		formData.value.entity.status = 1
-		Object.assign(formData.value.entity,{flowType:flowNameObj.value})
+		Object.assign(formData.value.entity, { flowType: flowNameObj.value })
 		const params = {
 			...formData.value,
 			entity: {
@@ -281,14 +296,14 @@ const handleInitiateApproval = async () => {
 			}
 		}
 		investmentProjectsPlanAdd(params)
-				.then(() => {
-					submitLoading.value = false;
-					message.success(t('planApply.messages.initiateApproval'));
-				})
-				.catch((err: any) => {
-					submitLoading.value = false;
-					message.error(err.msg);
-				});
+			.then(() => {
+				submitLoading.value = false;
+				message.success(t('planApply.messages.initiateApproval'));
+			})
+			.catch((err: any) => {
+				submitLoading.value = false;
+				message.error(err.msg);
+			});
 	} catch (error) {
 		console.log(error, 'error');
 	}
@@ -296,28 +311,32 @@ const handleInitiateApproval = async () => {
 
 const saveLoading = ref<boolean>(false);
 const handleSaveDraft = async () => {
-	const headerValid = await headerFormRef.value?.validate();
-	const valid = await formDataRef.value?.validateForm();
-	if (!valid && !headerValid) return;
-	saveLoading.value = true;
-	const flowName = props.isUpdate ? 'investmentPlanUpdates' : 'investmentPlanRegistration';
-	const flowNameObj = flowNameOptions.filter(item => item.label === flowName)[0]
-	formData.value.entity.projectPreliminaryPlanAttachment = JSON.stringify(formData.value.entity.projectPreliminaryPlanAttachment);
-	formData.value.entity.status = 1
-	Object.assign(formData.value.entity,{flowType:flowNameObj.value})
-	const params = {
-		...formData.value,
-		entity: {
-			...formData.value.entity,
-			attachments: formData.value.entity.attachments ? JSON.stringify(formData.value.entity.attachments) : '',
-			projectPreliminaryPlanAttachment: formData.value.entity.projectPreliminaryPlanAttachment ? JSON.stringify(formData.value.entity.projectPreliminaryPlanAttachment) : ''
-		},
-		temporaryStorage:{
-			title: headerForm.title,
-			businessType: flowNameObj.value,
+	try {
+		const headerValid = await headerFormRef.value?.validate().catch(() => false);
+		if (!headerValid) return;
+
+		const valid = await formDataRef.value?.validateForm().catch(() => false);
+		if (!valid) return;
+
+		saveLoading.value = true;
+		const flowName = props.isUpdate ? 'investmentPlanUpdates' : 'investmentPlanRegistration';
+		const flowNameObj = flowNameOptions.filter(item => item.label === flowName)[0]
+		formData.value.entity.projectPreliminaryPlanAttachment = JSON.stringify(formData.value.entity.projectPreliminaryPlanAttachment);
+		formData.value.entity.status = 1
+		Object.assign(formData.value.entity, { flowType: flowNameObj.value })
+		const params = {
+			...formData.value,
+			entity: {
+				...formData.value.entity,
+				attachments: formData.value.entity.attachments ? JSON.stringify(formData.value.entity.attachments) : '',
+				projectPreliminaryPlanAttachment: formData.value.entity.projectPreliminaryPlanAttachment ? JSON.stringify(formData.value.entity.projectPreliminaryPlanAttachment) : ''
+			},
+			temporaryStorage: {
+				title: headerForm.title,
+				businessType: flowNameObj.value,
+			}
 		}
-	}
-	investmentProjectsPlanAdd(params)
+		investmentProjectsPlanAdd(params)
 			.then(() => {
 				saveLoading.value = false;
 				message.success('保存代发成功');
@@ -326,6 +345,9 @@ const handleSaveDraft = async () => {
 				saveLoading.value = false;
 				message.error(err.msg);
 			});
+	} catch (error) {
+		console.log(error, 'error');
+	}
 };
 
 const handleLoadTemplate = () => {
diff --git a/src/views/invMid/progressReport/index.vue b/src/views/invMid/progressReport/index.vue
index 8857c0d..df463d2 100644
--- a/src/views/invMid/progressReport/index.vue
+++ b/src/views/invMid/progressReport/index.vue
@@ -27,15 +27,19 @@
 
 			<!-- 标题、描述、上传附件 -->
 			<el-row class="mb10">
-				<el-form :model="headerForm" label-width="80px" class="w-full">
-					<el-form-item :label="t('progressReport.headerForm.title')">
-						<el-input v-model="headerForm.title" :placeholder="t('progressReport.headerForm.titlePlaceholder')" />
+				<el-form :model="headerForm" :rules="headerFormRules" ref="headerFormRef" label-width="80px"
+					class="w-full">
+					<el-form-item :label="t('progressReport.headerForm.title')" prop="title" required>
+						<el-input v-model="headerForm.title"
+							:placeholder="t('progressReport.headerForm.titlePlaceholder')" />
 					</el-form-item>
 					<el-form-item :label="t('progressReport.headerForm.description')">
-						<el-input v-model="headerForm.description" :placeholder="t('progressReport.headerForm.descriptionPlaceholder')" />
+						<el-input v-model="headerForm.description"
+							:placeholder="t('progressReport.headerForm.descriptionPlaceholder')" />
 					</el-form-item>
 					<el-form-item :label="t('progressReport.headerForm.attachments')">
-						<UploadFile :modelValue="headerForm.attachments" @change="uploadChange" :fileSize="20" type="simple" :limit="10" />
+						<UploadFile :modelValue="headerForm.attachments" @change="uploadChange" :fileSize="20"
+							type="simple" :limit="10" />
 					</el-form-item>
 				</el-form>
 			</el-row>
@@ -46,7 +50,7 @@
 </template>
 
 <script setup lang="ts">
-import { reactive } from 'vue';
+import { reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useMessage } from '/@/hooks/message';
 import ProjectProgressReportForm from '/@/components/investment/common/ProjectProgressReportForm.vue';
@@ -57,14 +61,18 @@ import {
 	getInvestmentProjectsProgressUserDeptBelongAPI
 } from '/@/api/investment/progressOfInvestmentProjects';
 import UploadFile from "/@/components/Upload/index.vue";
-import {flowFn} from "/@/utils/flowFn";
-import {addFlowForm} from "/@/api/flow/flow";
-import {flowNameOptions} from "/@/hooks/enums";
+import { flowFn } from "/@/utils/flowFn";
+import { addFlowForm } from "/@/api/flow/flow";
+import { flowNameOptions } from "/@/hooks/enums";
 
 const { t } = useI18n();
 const message = useMessage();
 
-const headerForm = reactive<{ title: string; description: string; attachments: any[] | string}>({
+const headerFormRef = ref<any>();
+const headerFormRules = {
+	title: [{ required: true, message: '标题必填', trigger: ['blur', 'change'] }]
+};
+const headerForm = reactive<{ title: string; description: string; attachments: any[] | string }>({
 	title: '',
 	description: '',
 	attachments: [],
@@ -103,6 +111,7 @@ const formData = reactive<InvestmentProjectProgress>({
 	delFlag: '',
 	processInstanceId: '',
 	status: '',
+	deptId: '',
 });
 // 必填规则
 const requiredRule = [{ required: true, message: `${t('该字段必填')}` }];
@@ -118,6 +127,10 @@ const formDataRef = ref<FormRules<InvestmentProjectProgress>>({
 const handleInitiateApproval = async () => {
 	// message.info(t('progressReport.messages.initiateApproval'));
 	try {
+		const headerValid = await headerFormRef.value?.validate().catch(() => false);
+		if (!headerValid) {
+			return;
+		}
 		const valid = await formRef.value?.validate();
 		submitLoading.value = true;
 		let flowIdKey = '';
@@ -139,10 +152,14 @@ const handleInitiateApproval = async () => {
 				flowIdKey = 'VITE_FLOWID_31';
 		}
 		headerForm.attachments = JSON.stringify(headerForm.attachments);
-		const {processInstanceId} = await flowFn(flowIdKey,{
-			paramMap:{
+		const flowResult = await flowFn(flowIdKey, {
+			paramMap: {
 			}
 		})
+		if (flowResult instanceof Error) {
+			throw flowResult;
+		}
+		const { processInstanceId } = flowResult;
 		const flowNameObj = flowNameOptions.filter(item => item.label === 'projectProgressDeclaration')[0]
 		await addFlowForm({
 			title: headerForm.title,
@@ -154,9 +171,9 @@ const handleInitiateApproval = async () => {
 		valid.processInstanceId = processInstanceId;
 		valid.supportingDocuments = JSON.stringify(valid.supportingDocuments);
 		valid.status = 1;
-		await addInvestmentProjectsProgressAPI(valid).then(()=>{
+		await addInvestmentProjectsProgressAPI(valid).then(() => {
 			message.success(t('common.success'));
-		}).finally(()=>{
+		}).finally(() => {
 			submitLoading.value = false;
 		}).catch((err: any) => {
 			submitLoading.value = false;
@@ -182,12 +199,12 @@ const handleSaveTemplate = () => {
 const handleViewWorkflow = () => {
 	message.info(t('progressReport.messages.viewWorkflow'));
 };
-const uploadChange = (_:any,data:any[]) =>{
-	if (!data || Object.prototype.toString.call(data) !== '[object Array]' || data.length === 0){
+const uploadChange = (_: any, data: any[]) => {
+	if (!data || Object.prototype.toString.call(data) !== '[object Array]' || data.length === 0) {
 		headerForm.attachments = [];
 		return;
 	}
-	headerForm.attachments = data.map((item:any) => {
+	headerForm.attachments = data.map((item: any) => {
 		return {
 			name: item.name,
 			url: item.url
diff --git a/src/views/invMid/progressReportExamine/index.vue b/src/views/invMid/progressReportExamine/index.vue
index 36380de..701ab4d 100644
--- a/src/views/invMid/progressReportExamine/index.vue
+++ b/src/views/invMid/progressReportExamine/index.vue
@@ -1,8 +1,8 @@
 <!-- 进度申报审核-->
 <script setup lang="ts">
-import {onMounted} from 'vue';
+import { onMounted } from 'vue';
 import ApprovalAction from '/@//components/workbench/common/ApprovalAction.vue';
-import {useRoute} from 'vue-router';
+import { useRoute } from 'vue-router';
 import ProjectProgressReportFormDeatils from '/@/components/investment/common/ProjectProgressReportFormDeatils.vue';
 import {
 	getInvestmentProjectsProgressGetByProcessInstanceIdAPI,
@@ -15,13 +15,13 @@ const taskId = ref<string>('0');
 const status = ref<'pending' | 'reviewed' | 'withdrawable'>('pending');
 const projectId = ref<string>('0');
 const detailFormData = ref<InvestmentProjectProgress>({} as InvestmentProjectProgress);
-const getProjectDetail = (id:string) =>{
-	getInvestmentProjectsProgressGetByProcessInstanceIdAPI(id).then(res =>{
+const getProjectDetail = (id: string) => {
+	getInvestmentProjectsProgressGetByProcessInstanceIdAPI(id).then(res => {
 		detailFormData.value = res.data
 	});
 }
-onMounted(() =>{
-	if (route.query.processInstanceId){
+onMounted(() => {
+	if (route.query.processInstanceId) {
 		taskId.value = <string>route.query.tId;
 		projectId.value = <string>route.query.processInstanceId;
 		getProjectDetail(projectId.value);
@@ -33,11 +33,12 @@ onMounted(() =>{
 	<el-card>
 		<el-row :gutter="20">
 			<el-col :span="isPreview ? 24 : 18">
-				<FlowFormView :process-instance-id="projectId"/>
-				<ProjectProgressReportFormDeatils v-model="detailFormData" title="投资项目进度审核"/>
+				<FlowFormView :process-instance-id="projectId" />
+				<ProjectProgressReportFormDeatils v-model="detailFormData" title="投资项目进度审核" />
 			</el-col>
 			<el-col :span="6" v-if="!isPreview">
-				<ApprovalAction :status="status" :approval-records="[]" :task-id="taskId" :process-instance-id="projectId"/>
+				<ApprovalAction :status="status" :approval-records="[]" :task-id="taskId"
+					:process-instance-id="projectId" />
 			</el-col>
 		</el-row>
 	</el-card>
diff --git a/src/views/invMid/projectExitFeedback/index.vue b/src/views/invMid/projectExitFeedback/index.vue
index e9f58df..e22519d 100644
--- a/src/views/invMid/projectExitFeedback/index.vue
+++ b/src/views/invMid/projectExitFeedback/index.vue
@@ -26,8 +26,9 @@
             </el-row>
 
             <el-row class="mb10">
-                <el-form :model="headerForm" label-width="80px" class="w-full">
-                    <el-form-item :label="t('projectExitFeedback.headerForm.title')">
+                <el-form :model="headerForm" :rules="headerFormRules" ref="headerFormRef" label-width="80px"
+                    class="w-full">
+                    <el-form-item :label="t('projectExitFeedback.headerForm.title')" prop="title" required>
                         <el-input v-model="headerForm.title"
                             :placeholder="t('projectExitFeedback.headerForm.titlePlaceholder')" />
                     </el-form-item>
@@ -36,7 +37,8 @@
                             :placeholder="t('projectExitFeedback.headerForm.descriptionPlaceholder')" />
                     </el-form-item>
                     <el-form-item :label="t('projectExitFeedback.headerForm.attachments')">
-                        <UploadFile :modelValue="headerForm.attachments" @change="uploadChange" :fileSize="20" type="simple" :limit="10" />
+                        <UploadFile :modelValue="headerForm.attachments" @change="uploadChange" :fileSize="20"
+                            type="simple" :limit="10" />
                     </el-form-item>
                 </el-form>
             </el-row>
@@ -47,20 +49,25 @@
 </template>
 
 <script setup lang="ts">
-import { reactive } from 'vue';
+import { reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useMessage } from '/@/hooks/message';
 import ProjectExitFeedbackForm from '/@/components/investment/common/ProjectExitFeedbackForm.vue';
 import { ProjectExitFeedback } from '/@/views/invMid/projectExitFeedback/interface/type';
-import {addProjectExitPlanFeedback} from "/@/api/investment/projectExitPlan";
+import { addProjectExitPlanFeedback } from "/@/api/investment/projectExitPlan";
+import { ProjectTask } from "/@/views/invMid/projectExitPlan/interface/type";
 import UploadFile from "/@/components/Upload/index.vue";
-import {flowFn} from "/@/utils/flowFn";
-import {addFlowForm} from "/@/api/flow/flow";
-import {flowNameOptions} from "/@/hooks/enums";
+import { flowFn } from "/@/utils/flowFn";
+import { addFlowForm } from "/@/api/flow/flow";
+import { flowNameOptions } from "/@/hooks/enums";
 const { t } = useI18n();
 const message = useMessage();
 
-const headerForm = reactive<{ title: string, description: string, attachments: any[] | string}>({
+const headerFormRef = ref<any>();
+const headerFormRules = {
+    title: [{ required: true, message: '标题必填', trigger: ['blur', 'change'] }]
+};
+const headerForm = reactive<{ title: string, description: string, attachments: any[] | string }>({
     title: '',
     description: '',
     attachments: [] as any[],
@@ -68,47 +75,57 @@ const headerForm = reactive<{ title: string, description: string, attachments: a
 const formData = ref<ProjectExitFeedback>({
     exitTime: '',
     exitExecutor: '',
-	exitRemark: '',
-	exitAttachment: '',
+    exitRemark: '',
+    exitAttachment: '',
+    deptId: '',
 });
 const submitLoading = ref(false);
 const handleInitiateApproval = async () => {
-	if (!formData.value.projectId){
-		message.error('项目名称必填');
-		return
-	}
-	submitLoading.value = true;
-	const attachments = JSON.stringify(headerForm.attachments);
-	const {processInstanceId} = await flowFn('VITE_FLOWID_36',{
-		paramMap:{
-			// miu0ilc1tfa61_assignee_select: [
-			// 	{
-			// 		"type": "user",
-			// 		"id": "1",
-			// 		"name": "admin",
-			// 		"avatar": "/admin/sys-file/local/2a14ae08150e483c93e12ac8934173e2.png"
-			// 	}
-			// ]
-		}
-	})
-	const flowNameObj = flowNameOptions.filter(item => item.label === 'exitFeedback')[0]
-	await addFlowForm({
-		title: headerForm.title,
-		description: headerForm.description,
-		attachments,
-		processInstanceId,
-		flowType: flowNameObj.value
-	})
-	formData.value.processInstanceId = processInstanceId;
-	const exitAttachment = JSON.stringify(formData.value.exitAttachment);
-    const params = { ...formData.value, exitAttachment }
-	addProjectExitPlanFeedback(params).then(()=>{
-		message.success(t('common.success'));
-	}).catch((err: any) => {
-		message.error(err.msg);
-	}).finally(() => {
-		submitLoading.value = false;
-	});
+    const headerValid = await headerFormRef.value?.validate().catch(() => false);
+    if (!headerValid) {
+        return;
+    }
+    if (!formData.value.projectId) {
+        message.error('项目名称必填');
+        return
+    }
+    submitLoading.value = true;
+    const attachments = JSON.stringify(headerForm.attachments);
+    const flowResult = await flowFn('VITE_FLOWID_36', {
+        paramMap: {
+            // miu0ilc1tfa61_assignee_select: [
+            // 	{
+            // 		"type": "user",
+            // 		"id": "1",
+            // 		"name": "admin",
+            // 		"avatar": "/admin/sys-file/local/2a14ae08150e483c93e12ac8934173e2.png"
+            // 	}
+            // ]
+        }
+    })
+    if (flowResult instanceof Error) {
+        submitLoading.value = false;
+        throw flowResult;
+    }
+    const { processInstanceId } = flowResult;
+    const flowNameObj = flowNameOptions.filter(item => item.label === 'exitFeedback')[0]
+    await addFlowForm({
+        title: headerForm.title,
+        description: headerForm.description,
+        attachments,
+        processInstanceId,
+        flowType: flowNameObj.value
+    })
+    formData.value.processInstanceId = processInstanceId;
+    const exitAttachment = JSON.stringify(formData.value.exitAttachment);
+    const params = { ...formData.value, exitAttachment } as ProjectTask;
+    addProjectExitPlanFeedback(params).then(() => {
+        message.success(t('common.success'));
+    }).catch((err: any) => {
+        message.error(err.msg);
+    }).finally(() => {
+        submitLoading.value = false;
+    });
 };
 
 const handleSaveDraft = () => {
@@ -126,17 +143,17 @@ const handleSaveTemplate = () => {
 const handleViewWorkflow = () => {
     message.info(t('projectExitFeedback.messages.viewWorkflow'));
 };
-const uploadChange = (_:any,data:any[]) =>{
-	if (!data || Object.prototype.toString.call(data) !== '[object Array]' || data.length === 0){
-		headerForm.attachments = [];
-		return;
-	}
-	headerForm.attachments = data.map((item:any) => {
-		return {
-			name: item.name,
-			url: item.url
-		}
-	})
+const uploadChange = (_: any, data: any[]) => {
+    if (!data || Object.prototype.toString.call(data) !== '[object Array]' || data.length === 0) {
+        headerForm.attachments = [];
+        return;
+    }
+    headerForm.attachments = data.map((item: any) => {
+        return {
+            name: item.name,
+            url: item.url
+        }
+    })
 }
 </script>
 
diff --git a/src/views/invMid/projectExitFeedback/interface/type.ts b/src/views/invMid/projectExitFeedback/interface/type.ts
index 9663c99..a82dba0 100644
--- a/src/views/invMid/projectExitFeedback/interface/type.ts
+++ b/src/views/invMid/projectExitFeedback/interface/type.ts
@@ -34,10 +34,12 @@ export interface ProjectExitFeedback {
 
   /** 状态 */
   status?: string;
-	/** 项目id */
-	projectId?:number;
-	/** 项目名称*/
-	projectName?:string;
+  /** 项目id */
+  projectId?: number;
+  /** 项目名称*/
+  projectName?: string;
+  /** 部门id */
+  deptId: string;
 }
 
 export interface paramsDataProjectExitPlanFeedback {
@@ -48,31 +50,31 @@ export interface paramsDataProjectExitPlanFeedback {
   exitRemark: string
 }
 export interface projectExitPlanFeedbackItem {
-	id?: number,
-	projectName?: string,
-	projectId?: number,
-	exitRecommendation?: string,
-	exitMethod?: string,
-	executionTask?: string,
-	taskDescription?: string,
-	executor?: string,
-	taskStartDate?: string,
-	taskEndDate?: string,
-	createBy?: string,
-	createTime?: string,
-	updateBy?: string,
-	updateTime?: string,
-	delFlag?: string,
-	processInstanceId?: string,
-	status?: string,
-	reviewNotes?: string,
-	applicationDept?: string
+  id?: number,
+  projectName?: string,
+  projectId?: number,
+  exitRecommendation?: string,
+  exitMethod?: string,
+  executionTask?: string,
+  taskDescription?: string,
+  executor?: string,
+  taskStartDate?: string,
+  taskEndDate?: string,
+  createBy?: string,
+  createTime?: string,
+  updateBy?: string,
+  updateTime?: string,
+  delFlag?: string,
+  processInstanceId?: string,
+  status?: string,
+  reviewNotes?: string,
+  applicationDept?: string
 }
 
 export interface feedbackResponseData {
-	total: number,
-	records: projectExitPlanFeedbackItem[];
-	current: number,
-	size: number,
-	pages: number,
+  total: number,
+  records: projectExitPlanFeedbackItem[];
+  current: number,
+  size: number,
+  pages: number,
 }
diff --git a/src/views/invMid/projectExitPlan/index.vue b/src/views/invMid/projectExitPlan/index.vue
index c312928..c393e3f 100644
--- a/src/views/invMid/projectExitPlan/index.vue
+++ b/src/views/invMid/projectExitPlan/index.vue
@@ -1,53 +1,55 @@
 <template>
-    <div class="layout-padding">
-        <div class="layout-padding-auto layout-padding-view">
-            <el-row class="mb10">
-                <div class="form-header-actions" style="width: 100%;">
-                    <div>
-                        <el-button type="primary" icon="Check" :loading="submitLoading" @click="handleInitiateApproval">
-                            {{ t('projectExitPlan.actions.initiateApproval') }}
-                        </el-button>
-                        <el-button icon="Document" @click="handleSaveDraft">
-                            {{ t('projectExitPlan.actions.saveDraft') }}
-                        </el-button>
-                        <el-button icon="FolderOpened" @click="handleLoadTemplate">
-                            {{ t('projectExitPlan.actions.loadTemplate') }}
-                        </el-button>
-                        <el-button icon="FolderAdd" @click="handleSaveTemplate">
-                            {{ t('projectExitPlan.actions.saveTemplate') }}
-                        </el-button>
-                    </div>
-                    <div style="margin-left:auto;">
-                        <el-button icon="View" @click="handleViewWorkflow">
-                            {{ t('projectExitPlan.actions.viewWorkflow') }}
-                        </el-button>
-                    </div>
-                </div>
-            </el-row>
+	<div class="layout-padding">
+		<div class="layout-padding-auto layout-padding-view">
+			<el-row class="mb10">
+				<div class="form-header-actions" style="width: 100%;">
+					<div>
+						<el-button type="primary" icon="Check" :loading="submitLoading" @click="handleInitiateApproval">
+							{{ t('projectExitPlan.actions.initiateApproval') }}
+						</el-button>
+						<el-button icon="Document" @click="handleSaveDraft">
+							{{ t('projectExitPlan.actions.saveDraft') }}
+						</el-button>
+						<el-button icon="FolderOpened" @click="handleLoadTemplate">
+							{{ t('projectExitPlan.actions.loadTemplate') }}
+						</el-button>
+						<el-button icon="FolderAdd" @click="handleSaveTemplate">
+							{{ t('projectExitPlan.actions.saveTemplate') }}
+						</el-button>
+					</div>
+					<div style="margin-left:auto;">
+						<el-button icon="View" @click="handleViewWorkflow">
+							{{ t('projectExitPlan.actions.viewWorkflow') }}
+						</el-button>
+					</div>
+				</div>
+			</el-row>
 
-            <el-row class="mb10">
-                <el-form :model="headerForm" label-width="80px" class="w-full">
-                    <el-form-item :label="t('projectExitPlan.headerForm.title')">
-                        <el-input v-model="headerForm.title"
-                            :placeholder="t('projectExitPlan.headerForm.titlePlaceholder')" />
-                    </el-form-item>
-                    <el-form-item :label="t('projectExitPlan.headerForm.description')">
-                        <el-input v-model="headerForm.description"
-                            :placeholder="t('projectExitPlan.headerForm.descriptionPlaceholder')" />
-                    </el-form-item>
-                    <el-form-item :label="t('projectExitPlan.headerForm.attachments')">
-                        <UploadFile :modelValue="headerForm.attachments" @change="uploadChange" :fileSize="20" type="simple" :limit="10" />
-                    </el-form-item>
-                </el-form>
-            </el-row>
+			<el-row class="mb10">
+				<el-form :model="headerForm" :rules="headerFormRules" ref="headerFormRef" label-width="80px"
+					class="w-full">
+					<el-form-item :label="t('projectExitPlan.headerForm.title')" prop="title" required>
+						<el-input v-model="headerForm.title"
+							:placeholder="t('projectExitPlan.headerForm.titlePlaceholder')" />
+					</el-form-item>
+					<el-form-item :label="t('projectExitPlan.headerForm.description')">
+						<el-input v-model="headerForm.description"
+							:placeholder="t('projectExitPlan.headerForm.descriptionPlaceholder')" />
+					</el-form-item>
+					<el-form-item :label="t('projectExitPlan.headerForm.attachments')">
+						<UploadFile :modelValue="headerForm.attachments" @change="uploadChange" :fileSize="20"
+							type="simple" :limit="10" />
+					</el-form-item>
+				</el-form>
+			</el-row>
 
-            <ProjectExitPlanForm v-model="formData" :rules="rules" ref="formDataRef"/>
-        </div>
-    </div>
+			<ProjectExitPlanForm v-model="formData" :rules="rules" ref="formDataRef" />
+		</div>
+	</div>
 </template>
 
 <script setup lang="ts">
-import { reactive } from 'vue';
+import { reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useMessage } from '/@/hooks/message';
 
@@ -56,28 +58,33 @@ import ProjectExitPlanForm from '/@/components/investment/common/ProjectExitPlan
 import { FormRules } from 'element-plus';
 import { addProjectExitPlan } from '/@/api/investment/projectExitPlan';
 import UploadFile from "/@/components/Upload/index.vue";
-import {flowFn} from "/@/utils/flowFn";
-import {addFlowForm} from "/@/api/flow/flow";
-import {flowNameOptions} from "/@/hooks/enums";
+import { flowFn } from "/@/utils/flowFn";
+import { addFlowForm } from "/@/api/flow/flow";
+import { flowNameOptions } from "/@/hooks/enums";
 const formDataRef = ref<HTMLFormElement | null>()
 const { t } = useI18n();
 const message = useMessage();
 
-const headerForm = reactive<{ title: string, description: string, attachments: any[] | string}>({
-    title: '',
-    description: '',
-    attachments: [] as any[],
+const headerFormRef = ref<any>();
+const headerFormRules = {
+	title: [{ required: true, message: '标题必填', trigger: ['blur', 'change'] }]
+};
+const headerForm = reactive<{ title: string, description: string, attachments: any[] | string }>({
+	title: '',
+	description: '',
+	attachments: [] as any[],
 });
 
 const formData = ref<ProjectTask>({
 	id: undefined,
 	projectName: '',
 	exitRecommendation: '',
-	executionTask:'',
-	taskDescription:'',
-	executor:'',
-	taskStartDate:new Date().toISOString().substring(0,10),
-	taskEndDate:new Date().toISOString().substring(0,10),
+	executionTask: '',
+	taskDescription: '',
+	executor: '',
+	taskStartDate: new Date().toISOString().substring(0, 10),
+	taskEndDate: new Date().toISOString().substring(0, 10),
+	deptId: ''
 });
 const requiredRule = [{ required: true, message: `${t('该字段必填')}` }]
 const rules = reactive<FormRules<ProjectTask>>({
@@ -87,13 +94,17 @@ const rules = reactive<FormRules<ProjectTask>>({
 const submitLoading = ref<boolean>(false);
 const handleInitiateApproval = async () => {
 	try {
-		const valid =	await formDataRef?.value?.validateRef();
+		const headerValid = await headerFormRef.value?.validate().catch(() => false);
+		if (!headerValid) {
+			return;
+		}
+		const valid = await formDataRef?.value?.validateRef();
 		if (!valid) return;
 		submitLoading.value = true;
 		const folowIdKey = 'VITE_FLOWID_35'
 		const attachments = JSON.stringify(headerForm.attachments);
-		const {processInstanceId} = await flowFn(folowIdKey,{
-			paramMap:{
+		const flowResult = await flowFn(folowIdKey, {
+			paramMap: {
 				// miu0ilc1tfa61_assignee_select: [
 				// 	{
 				// 		"type": "user",
@@ -104,6 +115,11 @@ const handleInitiateApproval = async () => {
 				// ]
 			}
 		})
+		if (flowResult instanceof Error) {
+			submitLoading.value = false;
+			throw flowResult;
+		}
+		const { processInstanceId } = flowResult;
 		const flowNameObj = flowNameOptions.filter(item => item.label === 'exitPlan')[0]
 		await addFlowForm({
 			title: headerForm.title,
@@ -113,14 +129,14 @@ const handleInitiateApproval = async () => {
 			flowType: flowNameObj.value
 		})
 		formData.value.processInstanceId = processInstanceId;
-		addProjectExitPlan(formData.value).then((res:any) => {
+		addProjectExitPlan(formData.value).then((res: any) => {
 			useMessage().success(t('common.success'));
-		}).catch((err:any) => {
+		}).catch((err: any) => {
 			useMessage().error(err.msg);
 		}).finally(() => {
 			submitLoading.value = false;
 		});
-	}catch (e) {
+	} catch (e) {
 		console.log(e);
 		submitLoading.value = false;
 	}
@@ -128,26 +144,26 @@ const handleInitiateApproval = async () => {
 };
 
 const handleSaveDraft = () => {
-    message.info(t('projectExitPlan.messages.saveDraft'));
+	message.info(t('projectExitPlan.messages.saveDraft'));
 };
 
 const handleLoadTemplate = () => {
-    message.info(t('projectExitPlan.messages.loadTemplate'));
+	message.info(t('projectExitPlan.messages.loadTemplate'));
 };
 
 const handleSaveTemplate = () => {
-    message.info(t('projectExitPlan.messages.saveTemplate'));
+	message.info(t('projectExitPlan.messages.saveTemplate'));
 };
 
 const handleViewWorkflow = () => {
-    message.info(t('projectExitPlan.messages.viewWorkflow'));
+	message.info(t('projectExitPlan.messages.viewWorkflow'));
 };
-const uploadChange = (_:any,data:any[]) =>{
-	if (!data || Object.prototype.toString.call(data) !== '[object Array]' || data.length === 0){
+const uploadChange = (_: any, data: any[]) => {
+	if (!data || Object.prototype.toString.call(data) !== '[object Array]' || data.length === 0) {
 		headerForm.attachments = [];
 		return;
 	}
-	headerForm.attachments = data.map((item:any) => {
+	headerForm.attachments = data.map((item: any) => {
 		return {
 			name: item.name,
 			url: item.url
@@ -158,13 +174,13 @@ const uploadChange = (_:any,data:any[]) =>{
 
 <style scoped>
 .layout-container .layout-padding {
-    height: auto;
-    overflow: auto;
+	height: auto;
+	overflow: auto;
 }
 
 .form-header-actions {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
 }
 </style>