fix: nick_name limit 20

Author: wxg0103

ui/src/locales/lang/zh-CN/views/user-manage.ts

@@ -23,7 +23,7 @@ export default {
     nick_name: {
       label: '姓名',
       placeholder: '请输入姓名',
-      lengthMessage: '长度在 2 到 20 个字符',
+      lengthMessage: '长度在 1 到 20 个字符',
     },
 
     phone: {

ui/src/views/system-chat-user/user-manage/component/UserDrawer.vue

@@ -13,7 +13,7 @@
       </el-form-item>
       <el-form-item prop="nick_name" :label="$t('views.userManage.userForm.nick_name.label')">
         <el-input v-model="userForm.nick_name" :placeholder="$t('views.userManage.userForm.nick_name.placeholder')"
-          maxlength="64" show-word-limit>
+          maxlength="20" show-word-limit>
         </el-input>
       </el-form-item>
       <el-form-item :label="$t('views.login.loginForm.email.label')" prop="email">
@@ -96,6 +96,12 @@ const rules = reactive({
       message: t('views.userManage.userForm.nick_name.placeholder'),
       trigger: 'blur',
     },
+    {
+      min: 1,
+      max: 20,
+      message: t('views.userManage.userForm.nick_name.lengthMessage'),
+      trigger: 'blur',
+    },
   ],
   phone: [
     {

ui/src/views/system/user-manage/component/UserDrawer.vue

@@ -27,11 +27,11 @@
         >
         </el-input>
       </el-form-item>
-      <el-form-item :label="$t('views.userManage.userForm.nick_name.label')" prop="nick_name" >
+      <el-form-item :label="$t('views.userManage.userForm.nick_name.label')" prop="nick_name">
         <el-input
           v-model="userForm.nick_name"
           :placeholder="$t('views.userManage.userForm.nick_name.placeholder')"
-          maxlength="64"
+          maxlength="20"
           show-word-limit
         >
         </el-input>
@@ -257,10 +257,10 @@ const open = (data: any) => {
 const memberFormContentRef = ref<InstanceType<typeof MemberFormContent>>()
 const submit = async (formEl: FormInstance | undefined) => {
   if (!formEl) return
-  await formEl.validate(async(valid, fields) => {
+  await formEl.validate(async (valid, fields) => {
     if (valid) {
       if (memberFormContentRef.value) {
-       await memberFormContentRef.value?.validate()
+        await memberFormContentRef.value?.validate()
       }
       const params = {
         ...userForm.value,
@@ -276,9 +276,9 @@ const submit = async (formEl: FormInstance | undefined) => {
         userManageApi.postUserManage(params, loading).then((res) => {
           emit('refresh')
           MsgSuccess(t('common.createSuccess'))
-              visible.value = false
-            })
-          }
+          visible.value = false
+        })
+      }
     }
   })
 }