重命名前端目录

2026-07-07 19:55:18 +08:00
parent 8268a3b906
commit dbcb5a4979
182 changed files with 7019 additions and 7017 deletions
@@ -0,0 +1,74 @@
+import { LockOutlined, UserOutlined } from '@ant-design/icons'
+import { App, Button, Card, Form, Input, Typography } from 'antd'
+import { useState } from 'react'
+import { useNavigate } from 'react-router'
+
+import { loginAdmin } from '@/services/admin'
+import { setAdminSession } from '@/utils/admin-auth'
+
+type LoginForm = {
+  username: string
+  password: string
+}
+
+export default function AdminLoginPage() {
+  const navigate = useNavigate()
+  const { message } = App.useApp()
+  const [loading, setLoading] = useState(false)
+
+  async function submitLogin(values: LoginForm) {
+    setLoading(true)
+
+    try {
+      const response = await loginAdmin({
+        username: values.username.trim(),
+        password: values.password.trim(),
+      })
+      setAdminSession(response.data.token, response.data.expiresAt, response.data.user)
+      message.success('登录成功')
+      navigate('/admin/dashboard', { replace: true })
+    } catch (error) {
+      message.error(error instanceof Error ? error.message : '后台登录失败')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <main className="login-page">
+      <Card className="login-panel" variant="borderless">
+        <div className="login-heading">
+          <Typography.Text className="eyebrow">Order Site Admin</Typography.Text>
+          <Typography.Title level={1}>运营后台登录</Typography.Title>
+          <Typography.Paragraph type="secondary">
+            使用账号密码进入后台，并按角色开放不同操作权限。
+          </Typography.Paragraph>
+        </div>
+
+        <Form<LoginForm> layout="vertical" requiredMark={false} onFinish={submitLogin}>
+          <Form.Item
+            name="username"
+            label="账号"
+            rules={[{ required: true, message: '请输入账号' }]}
+          >
+            <Input prefix={<UserOutlined />} placeholder="输入账号" autoComplete="username" />
+          </Form.Item>
+          <Form.Item
+            name="password"
+            label="密码"
+            rules={[{ required: true, message: '请输入密码' }]}
+          >
+            <Input.Password
+              prefix={<LockOutlined />}
+              placeholder="输入密码"
+              autoComplete="current-password"
+            />
+          </Form.Item>
+          <Button type="primary" htmlType="submit" block loading={loading}>
+            登录后台
+          </Button>
+        </Form>
+      </Card>
+    </main>
+  )
+}