|
|
|
@ -7,21 +7,18 @@
|
|
|
|
|
:rules="formRules"
|
|
|
|
|
label-width="108px"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item label="上级部门" prop="parentId">
|
|
|
|
|
<BranchSelect
|
|
|
|
|
v-model="formData.parentId"
|
|
|
|
|
/>
|
|
|
|
|
<el-form-item label="上级部门" prop="parentId">
|
|
|
|
|
<BranchSelect v-model="formData.parentId" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
|
|
<el-form-item label="负责人" prop="leaderUserId">
|
|
|
|
|
<UserSelect
|
|
|
|
|
v-model="formData.leaderUserId"
|
|
|
|
|
/>
|
|
|
|
|
<UserSelect v-model="formData.leaderUserId" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="客户" prop="leaderUserId">
|
|
|
|
|
<ClientSelect
|
|
|
|
|
v-model="formData.clientId"
|
|
|
|
|
/>
|
|
|
|
|
<el-form-item label="客户" prop="clientId">
|
|
|
|
|
<ClientSelect v-model="formData.clientId" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="供应商" prop="supplierId">
|
|
|
|
|
<SupplierSelect v-model="formData.supplierId" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<template #footer>
|
|
|
|
@ -40,6 +37,7 @@ import { FormRules } from 'element-plus'
|
|
|
|
|
import UserSelect from '../hlvuestyle/userSelect.vue'
|
|
|
|
|
import BranchSelect from '../hlvuestyle/branchSelect.vue'
|
|
|
|
|
import ClientSelect from '../hlvuestyle/clientSelect.vue'
|
|
|
|
|
import SupplierSelect from '../hlvuestyle/supplierSelect.vue'
|
|
|
|
|
|
|
|
|
|
defineOptions({ name: 'SystemDeptForm' })
|
|
|
|
|
|
|
|
|
@ -54,11 +52,12 @@ const formData: any = ref({
|
|
|
|
|
id: undefined,
|
|
|
|
|
parentId: undefined,
|
|
|
|
|
leaderUserId: undefined,
|
|
|
|
|
clientId:undefined,
|
|
|
|
|
clientId: undefined,
|
|
|
|
|
supplierId: undefined,
|
|
|
|
|
status: CommonStatusEnum.ENABLE
|
|
|
|
|
})
|
|
|
|
|
const formRules = reactive<FormRules>({
|
|
|
|
|
parentId: [{ required: true, message: '上级部门不能为空', trigger: 'blur' }],
|
|
|
|
|
parentId: [{ required: true, message: '上级部门不能为空', trigger: 'blur' }]
|
|
|
|
|
})
|
|
|
|
|
const formRef = ref() // 表单 Ref
|
|
|
|
|
const deptTree = ref() // 树形结构
|
|
|
|
@ -66,7 +65,6 @@ const userList = ref<UserApi.UserVO[]>([]) // 用户列表
|
|
|
|
|
const userSelectList = ref<UserApi.UserVO[]>([])
|
|
|
|
|
const userSelectLoading = ref(false)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/** 打开弹窗 */
|
|
|
|
|
const open = async (type: string, id?: number) => {
|
|
|
|
|
dialogVisible.value = true
|
|
|
|
@ -109,6 +107,8 @@ const resetForm = () => {
|
|
|
|
|
id: undefined,
|
|
|
|
|
parentId: undefined,
|
|
|
|
|
leaderUserId: undefined,
|
|
|
|
|
clientId: undefined,
|
|
|
|
|
supplierId: undefined,
|
|
|
|
|
status: CommonStatusEnum.ENABLE
|
|
|
|
|
}
|
|
|
|
|
formRef.value?.resetFields()
|
|
|
|
@ -122,5 +122,4 @@ const getTree = async () => {
|
|
|
|
|
dept.children = handleTree(data)
|
|
|
|
|
deptTree.value.push(dept)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|