init

2026-07-20 14:58:57 +08:00
commit 45db0aa4b9
50 changed files with 5861 additions and 0 deletions
@@ -0,0 +1,71 @@
+import { useState } from 'react'
+import { useNavigate, Link } from 'react-router-dom'
+import { Card, Form, Input, Button, Typography, message, Space } from 'antd'
+import { UserOutlined, LockOutlined } from '@ant-design/icons'
+import { authApi } from '../api'
+
+export default function Register() {
+  const navigate = useNavigate()
+  const [loading, setLoading] = useState(false)
+
+  const onFinish = async (values: {
+    username: string
+    password: string
+    nickname?: string
+  }) => {
+    setLoading(true)
+    try {
+      await authApi.register(values)
+      message.success('注册成功，请登录')
+      navigate('/login')
+    } catch (e) {
+      message.error(e instanceof Error ? e.message : '注册失败')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div
+      style={{
+        minHeight: '100vh',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        background: 'linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%)',
+      }}
+    >
+      <Card style={{ width: 400, boxShadow: '0 8px 32px rgba(0,0,0,0.3)' }}>
+        <Space direction="vertical" size="middle" style={{ width: '100%' }}>
+          <div style={{ textAlign: 'center' }}>
+            <Typography.Title level={3} style={{ marginBottom: 4 }}>
+              注册分销商
+            </Typography.Title>
+            <Typography.Text type="secondary">创建分销账号</Typography.Text>
+          </div>
+          <Form layout="vertical" onFinish={onFinish}>
+            <Form.Item name="username" rules={[{ required: true, min: 3, message: '用户名至少3位' }]}>
+              <Input prefix={<UserOutlined />} placeholder="用户名" size="large" />
+            </Form.Item>
+            <Form.Item name="nickname">
+              <Input prefix={<UserOutlined />} placeholder="昵称（可选）" size="large" />
+            </Form.Item>
+            <Form.Item name="password" rules={[{ required: true, min: 6, message: '密码至少6位' }]}>
+              <Input.Password prefix={<LockOutlined />} placeholder="密码" size="large" />
+            </Form.Item>
+            <Form.Item>
+              <Button type="primary" htmlType="submit" loading={loading} block size="large">
+                注册
+              </Button>
+            </Form.Item>
+          </Form>
+          <div style={{ textAlign: 'center' }}>
+            <Typography.Text type="secondary">
+              已有账号？ <Link to="/login">去登录</Link>
+            </Typography.Text>
+          </div>
+        </Space>
+      </Card>
+    </div>
+  )
+}