Optimized RoleManagement, GroupManagement and UserManagement

ui/src/constants/Common.constants.ts

@@ -29,6 +29,7 @@ const DATABASE_UPDATE_ERROR = 20033
 const DATABASE_DELETE_ERROR = 20034
 const DATABASE_TIMEOUT_ERROR = 20035
 const DATABASE_CONNECT_ERROR = 20036
+const DATABASE_DATA_TO_LONG = 20037
 
 const UNAUTHORIZED = 30010
 const ACCESS_DENIED = 30030
@@ -67,6 +68,7 @@ export {
     DATABASE_DELETE_ERROR,
     DATABASE_TIMEOUT_ERROR,
     DATABASE_CONNECT_ERROR,
+    DATABASE_DATA_TO_LONG,
     UNAUTHORIZED,
     ACCESS_DENIED,
     USER_DISABLE,

ui/src/pages/power/GroupManagement.vue

@@ -37,7 +37,12 @@
                 :model="groupForm"
             >
                 <el-form-item label="用户组名称" prop="inputGroupName">
-                    <el-input autocomplete="off" v-model="groupForm.inputGroupName" />
+                    <el-input
+                        autocomplete="off"
+                        v-model="groupForm.inputGroupName"
+                        maxlength="30"
+                        placeholder="请输入名称"
+                    />
                 </el-form-item>
                 <el-form-item label="用户组角色">
                     <el-select v-model="groupForm.selectedRoles" multiple style="width: 100%">

ui/src/pages/power/RoleManagement.vue

@@ -38,7 +38,12 @@
                     :model="roleForm"
                 >
                     <el-form-item label="角色名称" prop="inputRoleName">
-                        <el-input autocomplete="off" v-model="roleForm.inputRoleName" />
+                        <el-input
+                            autocomplete="off"
+                            v-model="roleForm.inputRoleName"
+                            maxlength="20"
+                            placeholder="请输入名称"
+                        />
                     </el-form-item>
                     <el-form-item label="角色权限">
                         <el-tree

ui/src/pages/power/UserManagement.vue

@@ -42,6 +42,7 @@
                         autocomplete="off"
                         v-model="userForm.inputUsername"
                         placeholder="请输入用户名"
+                        maxlength="20"
                     />
                 </el-form-item>
                 <el-form-item label="密码" prop="inputPassword" :required="isAddNew">

ui/src/services/index.ts

@@ -3,6 +3,7 @@ import { clearLocalStorage, getToken } from '@/utils/common'
 import router from '@/router'
 import {
     ACCESS_DENIED,
+    DATABASE_DATA_TO_LONG,
     TOKEN_HAS_EXPIRED,
     TOKEN_IS_ILLEGAL,
     UNAUTHORIZED
@@ -49,6 +50,12 @@ service.interceptors.response.use(
                     message: '<strong>暂无权限操作</strong>'
                 })
                 return await Promise.reject(response?.data)
+            case DATABASE_DATA_TO_LONG:
+                ElMessage.error({
+                    dangerouslyUseHTMLString: true,
+                    message: '<strong>数据过长</strong>'
+                })
+                return await Promise.reject(response?.data)
         }
         return response
     },