feat: 支持修改用户名

xh-polaris · Dec 5, 2023 · c788b93 · c788b93
1 parent 2b7b70e
commit c788b93
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 3 deletions.
diff --git a/src/components/PersonalData/index.tsx b/src/components/PersonalData/index.tsx
@@ -1,5 +1,5 @@
 import { changePassword } from '@/services/auth';
-import { changeAvatar } from '@/services/user';
+import { changeNicknameOrAvatar } from '@/services/user';
 import { ProForm, ProFormText } from '@ant-design/pro-components';
 import { Col, Divider, Form, Modal, Row, Space } from 'antd';
 import UploadImagesFormItem from '../UploadImagesFormItem';
@@ -10,6 +10,17 @@ const PersonalDataModal = ({ isSettingsOpen, setIsSettingsOpen }: any) => {
     setIsSettingsOpen(false);
   };
 
+  const handleChangeNickname = async (value: any) => {
+    const success = await changeNicknameOrAvatar(value);
+    if (success) {
+      setIsSettingsOpen(false);
+      localStorage.clear();
+      history.replace({
+        pathname: '/login',
+      });
+    }
+  };
+
   const handleChangePassword = async (value: any) => {
     const success = await changePassword(value);
     if (success) {
@@ -26,7 +37,7 @@ const PersonalDataModal = ({ isSettingsOpen, setIsSettingsOpen }: any) => {
     const data = {
       avatarUrl: avatarUrl[0],
     };
-    const success = await changeAvatar(data);
+    const success = await changeNicknameOrAvatar(data);
     if (success) {
       setIsSettingsOpen(false);
       location.reload();
@@ -35,6 +46,37 @@ const PersonalDataModal = ({ isSettingsOpen, setIsSettingsOpen }: any) => {
 
   return (
     <Modal title="修改个人信息" open={isSettingsOpen} onCancel={handleCancel} footer={null}>
+      <Divider plain style={{ margin: '0 0 16px 0' }}>
+        <span>修改昵称</span>
+      </Divider>
+      <ProForm
+        layout="horizontal"
+        labelCol={{ span: 4 }}
+        wrapperCol={{ span: 19 }}
+        submitter={{
+          render: (props, doms) => {
+            return (
+              <Row justify="center">
+                <Col span={8} style={{ display: 'flex', justifyContent: 'center' }}>
+                  <Space>{doms}</Space>
+                </Col>
+              </Row>
+            );
+          },
+        }}
+        onFinish={handleChangeNickname}
+      >
+        <ProFormText
+          rules={[
+            {
+              required: true,
+              message: '此条必填',
+            },
+          ]}
+          name="nickname"
+          label="新昵称"
+        />
+      </ProForm>
       <Divider plain style={{ margin: '0 0 16px 0' }}>
         <span>修改密码</span>
       </Divider>

diff --git a/src/services/user.ts b/src/services/user.ts
@@ -21,7 +21,7 @@ export const searchUserInfo = async (params: any, options?: { [key: string]: any
  * @param params
  * @returns
  */
-export const changeAvatar = async (data: any) =>
+export const changeNicknameOrAvatar = async (data: any) =>
   request(`${DEFAULT_URL}/user/update_user_info`, {
     method: 'POST',
     data: {