部门改造
This commit is contained in:
parent
60530ec934
commit
e43a0e6984
2
.env
2
.env
@ -1,5 +1,5 @@
|
|||||||
# 标题
|
# 标题
|
||||||
VITE_APP_TITLE=宜家智居
|
VITE_APP_TITLE=全智安后台系统
|
||||||
|
|
||||||
# 项目本地运行端口号
|
# 项目本地运行端口号
|
||||||
VITE_PORT=8080
|
VITE_PORT=8080
|
||||||
|
|||||||
@ -7,19 +7,28 @@
|
|||||||
:rules="formRules"
|
:rules="formRules"
|
||||||
label-width="80px"
|
label-width="80px"
|
||||||
>
|
>
|
||||||
<el-form-item label="上级部门" prop="parentId">
|
<el-form-item label="上级机构" prop="parentId" v-if="false">
|
||||||
<el-tree-select
|
<el-tree-select
|
||||||
v-model="formData.parentId"
|
v-model="formData.parentId"
|
||||||
:data="deptTree"
|
:data="deptTree"
|
||||||
:props="defaultProps"
|
:props="defaultProps"
|
||||||
check-strictly
|
check-strictly
|
||||||
default-expand-all
|
default-expand-all
|
||||||
placeholder="请选择上级部门"
|
placeholder="请选择上级机构"
|
||||||
value-key="deptId"
|
value-key="deptId"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="部门名称" prop="name">
|
<el-form-item label="机构ID" prop="orgid">
|
||||||
<el-input v-model="formData.name" placeholder="请输入部门名称" />
|
<div class="flex items-center">
|
||||||
|
<el-input v-model="formData.orgid" placeholder="请输入机构ID" class="mr-2" />
|
||||||
|
<el-button type="primary" @click="checkOrgId">查询</el-button>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="机构名称" prop="name">
|
||||||
|
<el-input v-model="formData.name" placeholder="请输入机构名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="机构地址" prop="orgaddress">
|
||||||
|
<el-input v-model="formData.orgaddress" 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" />
|
<el-input-number v-model="formData.sort" :min="0" controls-position="right" />
|
||||||
@ -77,8 +86,10 @@ const formType = ref('') // 表单的类型:create - 新增;update - 修改
|
|||||||
const formData = ref({
|
const formData = ref({
|
||||||
id: undefined,
|
id: undefined,
|
||||||
title: '',
|
title: '',
|
||||||
parentId: undefined,
|
parentId: 0,
|
||||||
|
orgid: undefined,
|
||||||
name: undefined,
|
name: undefined,
|
||||||
|
orgaddress: undefined,
|
||||||
sort: undefined,
|
sort: undefined,
|
||||||
leaderUserId: undefined,
|
leaderUserId: undefined,
|
||||||
phone: undefined,
|
phone: undefined,
|
||||||
@ -86,8 +97,9 @@ const formData = ref({
|
|||||||
status: CommonStatusEnum.ENABLE
|
status: CommonStatusEnum.ENABLE
|
||||||
})
|
})
|
||||||
const formRules = reactive<FormRules>({
|
const formRules = reactive<FormRules>({
|
||||||
parentId: [{ required: true, message: '上级部门不能为空', trigger: 'blur' }],
|
orgid: [{ required: true, message: '机构ID不能为空', trigger: 'blur' }],
|
||||||
name: [{ required: true, message: '部门名称不能为空', trigger: 'blur' }],
|
name: [{ required: true, message: '机构名称不能为空', trigger: 'blur' }],
|
||||||
|
orgaddress: [{ required: true, message: '机构地址不能为空', trigger: 'blur' }],
|
||||||
sort: [{ required: true, message: '显示排序不能为空', trigger: 'blur' }],
|
sort: [{ required: true, message: '显示排序不能为空', trigger: 'blur' }],
|
||||||
email: [{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
|
email: [{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
|
||||||
phone: [
|
phone: [
|
||||||
@ -152,8 +164,10 @@ const resetForm = () => {
|
|||||||
formData.value = {
|
formData.value = {
|
||||||
id: undefined,
|
id: undefined,
|
||||||
title: '',
|
title: '',
|
||||||
parentId: undefined,
|
parentId: 0,
|
||||||
|
orgid: undefined,
|
||||||
name: undefined,
|
name: undefined,
|
||||||
|
orgaddress: undefined,
|
||||||
sort: undefined,
|
sort: undefined,
|
||||||
leaderUserId: undefined,
|
leaderUserId: undefined,
|
||||||
phone: undefined,
|
phone: undefined,
|
||||||
@ -167,8 +181,14 @@ const resetForm = () => {
|
|||||||
const getTree = async () => {
|
const getTree = async () => {
|
||||||
deptTree.value = []
|
deptTree.value = []
|
||||||
const data = await DeptApi.getSimpleDeptList()
|
const data = await DeptApi.getSimpleDeptList()
|
||||||
let dept: Tree = { id: 0, name: '顶级部门', children: [] }
|
let dept: Tree = { id: 0, name: '顶级机构', children: [] }
|
||||||
dept.children = handleTree(data)
|
dept.children = handleTree(data)
|
||||||
deptTree.value.push(dept)
|
deptTree.value.push(dept)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 检查机构ID */
|
||||||
|
const checkOrgId = () => {
|
||||||
|
// TODO: 实现机构ID检查逻辑
|
||||||
|
console.log('检查机构ID:', formData.value.orgid)
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -8,19 +8,19 @@
|
|||||||
:inline="true"
|
:inline="true"
|
||||||
label-width="68px"
|
label-width="68px"
|
||||||
>
|
>
|
||||||
<el-form-item label="部门名称" prop="name">
|
<el-form-item label="机构名称" prop="name">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="queryParams.name"
|
v-model="queryParams.name"
|
||||||
placeholder="请输入部门名称"
|
placeholder="请输入机构名称"
|
||||||
clearable
|
clearable
|
||||||
@keyup.enter="handleQuery"
|
@keyup.enter="handleQuery"
|
||||||
class="!w-240px"
|
class="!w-240px"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="部门状态" prop="status">
|
<el-form-item label="机构状态" prop="status">
|
||||||
<el-select
|
<el-select
|
||||||
v-model="queryParams.status"
|
v-model="queryParams.status"
|
||||||
placeholder="请选择部门状态"
|
placeholder="请选择机构状态"
|
||||||
clearable
|
clearable
|
||||||
class="!w-240px"
|
class="!w-240px"
|
||||||
>
|
>
|
||||||
@ -59,7 +59,7 @@
|
|||||||
:default-expand-all="isExpandAll"
|
:default-expand-all="isExpandAll"
|
||||||
v-if="refreshTable"
|
v-if="refreshTable"
|
||||||
>
|
>
|
||||||
<el-table-column prop="name" label="部门名称" />
|
<el-table-column prop="name" label="机构名称" />
|
||||||
<el-table-column prop="leader" label="负责人">
|
<el-table-column prop="leader" label="负责人">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
{{ userList.find((user) => user.id === scope.row.leaderUserId)?.nickname }}
|
{{ userList.find((user) => user.id === scope.row.leaderUserId)?.nickname }}
|
||||||
@ -130,7 +130,7 @@ const isExpandAll = ref(true) // 是否展开,默认全部展开
|
|||||||
const refreshTable = ref(true) // 重新渲染表格状态
|
const refreshTable = ref(true) // 重新渲染表格状态
|
||||||
const userList = ref<UserApi.UserVO[]>([]) // 用户列表
|
const userList = ref<UserApi.UserVO[]>([]) // 用户列表
|
||||||
|
|
||||||
/** 查询部门列表 */
|
/** 查询机构列表 */
|
||||||
const getList = async () => {
|
const getList = async () => {
|
||||||
loading.value = true
|
loading.value = true
|
||||||
try {
|
try {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user