@@ -33,8 +33,6 @@ const Login = () => {
|
|||||||
const { login, register, checkAdmin } = useAuth();
|
const { login, register, checkAdmin } = useAuth();
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
|
||||||
const isSetupMode = isFirstUser && !registerMode;
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
checkIsFirstUser();
|
checkIsFirstUser();
|
||||||
}, []);
|
}, []);
|
||||||
@@ -78,12 +76,10 @@ const Login = () => {
|
|||||||
realName: values.realName,
|
realName: values.realName,
|
||||||
});
|
});
|
||||||
if (result.success) {
|
if (result.success) {
|
||||||
|
message.success(result.isFirstUser ? '管理员账号创建成功' : '注册成功,请等待管理员审核');
|
||||||
if (result.isFirstUser) {
|
if (result.isFirstUser) {
|
||||||
message.success('管理员账号创建成功');
|
|
||||||
setIsFirstUser(false);
|
|
||||||
navigate('/dashboard');
|
navigate('/dashboard');
|
||||||
} else {
|
} else {
|
||||||
message.success('注册成功,请等待管理员审核');
|
|
||||||
setRegisterMode(false);
|
setRegisterMode(false);
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
@@ -246,13 +242,13 @@ const Login = () => {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
<Form
|
<Form
|
||||||
name={isSetupMode || registerMode ? 'register' : 'login'}
|
name={registerMode ? 'register' : 'login'}
|
||||||
layout="vertical"
|
layout="vertical"
|
||||||
onFinish={isSetupMode ? onFinishRegister : (registerMode ? onFinishRegister : onFinishLogin)}
|
onFinish={registerMode ? onFinishRegister : onFinishLogin}
|
||||||
size="large"
|
size="large"
|
||||||
className="login-form"
|
className="login-form"
|
||||||
>
|
>
|
||||||
{registerMode && !isFirstUser && (
|
{registerMode && (
|
||||||
<>
|
<>
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name="realName"
|
name="realName"
|
||||||
@@ -265,6 +261,17 @@ const Login = () => {
|
|||||||
prefix={<UserOutlined className="input-icon" />}
|
prefix={<UserOutlined className="input-icon" />}
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
<Form.Item
|
||||||
|
name="username"
|
||||||
|
label="用户名"
|
||||||
|
rules={[{ required: true, message: '请输入用户名' }]}
|
||||||
|
>
|
||||||
|
<Input
|
||||||
|
placeholder="请输入用户名"
|
||||||
|
className="login-input"
|
||||||
|
prefix={<UserOutlined className="input-icon" />}
|
||||||
|
/>
|
||||||
|
</Form.Item>
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name="email"
|
name="email"
|
||||||
label="邮箱"
|
label="邮箱"
|
||||||
@@ -295,32 +302,32 @@ const Login = () => {
|
|||||||
|
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name="username"
|
name="username"
|
||||||
label={isSetupMode ? '管理员账号' : (registerMode ? '用户名' : '用户名')}
|
label={isFirstUser ? '管理员账号' : '用户名'}
|
||||||
rules={[{ required: true, message: isSetupMode ? '请设置管理员账号' : '请输入用户名' }]}
|
rules={[{ required: true, message: isFirstUser ? '请设置管理员账号' : '请输入用户名' }]}
|
||||||
>
|
>
|
||||||
<Input
|
<Input
|
||||||
prefix={<UserOutlined className="input-icon" />}
|
prefix={<UserOutlined className="input-icon" />}
|
||||||
placeholder={isSetupMode ? '请设置管理员账号' : '请输入用户名'}
|
placeholder={isFirstUser ? '请设置管理员账号' : '请输入用户名'}
|
||||||
className="login-input"
|
className="login-input"
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name="password"
|
name="password"
|
||||||
label={isSetupMode ? '管理员密码' : '密码'}
|
label={isFirstUser ? '管理员密码' : '密码'}
|
||||||
rules={[
|
rules={[
|
||||||
{ required: true, message: isSetupMode ? '请设置管理员密码' : '请输入密码' },
|
{ required: true, message: isFirstUser ? '请设置管理员密码' : '请输入密码' },
|
||||||
{ min: 6, message: '密码长度不能少于6位' },
|
{ min: 6, message: '密码长度不能少于6位' },
|
||||||
]}
|
]}
|
||||||
>
|
>
|
||||||
<Input.Password
|
<Input.Password
|
||||||
prefix={<LockOutlined className="input-icon" />}
|
prefix={<LockOutlined className="input-icon" />}
|
||||||
placeholder={isSetupMode ? '请设置管理员密码' : '请输入密码'}
|
placeholder={isFirstUser ? '请设置管理员密码' : '请输入密码'}
|
||||||
className="login-input"
|
className="login-input"
|
||||||
/>
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
|
|
||||||
{(registerMode || isSetupMode) && (
|
{registerMode && (
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name="confirmPassword"
|
name="confirmPassword"
|
||||||
label="确认密码"
|
label="确认密码"
|
||||||
@@ -352,7 +359,7 @@ const Login = () => {
|
|||||||
loading={loading}
|
loading={loading}
|
||||||
className="submit-button"
|
className="submit-button"
|
||||||
>
|
>
|
||||||
{isSetupMode ? '创建管理员' : (registerMode ? '立即注册' : '登 录')}
|
{registerMode ? '立即注册' : '登 录'}
|
||||||
</Button>
|
</Button>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
</Form>
|
</Form>
|
||||||
|
|||||||
Reference in New Issue
Block a user