This commit is contained in:
ditiqi 2025-03-02 22:25:49 +08:00
parent 2762e22aa5
commit e936d60995
2 changed files with 14 additions and 16 deletions

View File

@ -7,11 +7,7 @@ import SineWave from "../components/animation/sine-wave";
const LoginPage: React.FC = () => { const LoginPage: React.FC = () => {
const [showLogin, setShowLogin] = useState(true); const [showLogin, setShowLogin] = useState(true);
const [registerLoading, setRegisterLoading] = useState(false); const [registerLoading, setRegisterLoading] = useState(false);
const { const { login, isAuthenticated, signup } = useAuth();
login,
isAuthenticated,
signup
} = useAuth()
const loginFormRef = useRef<any>(null); const loginFormRef = useRef<any>(null);
const registerFormRef = useRef<any>(null); const registerFormRef = useRef<any>(null);
const location = useLocation(); const location = useLocation();
@ -21,7 +17,7 @@ const LoginPage: React.FC = () => {
const { username, password } = values; const { username, password } = values;
await login(username, password); await login(username, password);
} catch (err: any) { } catch (err: any) {
message.error(err?.response?.data?.message || "号或密码错误!"); message.error(err?.response?.data?.message || "号或密码错误!");
console.error(err); console.error(err);
} }
}; };
@ -52,10 +48,12 @@ const LoginPage: React.FC = () => {
return ( return (
<div <div
className="flex justify-center items-center h-screen w-full bg-gray-200" className="flex justify-center items-center h-screen w-full bg-gray-200"
style={{ style={
// backgroundImage: `url(${backgroundUrl})`, {
// backgroundSize: "cover", // backgroundImage: `url(${backgroundUrl})`,
}}> // backgroundSize: "cover",
}
}>
<div <div
className="flex items-center transition-all hover:bg-white overflow-hidden border-2 border-white bg-gray-50 shadow-elegant rounded-xl " className="flex items-center transition-all hover:bg-white overflow-hidden border-2 border-white bg-gray-50 shadow-elegant rounded-xl "
style={{ width: 800, height: 600 }}> style={{ width: 800, height: 600 }}>
@ -103,11 +101,11 @@ const LoginPage: React.FC = () => {
size="large"> size="large">
<Form.Item <Form.Item
name="username" name="username"
label="号" label="号"
rules={[ rules={[
{ {
required: true, required: true,
message: "请输入号", message: "请输入号",
}, },
]}> ]}>
<Input /> <Input />
@ -158,17 +156,17 @@ const LoginPage: React.FC = () => {
<Col span={12}> <Col span={12}>
<Form.Item <Form.Item
name="username" name="username"
label="号" label="号"
rules={[ rules={[
{ {
required: true, required: true,
message: "请输入号", message: "请输入号",
}, },
{ {
min: 2, min: 2,
max: 15, max: 15,
message: message:
"号长度为 2 到 15 个字符", "号长度为 2 到 15 个字符",
}, },
]}> ]}>
<Input /> <Input />

View File

@ -122,7 +122,7 @@ export default function StaffForm() {
noStyle noStyle
rules={[{ required: true }]} rules={[{ required: true }]}
name={"username"} name={"username"}
label="号"> label="号">
<Input <Input
placeholder="请输入用户名" placeholder="请输入用户名"
allowClear allowClear