新增：新增修改基础信息 API（优化 Jackson 针对通用枚举接口 IEnum 的序列化和反序列化）

continew-admin-ui/src/views/system/user/center/components/basic-information.vue

@@ -19,6 +19,7 @@
       <a-input
         v-model="formData.username"
         :placeholder="$t('userCenter.basicInfo.placeholder.username')"
+        max-length="50"
       />
     </a-form-item>
     <a-form-item
@@ -34,6 +35,7 @@
       <a-input
         v-model="formData.nickname"
         :placeholder="$t('userCenter.basicInfo.placeholder.nickname')"
+        max-length="32"
       />
     </a-form-item>
     <a-form-item
@@ -48,7 +50,7 @@
     </a-form-item>
     <a-form-item>
       <a-space>
-        <a-button type="primary" @click="validate">
+        <a-button type="primary" :loading="loading" @click="save">
           {{ $t('userCenter.save') }}
         </a-button>
         <a-button type="secondary" @click="reset">
@@ -62,9 +64,13 @@
 <script lang="ts" setup>
   import { ref } from 'vue';
   import { useLoginStore } from '@/store';
+  import { updateBasicInfo } from '@/api/system/user-center';
+  import useLoading from '@/hooks/loading';
   import { FormInstance } from '@arco-design/web-vue/es/form';
   import { BasicInfoModel } from '@/api/system/user-center';
+  import { Message } from "@arco-design/web-vue";
 
+  const { loading, setLoading } = useLoading();
   const loginStore = useLoginStore();
   const formRef = ref<FormInstance>();
   const formData = ref<BasicInfoModel>({
@@ -74,11 +80,21 @@
   });
 
   // 保存
-  const validate = async () => {
-    const res = await formRef.value?.validate();
-    if (!res) {
-      // do some thing
-      // you also can use html-type to submit
+  const save = async () => {
+    const errors = await formRef.value?.validate();
+    if (loading.value) return;
+    if (!errors) {
+      setLoading(true);
+      try {
+        const res = await updateBasicInfo({
+          nickname: formData.value.nickname,
+          gender: formData.value.gender,
+        });
+        await loginStore.getInfo();
+        if (res.success) Message.success(res.msg);
+      } finally {
+        setLoading(false);
+      }
     }
   };
 

continew-admin-ui/src/views/system/user/center/components/user-panel.vue

@@ -19,7 +19,6 @@
         </template>
       </a-upload>
       <a-descriptions
-        :data="renderData"
         :column="2"
         align="right"
         layout="inline-horizontal"
@@ -34,21 +33,21 @@
           textAlign: 'left',
         }"
       >
-        <template #label="{ label }">{{ $t(label) }} :</template>
-        <template #value="{ value, data }">
-          <div v-if="data.label === 'userCenter.label.gender'">
-            <div v-if="loginStore.gender === 1">
-              男
-              <icon-man style="color: #19BBF1" />
-            </div>
-            <div v-else-if="loginStore.gender === 2">
-              女
-              <icon-woman style="color: #FA7FA9" />
-            </div>
-            <div v-else>未知</div>
+        <a-descriptions-item :label="$t('userCenter.label.nickname')">{{ loginStore.nickname }}</a-descriptions-item>
+        <a-descriptions-item :label="$t('userCenter.label.gender')">
+          <div v-if="loginStore.gender === 1">
+            男
+            <icon-man style="color: #19BBF1" />
           </div>
-          <span v-else>{{ value }}</span>
-        </template>
+          <div v-else-if="loginStore.gender === 2">
+            女
+            <icon-woman style="color: #FA7FA9" />
+          </div>
+          <div v-else>未知</div>
+        </a-descriptions-item>
+        <a-descriptions-item :label="$t('userCenter.label.phone')">{{ loginStore.phone }}</a-descriptions-item>
+        <a-descriptions-item :label="$t('userCenter.label.email')">{{ loginStore.email }}</a-descriptions-item>
+        <a-descriptions-item :label="$t('userCenter.label.registrationDate')">{{ loginStore.registrationDate }}</a-descriptions-item>
       </a-descriptions>
     </a-space>
   </a-card>
@@ -62,7 +61,6 @@
   } from '@arco-design/web-vue/es/upload/interfaces';
   import { useLoginStore } from '@/store';
   import { uploadAvatar } from '@/api/system/user-center';
-  import type { DescData } from '@arco-design/web-vue/es/descriptions/interface';
   import getAvatar from "@/utils/avatar";
   import { Message } from "@arco-design/web-vue";
 
@@ -72,28 +70,6 @@
     name: 'avatar.png',
     url: getAvatar(loginStore),
   };
-  const renderData = [
-    {
-      label: 'userCenter.label.nickname',
-      value: loginStore.nickname,
-    },
-    {
-      label: 'userCenter.label.gender',
-      value: loginStore.gender,
-    },
-    {
-      label: 'userCenter.label.phone',
-      value: loginStore.phone,
-    },
-    {
-      label: 'userCenter.label.email',
-      value: loginStore.email,
-    },
-    {
-      label: 'userCenter.label.registrationDate',
-      value: loginStore.registrationDate,
-    },
-  ] as DescData[];
   const avatarList = ref<FileItem[]>([avatar]);
 
   // 切换头像
@@ -118,10 +94,7 @@
       try {
         const res = await uploadAvatar(formData);
         onSuccess(res);
-        Message.success({
-          content: res.msg || '网络错误',
-          duration: 3 * 1000,
-        });
+        if (res.success) Message.success(res.msg);
         // 更换头像
         loginStore.avatar = res.data.avatar;
       } catch (error) {

continew-admin-ui/src/views/system/user/center/locale/en-US.ts

@@ -1,10 +1,10 @@
 export default {
   'menu.user.center': 'User Center',
-  'userCenter.label.nickname': 'Nick Name',
-  'userCenter.label.gender': 'Gender',
-  'userCenter.label.phone': 'Phone',
-  'userCenter.label.email': 'Email',
-  'userCenter.label.registrationDate': 'Registration Date',
+  'userCenter.label.nickname': 'Nick Name :',
+  'userCenter.label.gender': 'Gender :',
+  'userCenter.label.phone': 'Phone :',
+  'userCenter.label.email': 'Email :',
+  'userCenter.label.registrationDate': 'Registration Date :',
 
   'userCenter.tab.basicInformation': 'Basic Information',
   'userCenter.basicInfo.form.label.username': 'Username',

continew-admin-ui/src/views/system/user/center/locale/zh-CN.ts

@@ -1,17 +1,17 @@
 export default {
   'menu.user.center': '个人中心',
-  'userCenter.label.nickname': '昵称',
-  'userCenter.label.gender': '性别',
-  'userCenter.label.phone': '手机号码',
-  'userCenter.label.email': '邮箱',
-  'userCenter.label.registrationDate': '注册日期',
+  'userCenter.label.nickname': '昵称 :',
+  'userCenter.label.gender': '性别 :',
+  'userCenter.label.phone': '手机号码 :',
+  'userCenter.label.email': '邮箱 :',
+  'userCenter.label.registrationDate': '注册日期 :',
 
   'userCenter.tab.basicInformation': '基础信息',
   'userCenter.basicInfo.form.label.username': '用户名',
-  'userCenter.basicInfo.placeholder.username': '请输入您的用户名',
+  'userCenter.basicInfo.placeholder.username': '请输入用户名',
   'userCenter.form.error.username.required': '请输入用户名',
   'userCenter.basicInfo.form.label.nickname': '昵称',
-  'userCenter.basicInfo.placeholder.nickname': '请输入您的昵称',
+  'userCenter.basicInfo.placeholder.nickname': '请输入昵称',
   'userCenter.form.error.nickname.required': '请输入昵称',
   'userCenter.basicInfo.form.label.gender': '性别',
   'userCenter.save': '保存',