Optimized RoleManagement, GroupManagement and UserManagement

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">