From 7df64634d3d7b292713eebfa008c40b3f5f9f65f Mon Sep 17 00:00:00 2001
From: shj <1790240199@qq.com>
Date: 星期二, 20 九月 2022 15:57:03 +0800
Subject: [PATCH] 修改

---
 src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue |  276 ++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 194 insertions(+), 82 deletions(-)

diff --git a/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue b/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue
index f228c67..52680b0 100644
--- a/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue
+++ b/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue
@@ -1,47 +1,89 @@
 <template>
-	<el-dialog v-model="dialogVisible" :fullscreen="full" title="新建目标指标分解" width="50%" draggable>
+	<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" label-width="120px" ref="ruleFormRef" :rules="rules">
+		<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" :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">
 					<el-form-item label="考核指标" prop="value" size="default">
-						<el-input v-model="form.value" />
+						<el-input v-model.number="form.value" />
 					</el-form-item>
 				</el-col>
 			</el-row>
 			<el-row>
 				<el-col :span="11">
 					<el-form-item label="制定人部门" prop="makerDepartmentId" size="default">
-						<el-tree-select v-model="form.makerDepartmentId" :data="data" 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" 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>
 			<el-row>
 				<el-col :span="11">
-					<el-form-item label="上报人" prop="commitPersonId" size="default">
-						<el-input v-model="nameC">
-							<template #append> <el-button :icon="Search" @click="openUser" /> </template
+					<el-form-item label="上报人" prop="commitPersonName" size="default">
+						<el-input v-model="form.commitPersonName">
+							<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 type="primary" @click="dialogVisible = false" size="default">继续添加</el-button>
 				<el-button @click="resetForm(ruleFormRef)" size="default">关闭</el-button>
-				<el-button type="primary" @click="submitForm(ruleFormRef)" size="default">确定</el-button>
+				<el-button type="primary" @click="submitForm(ruleFormRef)" :disabled="disabled" size="default">确定</el-button>
 			</span>
 		</template>
 	</el-dialog>
@@ -57,95 +99,152 @@
 export default defineComponent({
 	components: { DailogSearchUser },
 	setup(props, { emit }) {
+		const ruleFormRef = ref<FormInstance>();
 		const form = ref({
 			dutyDepartmentId: '', ////责任部门/外键
 			makerDepartmentId: '', ////制定人部门/外键
 			commitPersonId: '', ////上报人/外键
+			commitPersonName: '',
 			value: '', ////考核指标值
 			makeDate: '', ////制定日期
+			targetTypeId: '', ///目标分类
+			dutyPersonId: '', ///责任人id
+			dutyPersonName: '', ///责任人
+			planDesc: '', ///计划措施
 		});
-		const ruleFormRef = ref<FormInstance>();
-		const rules = reactive<FormRules>({
-			dutyDepartmentId: [
-				{
-					required: true,
-					message: '责任部门不能为空',
-					trigger: 'change',
-				},
-			],
-			makerDepartmentId: [
-				{
-					required: true,
-					message: '制定人部门不能为空',
-					trigger: 'change',
-				},
-			],
-			commitPersonId: [
-				{
-					required: true,
-					message: '上报人不能为空',
-					trigger: 'change',
-				},
-			],
-			value: [
-				{
-					required: true,
-					message: '考核指标值不能为空',
-					trigger: 'change',
-				},
-			],
-			makeDate: [
-				{
-					required: true,
-					message: '制定日期不能为空',
-					trigger: 'change',
-				},
-			],
-		});
-		const submitForm = async (formEl: FormInstance | undefined) => {
-			if (!formEl) return;
-			await formEl.validate((valid, fields) => {
-				if (valid) {
-					dialogVisible.value = false;
-					emit('onAdd', form.value);
-				} else {
-					console.log('error submit!', fields);
-				}
-			});
-			formEl.resetFields();
-		};
-
-		const resetForm = (formEl: FormInstance | undefined) => {
-			if (!formEl) return;
-			formEl.resetFields();
-			dialogVisible.value = false;
-		};
 		//部门
 		const department = () => {
 			goalManagementApi()
 				.getTreedepartment()
 				.then((res) => {
 					if (res.data.code == 200) {
-						console.log(res.data.data);
 						data.value = res.data.data;
 					} else {
 						ElMessage.error(res.data.msg);
 					}
 				});
 		};
+		const propse = {
+			label: 'depName',
+			children: 'children',
+			value: 'depId',
+		};
 		onMounted(() => {
 			department();
+			allList()
 		});
+		const disabled = ref(false);
 		// 开启弹窗
+		const titles = ref();
 		const dialogVisible = ref(false);
-		const openDailog = () => {
+		const openDailog = (title: string, data: any) => {
+			titles.value = `${title}目标指标分解`;
+			if (title == '查看') {
+				disabled.value = true;
+				form.value = data;
+			} else if (title == '修改') {
+				disabled.value = false;
+				form.value = data;
+			} else {
+				disabled.value = false;
+			}
 			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,
+					message: '责任部门不能为空',
+					trigger: 'blur',
+				},
+			],
+			makerDepartmentId: [
+				{
+					required: true,
+					message: '制定人部门不能为空',
+					trigger: 'blur',
+				},
+			],
+			commitPersonId: [
+				{
+					required: true,
+					message: '上报人不能为空',
+					trigger: 'blur',
+				},
+			],
+			value: [
+				{
+					required: true,
+					message: '考核指标值不能为空',
+					trigger: 'blur',
+				},
+				{
+					type: 'number',
+					message: '考核指标值只能为数字类型',
+					trigger: 'blur',
+				},
+			],
+			makeDate: [
+				{
+					required: true,
+					message: '制定日期不能为空',
+					trigger: 'blur',
+				},
+			],
+			commitPersonName: [],
+		});
+		const submitForm = async (formEl: FormInstance | undefined) => {
+			if (!formEl) return;
+			await formEl.validate((valid, fields) => {
+				if (valid) {
+					emit('onAdd', form.value);
+					dialogVisible.value = false;
+					// handleClose(formEl)
+				} else {
+					console.log('error submit!', fields);
+				}
+			});
+		};
+
+		const resetForm = (formEl: FormInstance | undefined) => {
+			// console.log(formEl);
+			if (!formEl) return;
+			formEl.clearValidate();
+			dialogVisible.value = false;
+			form.value = {};
+		};
+		// const handleClose = (formEl: any) => {
+		// 	formEl.resetFields();
+		// };
 		//全屏
 		const full = ref(false);
 		const toggleFullscreen = () => {
@@ -155,19 +254,32 @@
 				full.value = false;
 			}
 		};
-		const propse = {
-			label: 'depName',
-			children: 'children',
-			value:"depId"
-		};
 		const data = ref();
-		const nameC=ref()
-		const onUser = (e: any) => {
-			form.value.commitPersonId = e.uid;
-			nameC.value=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 options = ref([]);
 		return {
-			nameC,
+			options,
+			allList,
+			disabled,
+			makerName,
+			dutyName,
+			titles,
+			// handleClose,
 			form,
 			propse,
 			department,

--
Gitblit v1.9.2