From 86d6af58a6ff9525dab795c6f0c9bea92fa1d28d Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期三, 17 八月 2022 17:27:38 +0800
Subject: [PATCH] 对接

---
 src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue |   80 ++++++++++++++++++++++++++++++++++-----
 1 files changed, 69 insertions(+), 11 deletions(-)

diff --git a/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue b/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue
index 6041772..e6a0496 100644
--- a/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue
+++ b/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue
@@ -2,14 +2,22 @@
 	<el-dialog v-model="dialogVisible" :fullscreen="full" :title="titles" width="50%" draggable @close="resetForm(ruleFormRef)">
 		<el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button>
 		<el-form :model="form" :disabled="disabled" label-width="120px" ref="ruleFormRef" :rules="rules">
-			<!-- <el-row>
+			<el-row>
 				<el-col :span="11">
-					<el-form-item label="考核指标" prop="value" size="default"> </el-form-item>
+					<el-form-item label="目标分类" prop="targetTypeId" size="default">
+						<el-select v-model="form.targetTypeId" class="m-2" placeholder="请选择" style="width:100%">
+							<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+						</el-select>
+					</el-form-item>
 				</el-col>
 				<el-col :span="11" :offset="2">
-					<el-form-item label="考核指标" prop="value" size="default"> </el-form-item>
+					<el-form-item label="责任人" prop="dutyPersonName" size="default">
+						<el-input v-model="form.dutyPersonName">
+							<template #append> <el-button :icon="Search" @click="openUser(1)" /> </template
+						></el-input>
+					</el-form-item>
 				</el-col>
-			</el-row> -->
+			</el-row>
 			<el-row>
 				<el-col :span="11">
 					<el-form-item label="责任部门" prop="dutyDepartmentId" size="default">
@@ -61,11 +69,15 @@
 				<el-col :span="11">
 					<el-form-item label="上报人" prop="commitPersonName" size="default">
 						<el-input v-model="form.commitPersonName">
-							<template #append> <el-button :icon="Search" @click="openUser" /> </template
+							<template #append> <el-button :icon="Search" @click="openUser(2)" /> </template
 						></el-input>
 					</el-form-item>
 				</el-col>
-				<el-col :span="11" :offset="2"> </el-col>
+				<el-col :span="11" :offset="2">
+					<el-form-item label="计划措施" prop="commitPersonName" size="default">
+						<el-input v-model="form.planDesc"></el-input>
+					</el-form-item>
+				</el-col>
 			</el-row>
 		</el-form>
 		<template #footer>
@@ -95,6 +107,10 @@
 			commitPersonName: '',
 			value: '', ////考核指标值
 			makeDate: '', ////制定日期
+			targetTypeId: '', ///目标分类
+			dutyPersonId: '', ///责任人id
+			dutyPersonName: '', ///责任人
+			planDesc: '', ///计划措施
 		});
 		//部门
 		const department = () => {
@@ -135,10 +151,24 @@
 		};
 		// 开启用户弹窗
 		const Show = ref();
-		const openUser = () => {
-			Show.value.openDailog();
+		const openUser = (type:any) => {
+			Show.value.openDailog(type);
 		};
 		const rules = reactive<FormRules>({
+			targetTypeId: [
+				{
+					required: true,
+					message: '目标分类不能为空',
+					trigger: 'blur',
+				},
+			],
+			dutyPersonName: [
+				{
+					required: true,
+					message: '责任人不能为空',
+					trigger: 'blur',
+				},
+			],
 			dutyDepartmentId: [
 				{
 					required: true,
@@ -214,10 +244,15 @@
 			}
 		};
 		const data = ref();
-		const onUser = (e: any) => {
+		const onUser = (e: any, type: any) => {
 			console.log(e);
-			form.value.commitPersonId = e.uid;
-			form.value.commitPersonName = e.realName;
+			if (type == 1) {
+				form.value.dutyPersonId = e.uid;
+				form.value.dutyPersonName = e.realName;
+			} else if (type == 2) {
+				form.value.commitPersonId = e.uid;
+				form.value.commitPersonName = e.realName;
+			}
 		};
 		const makerName = (data: any) => {
 			form.value.makerDepartmentName = data.depName;
@@ -225,7 +260,30 @@
 		const dutyName = (data: any) => {
 			form.value.dutyDepartmentName = data.depName;
 		};
+		const options = [
+			{
+				value: 1,
+				label: 'Option1',
+			},
+			{
+				value: 2,
+				label: 'Option2',
+			},
+			{
+				value: 3,
+				label: 'Option3',
+			},
+			{
+				value: 4,
+				label: 'Option4',
+			},
+			{
+				value: 5,
+				label: 'Option5',
+			},
+		];
 		return {
+			options,
 			disabled,
 			makerName,
 			dutyName,

--
Gitblit v1.9.2