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 | 71 ++++++++++++++++++++++++++++++----- 1 files changed, 60 insertions(+), 11 deletions(-) diff --git a/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue b/src/views/goalManagement/targetDecompositionYear/component/DailogAdd.vue index 6041772..52680b0 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.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="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 = () => { @@ -115,6 +131,7 @@ }; onMounted(() => { department(); + allList() }); const disabled = ref(false); // 开启弹窗 @@ -133,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, @@ -214,10 +255,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 +271,10 @@ const dutyName = (data: any) => { form.value.dutyDepartmentName = data.depName; }; + const options = ref([]); return { + options, + allList, disabled, makerName, dutyName, -- Gitblit v1.9.2