add
This commit is contained in:
parent
2762e22aa5
commit
e936d60995
|
@ -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})`,
|
// backgroundImage: `url(${backgroundUrl})`,
|
||||||
// backgroundSize: "cover",
|
// 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 />
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue