|
|
@ -23,28 +23,21 @@
|
|
|
|
<el-input v-model="formData.name" class="!w-250px" placeholder="请输入部门名称" />
|
|
|
|
<el-input v-model="formData.name" class="!w-250px" placeholder="请输入部门名称" />
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="显示排序" prop="sort">
|
|
|
|
<el-form-item label="显示排序" prop="sort">
|
|
|
|
<el-input-number v-model="formData.sort" :min="0" controls-position="right" class="!w-250px" />
|
|
|
|
<el-input-number
|
|
|
|
|
|
|
|
v-model="formData.sort"
|
|
|
|
|
|
|
|
:min="0"
|
|
|
|
|
|
|
|
controls-position="right"
|
|
|
|
|
|
|
|
class="!w-250px"
|
|
|
|
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="负责人" prop="leaderUserId">
|
|
|
|
<el-form-item label="负责人" prop="leaderUserId">
|
|
|
|
<el-select v-model="formData.leaderUserId"
|
|
|
|
<UserSelect
|
|
|
|
placeholder="请输入负责人"
|
|
|
|
v-model="formData.leaderUserId"
|
|
|
|
:remote-method="remoteUserSearch"
|
|
|
|
:initialUserList="parentUserList"
|
|
|
|
remote-show-suffix
|
|
|
|
@update:valueName="onValueNameChange"
|
|
|
|
remote
|
|
|
|
/>
|
|
|
|
clearable
|
|
|
|
|
|
|
|
reserve-keyword
|
|
|
|
|
|
|
|
filterable
|
|
|
|
|
|
|
|
:loading="userSelectLoading"
|
|
|
|
|
|
|
|
>
|
|
|
|
|
|
|
|
<el-option
|
|
|
|
|
|
|
|
v-for="item in userSelectList"
|
|
|
|
|
|
|
|
:key="item.id"
|
|
|
|
|
|
|
|
:label="item.username + ' ' + item.nickname"
|
|
|
|
|
|
|
|
:value="item.id"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-select>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<!-- <el-form-item label="联系电话" prop="phone">
|
|
|
|
<!-- <el-form-item label="联系电话" prop="phone">
|
|
|
|
<el-input v-model="formData.phone" maxlength="11" placeholder="请输入联系电话" />
|
|
|
|
<el-input v-model="formData.phone" maxlength="11" placeholder="请输入联系电话" />
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="邮箱" prop="email">
|
|
|
|
<el-form-item label="邮箱" prop="email">
|
|
|
@ -75,6 +68,7 @@ import * as DeptApi from '@/api/system/dept'
|
|
|
|
import * as UserApi from '@/api/system/user'
|
|
|
|
import * as UserApi from '@/api/system/user'
|
|
|
|
import { CommonStatusEnum } from '@/utils/constants'
|
|
|
|
import { CommonStatusEnum } from '@/utils/constants'
|
|
|
|
import { FormRules } from 'element-plus'
|
|
|
|
import { FormRules } from 'element-plus'
|
|
|
|
|
|
|
|
import UserSelect from '../hlvuestyle/userSelect.vue'
|
|
|
|
|
|
|
|
|
|
|
|
defineOptions({ name: 'SystemDeptForm' })
|
|
|
|
defineOptions({ name: 'SystemDeptForm' })
|
|
|
|
|
|
|
|
|
|
|
@ -85,7 +79,7 @@ const dialogVisible = ref(false) // 弹窗的是否展示
|
|
|
|
const dialogTitle = ref('') // 弹窗的标题
|
|
|
|
const dialogTitle = ref('') // 弹窗的标题
|
|
|
|
const formLoading = ref(false) // 表单的加载中:1)修改时的数据加载;2)提交的按钮禁用
|
|
|
|
const formLoading = ref(false) // 表单的加载中:1)修改时的数据加载;2)提交的按钮禁用
|
|
|
|
const formType = ref('') // 表单的类型:create - 新增;update - 修改
|
|
|
|
const formType = ref('') // 表单的类型:create - 新增;update - 修改
|
|
|
|
const formData = ref({
|
|
|
|
const formData: any = ref({
|
|
|
|
id: undefined,
|
|
|
|
id: undefined,
|
|
|
|
title: '',
|
|
|
|
title: '',
|
|
|
|
parentId: undefined,
|
|
|
|
parentId: undefined,
|
|
|
@ -110,7 +104,7 @@ const formRef = ref() // 表单 Ref
|
|
|
|
const deptTree = ref() // 树形结构
|
|
|
|
const deptTree = ref() // 树形结构
|
|
|
|
const userList = ref<UserApi.UserVO[]>([]) // 用户列表
|
|
|
|
const userList = ref<UserApi.UserVO[]>([]) // 用户列表
|
|
|
|
const userSelectList = ref<UserApi.UserVO[]>([])
|
|
|
|
const userSelectList = ref<UserApi.UserVO[]>([])
|
|
|
|
const userSelectLoading = ref(false);
|
|
|
|
const userSelectLoading = ref(false)
|
|
|
|
|
|
|
|
|
|
|
|
const remoteUserSearch = (query: string) => {
|
|
|
|
const remoteUserSearch = (query: string) => {
|
|
|
|
if (query) {
|
|
|
|
if (query) {
|
|
|
@ -118,7 +112,10 @@ const remoteUserSearch = (query: string) => {
|
|
|
|
setTimeout(() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
userSelectLoading.value = false
|
|
|
|
userSelectLoading.value = false
|
|
|
|
userSelectList.value = userList.value.filter((item) => {
|
|
|
|
userSelectList.value = userList.value.filter((item) => {
|
|
|
|
return item.nickname.toLowerCase().includes(query.toLowerCase()) || item.username.toLowerCase().includes(query.toLowerCase())
|
|
|
|
return (
|
|
|
|
|
|
|
|
item.nickname.toLowerCase().includes(query.toLowerCase()) ||
|
|
|
|
|
|
|
|
item.username.toLowerCase().includes(query.toLowerCase())
|
|
|
|
|
|
|
|
)
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}, 200)
|
|
|
|
}, 200)
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
@ -145,11 +142,11 @@ const open = async (type: string, id?: number) => {
|
|
|
|
let userParams = {
|
|
|
|
let userParams = {
|
|
|
|
pageNo: 1,
|
|
|
|
pageNo: 1,
|
|
|
|
pageSize: 10,
|
|
|
|
pageSize: 10,
|
|
|
|
status: "0"
|
|
|
|
status: '0'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
const data = await UserApi.getUserPage(userParams)
|
|
|
|
const data = await UserApi.getUserPage(userParams)
|
|
|
|
userList.value = data.list;
|
|
|
|
userList.value = data.list
|
|
|
|
userSelectList.value = data.list;
|
|
|
|
userSelectList.value = data.list
|
|
|
|
// 获得部门树
|
|
|
|
// 获得部门树
|
|
|
|
await getTree()
|
|
|
|
await getTree()
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -205,4 +202,9 @@ const getTree = async () => {
|
|
|
|
dept.children = handleTree(data)
|
|
|
|
dept.children = handleTree(data)
|
|
|
|
deptTree.value.push(dept)
|
|
|
|
deptTree.value.push(dept)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const onValueNameChange = (newValue: number | null) => {
|
|
|
|
|
|
|
|
formData.value.leaderUserId = newValue
|
|
|
|
|
|
|
|
console.log(formData.value.leaderUserId)
|
|
|
|
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|