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 | 185 +++++++++++++++++++++++++++++-----------------
1 files changed, 117 insertions(+), 68 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 be178d1..566e617 100644
--- a/zy-asrs-flow/src/pages/account/setting/components/base.jsx
+++ b/zy-asrs-flow/src/pages/account/setting/components/base.jsx
@@ -1,34 +1,44 @@
-import { UploadOutlined } from '@ant-design/icons';
import {
ProForm,
- ProFormDependency,
- ProFormFieldSet,
- ProFormSelect,
ProFormText,
ProFormTextArea,
+ ProFormSelect,
+ ProFormDigit
} from '@ant-design/pro-components';
-import { useRequest } from '@umijs/max';
-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';
-const queryCurrent = () => {
+import defaultAvat from '/public/img/defaultAva.jpg'
-}
-
-const validatorPhone = (rule, value, callback) => {
- if (!value[0]) {
- callback('Please input your area code!');
+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(intl.formatMessage({ id: 'page.update.success', defaultMessage: '鏇存柊鎴愬姛' }));
+ return true;
+ } else {
+ message.error(resp.msg);
+ return false;
+ }
+ } catch (error) {
+ message.error(intl.formatMessage({ id: 'page.update.fail', defaultMessage: '鏇存柊澶辫触璇烽噸璇曪紒' }));
+ return false;
+ } finally {
+ hide();
}
- if (!value[1]) {
- callback('Please input your phone number!');
- }
- callback();
};
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 }) => (
<>
<div className={styles.avatar_title}>澶村儚</div>
@@ -37,111 +47,149 @@
</div>
<Upload showUploadList={false}>
<div className={styles.button_view}>
- <Button>
+ {/* <Button>
<UploadOutlined />
鏇存崲澶村儚
- </Button>
+ </Button> */}
</div>
</Upload>
</>
);
- const { data: currentUser, loading } = useRequest(() => {
- return queryCurrent();
- });
+
+ const queryCurrent = () => {
+ setLoading(true);
+ Http.doGetPromise('api/auth/user', {}, (res) => {
+ setLoading(false);
+ setCurrentUser(res.data);
+ }).catch((err) => {
+ console.error(err);
+ setLoading(false);
+ })
+ }
+
+ React.useEffect(() => {
+ queryCurrent();
+ }, []);
+
const getAvatarURL = () => {
if (currentUser) {
if (currentUser.avatar) {
return currentUser.avatar;
}
- const url = 'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png';
- return url;
}
- return '';
+ return defaultAvat;
};
- const handleFinish = async () => {
- message.success('鏇存柊鍩烘湰淇℃伅鎴愬姛');
+
+ const handleFinish = async (values) => {
+ handleUpdate(values, intl);
};
+
return (
<div className={styles.baseView}>
{loading ? null : (
<>
<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,
},
]}
/>
- <ProFormFieldSet
- name="phone"
- label="鑱旂郴鐢佃瘽"
- rules={[
- {
- required: true,
- message: '璇疯緭鍏ユ偍鐨勮仈绯荤數璇�!',
- },
- {
- validator: validatorPhone,
- },
- ]}
- >
- <Input className={styles.area_code} />
- <Input className={styles.phone_number} />
- </ProFormFieldSet>
</ProForm>
</div>
<div className={styles.right}>
@@ -152,4 +200,5 @@
</div>
);
};
+
export default BaseView;
--
Gitblit v1.9.1