feat: 完成系统管理模块功能迭代

新增用户、菜单、日志、问题帮助等业务模块，优化角色权限分配功能，新增依赖包与全局组件

src/views/system-administration/user-management/role/components/PermDrawer/index.vue

@@ -14,10 +14,11 @@
         node-key="menu_id"
         :data="treeData"
         :props="{ label: 'name', children: 'children' }"
-        :default-expand-all="false"
-        :expand-on-click-node="false"
-        :check-strictly="true"
+        :default-expand-all="true"
+        :expand-on-click-node="true"
+        :default-checked-keys="checkedMenuIds"
         show-checkbox
+        :draggable="true"
         @check="onTreeCheck"
       >
         <span slot-scope="{ node, data }" class="perm-drawer__tree-node">
@@ -46,14 +47,14 @@
 import { i18nMixin } from '@/composables/useI18n'
 import util from '@/libs/util'
 import { getMenuAll } from '@/api/menu'
-import { giveRoleMenu, getRoleMenu } from '@/api/system-administration/role'
+import { giveRoleMenu } from '@/api/system-administration/role'
 
 export default {
   name: 'RolePermDrawer',
   mixins: [i18nMixin('page.system_administration.user_management.role')],
   props: {
     visible: { type: Boolean, default: false },
-    roleId: { type: Number, default: 0 },
+    role: { type: Object, default: () => ({}) },
     title: { type: String, default: '' },
     confirmText: { type: String, default: '' },
     cancelText: { type: String, default: '' },
@@ -84,18 +85,15 @@ export default {
       this.treeReady = false
       this.treeLoading = true
       try {
-        const [menuRes, roleMenuRes] = await Promise.all([
-          getMenuAll()
-        ])
+        const menuRes = await getMenuAll()
         const menuData = Array.isArray(menuRes) ? menuRes : (menuRes.data || [])
-        const roleData = Array.isArray(roleMenuRes) ? roleMenuRes : (roleMenuRes.data || [])
-        this.checkedMenuIds = roleData.map(item => item.menu_id)
+        this.checkedMenuIds = JSON.parse(this.role.menu_admin || '[]')
         this.treeData = util.formatDataToTree(menuData)
         this.treeReady = true
-        await this.$nextTick()
-        await new Promise(resolve => setTimeout(resolve, 50))
-        this.$refs.permTree.setCheckedKeys(this.checkedMenuIds)
-      } finally {
+        setTimeout(() => {
+          this.treeLoading = false
+        }, 1000)
+      } catch {
         this.treeLoading = false
       }
     },
@@ -112,7 +110,7 @@ export default {
       this.submitting = true
       try {
         const menuIds = this.$refs.permTree.getCheckedKeys()
-        await giveRoleMenu({ role_id: this.roleId, role_menu: menuIds })
+        await giveRoleMenu({ role_id: this.role.id, role_menu: menuIds })
         this.$message.success(this.$t(this.key('operation_success')))
         this.visibleProxy = false
         this.$emit('saved')