From 52cdea9a329e0835fc30ef8c3ebb7263658cf38d Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期六, 20 八月 2022 10:12:05 +0800
Subject: [PATCH] lct

---
 src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue |  121 +++++++++++++++++++++++++++++++++-------
 1 files changed, 100 insertions(+), 21 deletions(-)

diff --git a/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue b/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue
index a06417d..52680b0 100644
--- a/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue
+++ b/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue
@@ -4,8 +4,32 @@
 		<el-form :model="form" :disabled="disabled" label-width="120px" ref="ruleFormRef" :rules="rules">
 			<el-row>
 				<el-col :span="11">
+					<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.id" :label="item.typeName" :value="item.id" />
+						</el-select>
+					</el-form-item>
+				</el-col>
+				<el-col :span="11" :offset="2">
+					<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-col :span="11">
 					<el-form-item label="责任部门" prop="dutyDepartmentId" size="default">
-						<el-tree-select v-model="form.dutyDepartmentId" check-strictly="true" @current-change="dutyName" :data="data" class="w100" :props="propse" placeholder="请选择" />
+						<el-tree-select
+							v-model="form.dutyDepartmentId"
+							check-strictly="true"
+							@current-change="dutyName"
+							:data="data"
+							class="w100"
+							:props="propse"
+							placeholder="请选择"
+						/>
 					</el-form-item>
 				</el-col>
 				<el-col :span="11" :offset="2">
@@ -17,12 +41,27 @@
 			<el-row>
 				<el-col :span="11">
 					<el-form-item label="制定人部门" prop="makerDepartmentId" size="default">
-						<el-tree-select v-model="form.makerDepartmentId" :data="data" @current-change="makerName" check-strictly="true" class="w100" :props="propse" placeholder="请选择" />
+						<el-tree-select
+							v-model="form.makerDepartmentId"
+							:data="data"
+							@current-change="makerName"
+							check-strictly="true"
+							class="w100"
+							:props="propse"
+							placeholder="请选择"
+						/>
 					</el-form-item>
 				</el-col>
 				<el-col :span="11" :offset="2">
 					<el-form-item label="制定日期" prop="makeDate" size="default">
-						<el-date-picker v-model="form.makeDate" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" type="datetime" placeholder="请选择" style="width: 100%" />
+						<el-date-picker
+							v-model="form.makeDate"
+							format="YYYY-MM-DD HH:mm:ss"
+							value-format="YYYY-MM-DD HH:mm:ss"
+							type="datetime"
+							placeholder="请选择"
+							style="width: 100%"
+						/>
 					</el-form-item>
 				</el-col>
 			</el-row>
@@ -30,16 +69,19 @@
 				<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>
 			<span class="dialog-footer">
-				
 				<el-button @click="resetForm(ruleFormRef)" size="default">关闭</el-button>
 				<el-button type="primary" @click="submitForm(ruleFormRef)" :disabled="disabled" size="default">确定</el-button>
 			</span>
@@ -57,7 +99,7 @@
 export default defineComponent({
 	components: { DailogSearchUser },
 	setup(props, { emit }) {
-		const ruleFormRef = ref<FormInstance>()
+		const ruleFormRef = ref<FormInstance>();
 		const form = ref({
 			dutyDepartmentId: '', ////责任部门/外键
 			makerDepartmentId: '', ////制定人部门/外键
@@ -65,6 +107,10 @@
 			commitPersonName: '',
 			value: '', ////考核指标值
 			makeDate: '', ////制定日期
+			targetTypeId: '', ///目标分类
+			dutyPersonId: '', ///责任人id
+			dutyPersonName: '', ///责任人
+			planDesc: '', ///计划措施
 		});
 		//部门
 		const department = () => {
@@ -85,6 +131,7 @@
 		};
 		onMounted(() => {
 			department();
+			allList()
 		});
 		const disabled = ref(false);
 		// 开启弹窗
@@ -103,12 +150,36 @@
 			}
 			dialogVisible.value = true;
 		};
+		//  分类 All
+		const allList=()=>{
+			goalManagementApi().gettargetClassAll({}).then(res=>{
+				if(res.data.code==200){
+					options.value=res.data.data
+				}else{
+					ElMessage.error(res.data.msg);
+				}
+			})
+		}
 		// 开启用户弹窗
 		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,
@@ -166,10 +237,10 @@
 
 		const resetForm = (formEl: FormInstance | undefined) => {
 			// console.log(formEl);
-			if (!formEl) return
+			if (!formEl) return;
 			formEl.clearValidate();
 			dialogVisible.value = false;
-			form.value={}
+			form.value = {};
 		};
 		// const handleClose = (formEl: any) => {
 		// 	formEl.resetFields();
@@ -184,18 +255,26 @@
 			}
 		};
 		const data = ref();
-		const onUser = (e: any) => {
-			console.log(e)
-			form.value.commitPersonId = e.uid;
-			form.value.commitPersonName = e.realName;
+		const onUser = (e: any, type: any) => {
+			console.log(e);
+			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
-		}
-		const dutyName=(data:any)=>{
-			form.value.dutyDepartmentName=data.depName
-		}
+		const makerName = (data: any) => {
+			form.value.makerDepartmentName = data.depName;
+		};
+		const dutyName = (data: any) => {
+			form.value.dutyDepartmentName = data.depName;
+		};
+		const options = ref([]);
 		return {
+			options,
+			allList,
 			disabled,
 			makerName,
 			dutyName,

--
Gitblit v1.9.2