| | |
| | | <template> |
| | | <el-dialog v-model="dialogVisible" :fullscreen="full" title="新建目标指标分解" width="50%" draggable> |
| | | <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="dutyDepartmentId" size="default"> |
| | |
| | | .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(); |
| | | |
| | | }); |
| | | const disabled=ref(false) |
| | | // 开启弹窗 |
| | | const dialogVisible = ref(false); |
| | | const openDailog = () => { |
| | | const openDailog = (title:string,data:any) => { |
| | | department(); |
| | | if(title=='查看'){ |
| | | disabled.value=true |
| | | form.value=data |
| | | }else if(title=='修改'){ |
| | | disabled.value=true |
| | | disabled.value=false |
| | | }else{ |
| | | disabled.value=false |
| | | } |
| | | dialogVisible.value = true; |
| | | }; |
| | | // 开启用户弹窗 |
| | |
| | | full.value = false; |
| | | } |
| | | }; |
| | | const propse = { |
| | | label: 'depName', |
| | | children: 'children', |
| | | value:"depId" |
| | | }; |
| | | const data = ref(); |
| | | const nameC=ref() |
| | | const onUser = (e: any) => { |
| | |
| | | nameC.value=e.realName |
| | | }; |
| | | return { |
| | | disabled, |
| | | nameC, |
| | | form, |
| | | propse, |