| | |
| | | type: Object, |
| | | default: () => ({}) |
| | | }, |
| | | departments: { |
| | | type: Array, |
| | | default: () => [] |
| | | }, |
| | | |
| | | departmentUsers: { |
| | | type: Object, |
| | | default: () => ({}) |
| | |
| | | children: 'children' // 对应子部门字段 |
| | | }); |
| | | // 获取树形数据 |
| | | const getDepartmentTree=() =>{ |
| | | const tenantId = '000000' |
| | | getDeptTree(tenantId).then(res => { |
| | | deptTreeData.value = res.data.data |
| | | console.log('部门树形',res.data.data); |
| | | |
| | | const getDepartmentTree=() =>{ |
| | | const tenantId = '000000' |
| | | getDeptTree(tenantId).then(res => { |
| | | deptTreeData.value = res.data.data |
| | | |
| | | }) |
| | | } |
| | | // 表单校验规则 |
| | |
| | | department: [{ required: true, message: '请选择部门', trigger: 'change' }], |
| | | handler: [{ required: true, message: '请选择处理人', trigger: 'change' }] |
| | | }); |
| | | |
| | | // 计算属性 - 对话框显示状态(双向绑定) |
| | | const dialogVisible = computed({ |
| | | get() { |
| | | return props.modelValue; |
| | |
| | | const availableHandlers = computed(() => { |
| | | return form.value.department ? props.departmentUsers[form.value.department] || [] : []; |
| | | }); |
| | | |
| | | // 监听 modelValue 变化,打开对话框时重置表单 |
| | | watch( |
| | | () => props.modelValue, |
| | | (newVal) => { |
| | |
| | | .full-width { |
| | | width: 100%; |
| | | } |
| | | .el-form { |
| | | margin-top: 20px;} |
| | | </style> |