新增：新增功能权限适配及校验

1.后端 API 注解鉴权使用方式：@SaCheckPermission("system:user:add")
2.前端全局指令函数使用方式：v-permission="['system:user:add']"
3.前端权限判断函数使用方式：checkPermission(['system:user:add'])

continew-admin-ui/src/views/system/dept/index.vue

@@ -42,10 +42,15 @@
           <a-row>
             <a-col :span="12">
               <a-space>
-                <a-button type="primary" @click="toAdd">
+                <a-button
+                  v-permission="['system:dept:add']"
+                  type="primary"
+                  @click="toAdd"
+                >
                   <template #icon><icon-plus /></template>新增
                 </a-button>
                 <a-button
+                  v-permission="['system:dept:update']"
                   type="primary"
                   status="success"
                   :disabled="single"
@@ -55,6 +60,7 @@
                   <template #icon><icon-edit /></template>修改
                 </a-button>
                 <a-button
+                  v-permission="['system:dept:delete']"
                   type="primary"
                   status="danger"
                   :disabled="multiple"
@@ -64,6 +70,7 @@
                   <template #icon><icon-delete /></template>删除
                 </a-button>
                 <a-button
+                  v-permission="['system:dept:export']"
                   :loading="exportLoading"
                   type="primary"
                   status="warning"
@@ -122,6 +129,7 @@
                 v-model="record.status"
                 :checked-value="1"
                 :unchecked-value="2"
+                :disabled="!checkPermission(['system:dept:update'])"
                 @change="handleChangeStatus(record)"
               />
             </template>
@@ -132,7 +140,7 @@
           <a-table-column title="操作" align="center">
             <template #cell="{ record }">
               <a-button
-                v-permission="['admin']"
+                v-permission="['system:dept:update']"
                 type="text"
                 size="small"
                 title="修改"
@@ -146,7 +154,7 @@
                 @ok="handleDelete([record.deptId])"
               >
                 <a-button
-                  v-permission="['admin']"
+                  v-permission="['system:dept:delete']"
                   type="text"
                   size="small"
                   title="删除"
@@ -293,6 +301,7 @@
     deleteDept,
   } from '@/api/system/dept';
   import { listDeptTree } from '@/api/common';
+  import checkPermission from '@/utils/permission';
 
   const { proxy } = getCurrentInstance() as any;
   const { DisEnableStatusEnum } = proxy.useDict('DisEnableStatusEnum');

continew-admin-ui/src/views/system/menu/index.vue

@@ -42,10 +42,15 @@
           <a-row>
             <a-col :span="12">
               <a-space>
-                <a-button type="primary" @click="toAdd">
+                <a-button
+                  v-permission="['system:menu:add']"
+                  type="primary"
+                  @click="toAdd"
+                >
                   <template #icon><icon-plus /></template>新增
                 </a-button>
                 <a-button
+                  v-permission="['system:menu:update']"
                   type="primary"
                   status="success"
                   :disabled="single"
@@ -55,6 +60,7 @@
                   <template #icon><icon-edit /></template>修改
                 </a-button>
                 <a-button
+                  v-permission="['system:menu:delete']"
                   type="primary"
                   status="danger"
                   :disabled="multiple"
@@ -64,6 +70,7 @@
                   <template #icon><icon-delete /></template>删除
                 </a-button>
                 <a-button
+                  v-permission="['system:menu:export']"
                   :loading="exportLoading"
                   type="primary"
                   status="warning"
@@ -122,6 +129,7 @@
                 v-model="record.status"
                 :checked-value="1"
                 :unchecked-value="2"
+                :disabled="!checkPermission(['system:menu:update'])"
                 @change="handleChangeStatus(record)"
               />
             </template>
@@ -148,7 +156,7 @@
           <a-table-column title="操作" align="center">
             <template #cell="{ record }">
               <a-button
-                v-permission="['admin']"
+                v-permission="['system:menu:update']"
                 type="text"
                 size="small"
                 title="修改"
@@ -162,7 +170,7 @@
                 @ok="handleDelete([record.menuId])"
               >
                 <a-button
-                  v-permission="['admin']"
+                  v-permission="['system:menu:delete']"
                   type="text"
                   size="small"
                   title="删除"
@@ -346,6 +354,7 @@
     deleteMenu,
   } from '@/api/system/menu';
   import { listMenuTree } from '@/api/common';
+  import checkPermission from '@/utils/permission';
 
   const { proxy } = getCurrentInstance() as any;
   const { DisEnableStatusEnum } = proxy.useDict('DisEnableStatusEnum');

continew-admin-ui/src/views/system/role/index.vue

@@ -42,10 +42,15 @@
           <a-row>
             <a-col :span="12">
               <a-space>
-                <a-button type="primary" @click="toAdd">
+                <a-button
+                  v-permission="['system:role:add']"
+                  type="primary"
+                  @click="toAdd"
+                >
                   <template #icon><icon-plus /></template>新增
                 </a-button>
                 <a-button
+                  v-permission="['system:role:update']"
                   type="primary"
                   status="success"
                   :disabled="single"
@@ -55,6 +60,7 @@
                   <template #icon><icon-edit /></template>修改
                 </a-button>
                 <a-button
+                  v-permission="['system:role:delete']"
                   type="primary"
                   status="danger"
                   :disabled="multiple"
@@ -64,6 +70,7 @@
                   <template #icon><icon-delete /></template>删除
                 </a-button>
                 <a-button
+                  v-permission="['system:role:export']"
                   :loading="exportLoading"
                   type="primary"
                   status="warning"
@@ -137,7 +144,7 @@
                 v-model="record.status"
                 :checked-value="1"
                 :unchecked-value="2"
-                :disabled="record.disabled"
+                :disabled="record.disabled || !checkPermission(['system:role:update'])"
                 @change="handleChangeStatus(record)"
               />
             </template>
@@ -148,7 +155,7 @@
           <a-table-column title="操作" align="center">
             <template #cell="{ record }">
               <a-button
-                v-permission="['admin']"
+                v-permission="['system:role:update']"
                 type="text"
                 size="small"
                 title="修改"
@@ -163,7 +170,7 @@
                 @ok="handleDelete([record.roleId])"
               >
                 <a-button
-                  v-permission="['admin']"
+                  v-permission="['system:role:delete']"
                   type="text"
                   size="small"
                   title="删除"
@@ -389,9 +396,13 @@
     deleteRole,
   } from '@/api/system/role';
   import { listMenuTree, listDeptTree } from '@/api/common';
+  import checkPermission from '@/utils/permission';
 
   const { proxy } = getCurrentInstance() as any;
-  const { DataScopeEnum, DisEnableStatusEnum } = proxy.useDict('DataScopeEnum', 'DisEnableStatusEnum');
+  const { DataScopeEnum, DisEnableStatusEnum } = proxy.useDict(
+    'DataScopeEnum',
+    'DisEnableStatusEnum'
+  );
 
   const roleList = ref<RoleRecord[]>([]);
   const role = ref<RoleRecord>({
@@ -572,7 +583,9 @@
 
     // 获取半选中的菜单
     const halfCheckedNodes = proxy.$refs.menuRef.getHalfCheckedNodes();
-    const halfCheckedKeys = halfCheckedNodes.map((item: TreeNodeData) => item.key);
+    const halfCheckedKeys = halfCheckedNodes.map(
+      (item: TreeNodeData) => item.key
+    );
     // eslint-disable-next-line prefer-spread
     checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);
     return checkedKeys;
@@ -582,13 +595,18 @@
    * 获取所有选中的部门
    */
   const getDeptAllCheckedKeys = () => {
+    if (!proxy.$refs.deptRef) {
+      return [];
+    }
     // 获取目前被选中的部门
     const checkedNodes = proxy.$refs.deptRef.getCheckedNodes();
     const checkedKeys = checkedNodes.map((item: TreeNodeData) => item.key);
 
     // 获取半选中的部门
     const halfCheckedNodes = proxy.$refs.deptRef.getHalfCheckedNodes();
-    const halfCheckedKeys = halfCheckedNodes.map((item: TreeNodeData) => item.key);
+    const halfCheckedKeys = halfCheckedNodes.map(
+      (item: TreeNodeData) => item.key
+    );
     // eslint-disable-next-line prefer-spread
     checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);
     return checkedKeys;

continew-admin-ui/src/views/system/user/index.vue

@@ -62,10 +62,15 @@
               <a-row>
                 <a-col :span="12">
                   <a-space>
-                    <a-button type="primary" @click="toAdd">
+                    <a-button
+                      v-permission="['system:user:add']"
+                      type="primary"
+                      @click="toAdd"
+                    >
                       <template #icon><icon-plus /></template>新增
                     </a-button>
                     <a-button
+                      v-permission="['system:user:update']"
                       type="primary"
                       status="success"
                       :disabled="single"
@@ -75,6 +80,7 @@
                       <template #icon><icon-edit /></template>修改
                     </a-button>
                     <a-button
+                      v-permission="['system:user:delete']"
                       type="primary"
                       status="danger"
                       :disabled="multiple"
@@ -84,6 +90,7 @@
                       <template #icon><icon-delete /></template>删除
                     </a-button>
                     <a-button
+                      v-permission="['system:user:export']"
                       :loading="exportLoading"
                       type="primary"
                       status="warning"
@@ -166,7 +173,7 @@
                     v-model="record.status"
                     :checked-value="1"
                     :unchecked-value="2"
-                    :disabled="record.disabled"
+                    :disabled="record.disabled || !checkPermission(['system:user:update'])"
                     @change="handleChangeStatus(record)"
                   />
                 </template>
@@ -186,7 +193,7 @@
               >
                 <template #cell="{ record }">
                   <a-button
-                    v-permission="['admin']"
+                    v-permission="['system:user:update']"
                     type="text"
                     size="small"
                     title="修改"
@@ -200,7 +207,7 @@
                     @ok="handleDelete([record.userId])"
                   >
                     <a-button
-                      v-permission="['admin']"
+                      v-permission="['system:user:delete']"
                       type="text"
                       size="small"
                       title="删除"
@@ -215,7 +222,7 @@
                     @ok="handleResetPassword(record.userId)"
                   >
                     <a-button
-                      v-permission="['admin']"
+                      v-permission="['system:user:password:reset']"
                       type="text"
                       size="small"
                       title="重置密码"
@@ -224,7 +231,7 @@
                     </a-button>
                   </a-popconfirm>
                   <a-button
-                    v-permission="['admin']"
+                    v-permission="['system:user:role:update']"
                     type="text"
                     size="small"
                     title="分配角色"
@@ -475,6 +482,7 @@
   import { listDeptTree, listRoleDict } from '@/api/common';
   import { LabelValueState } from '@/store/modules/dict/types';
   import getAvatar from '@/utils/avatar';
+  import checkPermission from '@/utils/permission';
 
   const { proxy } = getCurrentInstance() as any;
   const { DisEnableStatusEnum } = proxy.useDict('DisEnableStatusEnum');