fix(login): 修复注册页面用户名重复渲染并将邮箱手机号改为选填

- 给通用块 username 字段增加 !registerMode 条件,避免注册模式下重复渲染

- 移除邮箱、手机号的 required 校验,改为选填(邮箱保留格式校验)

- placeholder 增加(选填)提示
This commit is contained in:
zhang1106
2026-06-17 11:31:25 +08:00
parent 755712bdb6
commit 6f4bff9bd0
+15 -15
View File
@@ -277,12 +277,11 @@ const Login = () => {
name="email" name="email"
label="邮箱" label="邮箱"
rules={[ rules={[
{ required: true, message: '请输入邮箱' },
{ type: 'email', message: '请输入有效的邮箱地址' }, { type: 'email', message: '请输入有效的邮箱地址' },
]} ]}
> >
<Input <Input
placeholder="请输入邮箱" placeholder="请输入邮箱(选填)"
className="login-input" className="login-input"
prefix={<MailOutlined className="input-icon" />} prefix={<MailOutlined className="input-icon" />}
/> />
@@ -290,10 +289,9 @@ const Login = () => {
<Form.Item <Form.Item
name="phone" name="phone"
label="手机号" label="手机号"
rules={[{ required: true, message: '请输入手机号' }]}
> >
<Input <Input
placeholder="请输入手机号" placeholder="请输入手机号(选填)"
className="login-input" className="login-input"
prefix={<PhoneOutlined className="input-icon" />} prefix={<PhoneOutlined className="input-icon" />}
/> />
@@ -301,17 +299,19 @@ const Login = () => {
</> </>
)} )}
<Form.Item {!registerMode && (
name="username" <Form.Item
label={isFirstUser ? '管理员账号' : '用户名'} name="username"
rules={[{ required: true, message: isFirstUser ? '请设置管理员账号' : '请输入用户名' }]} label={isFirstUser ? '管理员账号' : '用户名'}
> rules={[{ required: true, message: isFirstUser ? '请设置管理员账号' : '请输入用户名' }]}
<Input >
prefix={<UserOutlined className="input-icon" />} <Input
placeholder={isFirstUser ? '请设置管理员账号' : '请输入用户名'} prefix={<UserOutlined className="input-icon" />}
className="login-input" placeholder={isFirstUser ? '请设置管理员账号' : '请输入用户名'}
/> className="login-input"
</Form.Item> />
</Form.Item>
)}
<Form.Item <Form.Item
name="password" name="password"