From cc844b6b7c6a012ac41237c58cb598886694c6a6 Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: 星期一, 25 四月 2022 10:28:40 +0800
Subject: [PATCH] 修改树形选择器组件
---
src/views/system/menu/index.vue | 18 ++++++++++--------
src/views/system/user/index.vue | 10 ++++++----
src/views/system/dept/index.vue | 18 ++++++++++--------
3 files changed, 26 insertions(+), 20 deletions(-)
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 090384e..7df4b61 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -97,11 +97,13 @@
<el-row>
<el-col :span="24" v-if="form.parentId !== 0">
<el-form-item label="涓婄骇閮ㄩ棬" prop="parentId">
- <tree-select
- v-model:value="form.parentId"
- :options="deptOptions"
- :objMap="{ value: 'deptId', label: 'deptName', children: 'children' }"
+ <el-tree-select
+ v-model="form.parentId"
+ :data="deptOptions"
+ :props="{ value: 'deptId', label: 'deptName', children: 'children' }"
+ value-key="deptId"
placeholder="閫夋嫨涓婄骇閮ㄩ棬"
+ check-strictly
/>
</el-form-item>
</el-col>
@@ -222,9 +224,9 @@
handleQuery();
}
/** 鏂板鎸夐挳鎿嶄綔 */
-async function handleAdd(row) {
+function handleAdd(row) {
reset();
- await listDept().then(response => {
+ listDept().then(response => {
deptOptions.value = proxy.handleTree(response.data, "deptId");
});
if (row != undefined) {
@@ -242,9 +244,9 @@
});
}
/** 淇敼鎸夐挳鎿嶄綔 */
-async function handleUpdate(row) {
+function handleUpdate(row) {
reset();
- await listDeptExcludeChild(row.deptId).then(response => {
+ listDeptExcludeChild(row.deptId).then(response => {
deptOptions.value = proxy.handleTree(response.data, "deptId");
});
getDept(row.deptId).then(response => {
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index c7362a6..6ead733 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -103,11 +103,13 @@
<el-row>
<el-col :span="24">
<el-form-item label="涓婄骇鑿滃崟">
- <tree-select
- v-model:value="form.parentId"
- :options="menuOptions"
- :objMap="{ value: 'menuId', label: 'menuName', children: 'children' }"
+ <el-tree-select
+ v-model="form.parentId"
+ :data="menuOptions"
+ :props="{ value: 'menuId', label: 'menuName', children: 'children' }"
+ value-key="menuId"
placeholder="閫夋嫨涓婄骇鑿滃崟"
+ check-strictly
/>
</el-form-item>
</el-col>
@@ -332,9 +334,9 @@
});
}
/** 鏌ヨ鑿滃崟涓嬫媺鏍戠粨鏋� */
-async function getTreeselect() {
+function getTreeselect() {
menuOptions.value = [];
- await listMenu().then(response => {
+ listMenu().then(response => {
const menu = { menuId: 0, menuName: "涓荤被鐩�", children: [] };
menu.children = proxy.handleTree(response.data, "menuId");
menuOptions.value.push(menu);
@@ -386,9 +388,9 @@
handleQuery();
}
/** 鏂板鎸夐挳鎿嶄綔 */
-async function handleAdd(row) {
+function handleAdd(row) {
reset();
- await getTreeselect();
+ getTreeselect();
if (row != null && row.menuId) {
form.value.parentId = row.menuId;
} else {
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index e5616f0..491ba1a 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -207,11 +207,13 @@
</el-col>
<el-col :span="12">
<el-form-item label="褰掑睘閮ㄩ棬" prop="deptId">
- <tree-select
- v-model:value="form.deptId"
- :options="deptOptions"
+ <el-tree-select
+ v-model="form.deptId"
+ :data="deptOptions"
+ :props="{ value: 'id', label: 'label', children: 'children' }"
+ value-key="id"
placeholder="璇烽�夋嫨褰掑睘閮ㄩ棬"
- :objMap="{ value: 'id', label: 'label', children: 'children' }"
+ check-strictly
/>
</el-form-item>
</el-col>
--
Gitblit v1.9.3