From ac4341ea6b66ae02427d39d35f41d42d78b2eb2e Mon Sep 17 00:00:00 2001
From: Junjie <fallin.jie@qq.com>
Date: 星期五, 14 二月 2025 10:08:32 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/pages/account/setting/components/base.jsx | 114 +++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 79 insertions(+), 35 deletions(-)
diff --git a/zy-asrs-flow/src/pages/account/setting/components/base.jsx b/zy-asrs-flow/src/pages/account/setting/components/base.jsx
index b28e8f8..566e617 100644
--- a/zy-asrs-flow/src/pages/account/setting/components/base.jsx
+++ b/zy-asrs-flow/src/pages/account/setting/components/base.jsx
@@ -2,27 +2,30 @@
ProForm,
ProFormText,
ProFormTextArea,
+ ProFormSelect,
+ ProFormDigit
} from '@ant-design/pro-components';
-import { Button, Input, message, Upload } from 'antd';
+import { Button, Input, message, Upload, Form } from 'antd';
+import { FormattedMessage, useIntl } from '@umijs/max';
import React from 'react';
import useStyles from './index.style';
import Http from '@/utils/http';
-import defaultAvat from '/public/img/defaultAva.png'
+import defaultAvat from '/public/img/defaultAva.jpg'
-const handleUpdate = async (val) => {
- const hide = message.loading('姝ｅ湪鏇存柊');
+const handleUpdate = async (val, intl) => {
+ const hide = message.loading(intl.formatMessage({ id: 'page.updating', defaultMessage: '姝ｅ湪鏇存柊' }));
try {
const resp = await Http.doPost('api/user/update', val);
if (resp.code === 200) {
- message.success('鏇存柊鎴愬姛');
+ message.success(intl.formatMessage({ id: 'page.update.success', defaultMessage: '鏇存柊鎴愬姛' }));
return true;
} else {
message.error(resp.msg);
return false;
}
} catch (error) {
- message.error('閰嶇疆澶辫触璇烽噸璇曪紒');
+ message.error(intl.formatMessage({ id: 'page.update.fail', defaultMessage: '鏇存柊澶辫触璇烽噸璇曪紒' }));
return false;
} finally {
hide();
@@ -30,9 +33,11 @@
};
const BaseView = () => {
+ const intl = useIntl();
const { styles } = useStyles();
const [loading, setLoading] = React.useState(false);
const [currentUser, setCurrentUser] = React.useState({});
+ const [form] = Form.useForm();
const AvatarView = ({ avatar }) => (
<>
@@ -71,14 +76,12 @@
if (currentUser.avatar) {
return currentUser.avatar;
}
- const url = { defaultAvat };
- return url;
}
return defaultAvat;
};
- const handleFinish = async () => {
- handleUpdate();
+ const handleFinish = async (values) => {
+ handleUpdate(values, intl);
};
return (
@@ -87,62 +90,103 @@
<>
<div className={styles.left}>
<ProForm
+ form={form}
layout="vertical"
onFinish={handleFinish}
submitter={{
searchConfig: {
- submitText: '鏇存柊鍩烘湰淇℃伅',
+ submitText: intl.formatMessage({ id: 'personal.base.button.name', defaultMessage: '鏇存柊鍩烘湰淇℃伅' }),
},
render: (_, dom) => dom[1],
}}
initialValues={{
...currentUser,
- // phone: currentUser?.phone.split('-'),
}}
hideRequiredMark
>
+ <ProFormDigit
+ name="id"
+ disabled
+ hidden={true}
+ />
<ProFormText
width="md"
- name="email"
- label="閭"
+ name="username"
+ label={intl.formatMessage({ id: 'common.username', defaultMessage: "璐﹀彿" })}
+ disabled
rules={[
{
required: true,
- message: '璇疯緭鍏ユ偍鐨勯偖绠�!',
},
]}
/>
<ProFormText
width="md"
- name="name"
- label="鏄电О"
+ name="nickname"
+ label={intl.formatMessage({ id: 'common.nickname', defaultMessage: "鍚嶇О" })}
rules={[
{
required: true,
- message: '璇疯緭鍏ユ偍鐨勬樀绉�!',
+ },
+ ]}
+ />
+ <ProFormSelect
+ width="md"
+ name="sex"
+ label={intl.formatMessage({ id: 'common.sex', defaultMessage: "鎬у埆" })}
+ colProps={{ md: 12, xl: 12 }}
+ options={[
+ { label: intl.formatMessage({ id: 'common.undefined', defaultMessage: "鏈煡" }), value: 0 },
+ { label: intl.formatMessage({ id: 'common.male', defaultMessage: '鐢�' }), value: 1 },
+ { label: intl.formatMessage({ id: 'common.female', defaultMessage: '濂�' }), value: 2 },
+ ]}
+ />
+ <ProFormText
+ width="md"
+ name="phone"
+ label={intl.formatMessage({ id: 'common.phone', defaultMessage: "鎵嬫満鍙�" })}
+ rules={[
+ {
+ required: false,
+ },
+ ]}
+ />
+ <ProFormText
+ width="md"
+ name="email"
+ label={intl.formatMessage({ id: 'common.email', defaultMessage: "閭" })}
+ rules={[
+ {
+ required: false,
+ },
+ ]}
+ />
+ <ProFormText
+ width="md"
+ name="realName"
+ label={intl.formatMessage({ id: 'common.realname', defaultMessage: "鐪熷疄濮撳悕" })}
+ rules={[
+ {
+ required: false,
+ },
+ ]}
+ />
+ <ProFormText
+ width="md"
+ name="idCard"
+ label={intl.formatMessage({ id: 'common.idcard', defaultMessage: "韬唤璇佸彿" })}
+ rules={[
+ {
+ required: false,
},
]}
/>
<ProFormTextArea
- name="profile"
- label="涓汉绠�浠�"
+ name="introduction"
+ label={intl.formatMessage({ id: 'common.introduction', defaultMessage: "涓汉绠�浠�" })}
rules={[
{
- required: true,
- message: '璇疯緭鍏ヤ釜浜虹畝浠�!',
- },
- ]}
- placeholder="涓汉绠�浠�"
- />
-
- <ProFormText
- width="md"
- name="address"
- label="鍦板潃"
- rules={[
- {
- required: true,
- message: '璇疯緭鍏ユ偍鐨勫湴鍧�!',
+ required: false,
},
]}
/>
--
Gitblit v1.9.1