From 98ff0df343bd4e5d2d5e138a02c6db2b7fa9696b Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 27 Jan 2026 10:23:03 +0800
Subject: [PATCH] feat:角色权限弹窗配置页面，调整
---
applications/drone-command/src/views/permissionManage/permissionRole/RolePermissionDialog.vue | 71 ++++++-----------------------------
1 files changed, 12 insertions(+), 59 deletions(-)
diff --git a/applications/drone-command/src/views/permissionManage/permissionRole/RolePermissionDialog.vue b/applications/drone-command/src/views/permissionManage/permissionRole/RolePermissionDialog.vue
index c909480..37c6736 100644
--- a/applications/drone-command/src/views/permissionManage/permissionRole/RolePermissionDialog.vue
+++ b/applications/drone-command/src/views/permissionManage/permissionRole/RolePermissionDialog.vue
@@ -1,45 +1,17 @@
<template>
<el-dialog
+ class="command-page-view-dialog"
v-model="visible"
title="角色权限配置"
- width="620px"
append-to-body
:close-on-click-modal="false"
+ destroy-on-close
@closed="handleClosed"
>
<el-tabs type="border-card">
- <el-tab-pane label="后台管理">
- <el-tree
- ref="treeMenu"
- :data="menuGrantList"
- show-checkbox
- node-key="id"
- :default-checked-keys="menuTreeObj"
- :props="treeProps"
- />
- </el-tab-pane>
- <el-tab-pane label="移动app">
- <el-tree
- ref="treeMenuApp"
- :data="menuGrantListApp"
- show-checkbox
- node-key="id"
- :default-checked-keys="menuTreeObjApp"
- :props="treeProps"
- />
- </el-tab-pane>
- <el-tab-pane label="新大屏菜单">
- <el-tree
- ref="treeMenuWebNew"
- :data="menuGrantListNew"
- show-checkbox
- node-key="id"
- :default-checked-keys="menuTreeObjNew"
- :props="treeProps"
- />
- </el-tab-pane>
<el-tab-pane label="无人机管控">
<el-tree
+ class="command-tree"
ref="droneControl"
:data="menuGrantListDroneControl"
show-checkbox
@@ -50,6 +22,7 @@
</el-tab-pane>
<el-tab-pane label="任务工单">
<el-tree
+ class="command-tree"
ref="workRef"
:data="menuGrantListWord"
show-checkbox
@@ -58,20 +31,21 @@
:props="treeProps"
/>
</el-tab-pane>
- <el-tab-pane label="大屏菜单">
+ <el-tab-pane label="移动app">
<el-tree
- ref="treeMenuWebOld"
- :data="menuGrantListOld"
+ class="command-tree"
+ ref="treeMenuApp"
+ :data="menuGrantListApp"
show-checkbox
node-key="id"
- :default-checked-keys="menuTreeObjOld"
+ :default-checked-keys="menuTreeObjApp"
:props="treeProps"
/>
</el-tab-pane>
</el-tabs>
<template #footer>
- <el-button @click="visible = false">取 消</el-button>
- <el-button type="primary" @click="submit">确 定</el-button>
+ <el-button color="#2B2B4C" @click="visible = false">取消</el-button>
+ <el-button color="#284FE3" type="primary" @click="submit">确定</el-button>
</template>
</el-dialog>
</template>
@@ -88,23 +62,14 @@
label: 'title',
value: 'key',
}
-const menuGrantList = ref([])
const menuGrantListApp = ref([])
-const menuGrantListOld = ref([])
-const menuGrantListNew = ref([])
const menuGrantListDroneControl = ref([])
const menuGrantListWord = ref([])
-const menuTreeObj = ref([])
const menuTreeObjApp = ref([])
-const menuTreeObjOld = ref([])
-const menuTreeObjNew = ref([])
const droneControlMenuTreeObj = ref([])
const menuTreeObjWork = ref([])
-const treeMenu = ref(null)
const treeMenuApp = ref(null)
-const treeMenuWebOld = ref(null)
-const treeMenuWebNew = ref(null)
const workRef = ref(null)
const droneControl = ref(null)
@@ -112,16 +77,10 @@
const route = useRoute()
function resetState() {
- menuGrantList.value = []
menuGrantListApp.value = []
- menuGrantListOld.value = []
- menuGrantListNew.value = []
menuGrantListDroneControl.value = []
menuGrantListWord.value = []
- menuTreeObj.value = []
menuTreeObjApp.value = []
- menuTreeObjOld.value = []
- menuTreeObjNew.value = []
droneControlMenuTreeObj.value = []
menuTreeObjWork.value = []
}
@@ -138,25 +97,19 @@
visible.value = true
resetState()
await Promise.all([
- loadGrantTree(1, menuGrantList, menuTreeObj),
loadGrantTree(3, menuGrantListApp, menuTreeObjApp),
- loadGrantTree(4, menuGrantListNew, menuTreeObjNew),
loadGrantTree(5, menuGrantListDroneControl, droneControlMenuTreeObj),
loadGrantTree(6, menuGrantListWord, menuTreeObjWork),
- loadGrantTree(2, menuGrantListOld, menuTreeObjOld),
])
}
function submit() {
- const menuList = treeMenu.value?.getCheckedKeys?.() ?? []
const menuListApp = treeMenuApp.value?.getCheckedKeys?.() ?? []
- const menuListWebNew = treeMenuWebNew.value?.getCheckedKeys?.() ?? []
const menuListWebWork = workRef.value?.getCheckedKeys?.() ?? []
const menuListDroneControl = droneControl.value?.getCheckedKeys?.() ?? []
- const menuListWebOld = treeMenuWebOld.value?.getCheckedKeys?.() ?? []
grant(
[roleId.value],
- [...menuList, ...menuListApp, ...menuListWebNew, ...menuListDroneControl, ...menuListWebOld, ...menuListWebWork],
+ [...menuListApp, ...menuListDroneControl, ...menuListWebWork],
[],
[]
).then(() => {
--
Gitblit v1.9.3