Optimized power management

ui/src/pages/power/GroupManagement.vue

@@ -42,6 +42,7 @@
                         v-model="groupForm.inputGroupName"
                         maxlength="30"
                         placeholder="请输入名称"
+                        show-word-limit
                     />
                 </el-form-item>
                 <el-form-item label="用户组角色">
@@ -70,7 +71,7 @@
             <el-button type="primary" @click="handleSubmit" :disabled="dialogLoading"
                 >提交</el-button
             >
-            <el-button @click="handleCancel">取消</el-button>
+            <el-button @click="handleCancel" :disabled="dialogLoading">取消</el-button>
         </template>
     </el-dialog>
 </template>
@@ -107,10 +108,6 @@ export default {
                     {
                         required: true,
                         message: '用户组名称为必填项'
-                    },
-                    {
-                        max: 30,
-                        message: '用户组不能大于30个字符'
                     }
                 ]
             }

ui/src/pages/power/RoleManagement.vue

@@ -43,6 +43,7 @@
                             v-model="roleForm.inputRoleName"
                             maxlength="20"
                             placeholder="请输入名称"
+                            show-word-limit
                         />
                     </el-form-item>
                     <el-form-item label="角色权限">
@@ -74,7 +75,7 @@
             <el-button type="primary" @click="handleSubmit" :disabled="dialogLoading"
                 >提交</el-button
             >
-            <el-button @click="handleCancel">取消</el-button>
+            <el-button @click="handleCancel" :disabled="dialogLoading">取消</el-button>
         </template>
     </el-dialog>
 </template>
@@ -117,10 +118,6 @@ export default {
                     {
                         required: true,
                         message: '角色名称为必填项'
-                    },
-                    {
-                        max: 20,
-                        message: '角色名称不能大于20个字符'
                     }
                 ]
             }

ui/src/pages/power/UserManagement.vue

@@ -44,6 +44,7 @@
                         placeholder="请输入用户名"
                         minlength="3"
                         maxlength="20"
+                        show-word-limit
                     />
                 </el-form-item>
                 <el-form-item label="密码" prop="inputPassword" :required="isAddNew">
@@ -102,7 +103,7 @@
             <el-button type="primary" @click="handleSubmit" :disabled="dialogLoading"
                 >提交</el-button
             >
-            <el-button @click="handleCancel">取消</el-button>
+            <el-button @click="handleCancel" :disabled="dialogLoading">取消</el-button>
         </template>
     </el-dialog>
 </template>
@@ -153,10 +154,6 @@ export default {
                     {
                         min: 3,
                         message: '用户名必须大于3个字符'
-                    },
-                    {
-                        max: 20,
-                        message: '用户名不能大于20个字符'
                     }
                 ],
                 inputPassword: [
@@ -167,10 +164,6 @@ export default {
                     {
                         min: 8,
                         message: '密码必须大于8个字符'
-                    },
-                    {
-                        max: 64,
-                        message: '密码不能大于64个字符'
                     }
                 ]
             },

ui/src/router/power.ts

@@ -1,6 +1,6 @@
 const powerRouter = {
     path: '/power',
-    name: 'systemManagement',
+    name: 'powerManagement',
     redirect: '/power/role',
     children: [
         {