feat: 联调

src/views/login/index.tsx

@@ -1,45 +1,70 @@
-import { useState } from 'react'
-import { Input, Button, Space } from 'antd'
 import LoginQrcode from '@imgs/login_qrcode.jpg'
-import req from '@utils/request';
+import req from '@utils/request'
+import { Button, Input, Space, message } from 'antd'
+import { useState } from 'react'
+import { useNavigate } from 'react-router-dom'
 
 import './index.less'
 
 const loginApiName = '/user/doLogin'
 
 const Login = () => {
+  const [validCode, setValidCode] = useState('')
+  const navigate = useNavigate()
 
-    const [validCode, setValidCode] = useState('')
-    const changeCode = e => {
-        setValidCode(e.target.value)
-    }
+  const changeCode = e => {
+    setValidCode(e.target.value)
+  }
 
-    const doLogin = () => {
-        if (!validCode) return
-        req({
-            method: 'get',
-            url: loginApiName,
-            data: { validCode }
-        })
-    }
+  const doLogin = () => {
+    console.log(validCode)
+    if (!validCode) return
+    req(
+      {
+        method: 'get',
+        url: loginApiName,
+        params: { validCode }
+      },
+      '/auth'
+    ).then(res => {
+      if (res.success && res.data) {
+        message.success('登录成功')
+        localStorage.setItem('userInfo', JSON.stringify(res.data))
+        setTimeout(() => {
+          navigate('/question-bank')
+        }, 1000)
+      }
+    })
+  }
 
-    return (<div className="login-box">
-        <div className='login-container-inner'>
-            <div className='notes'>LeNet-5 诞生
-                1998 年 11 月，早期经典卷积神经网络 LeNet-5 诞生。杨立昆、莱昂·伯托等发表经典论文“Gradient-Based Learning Applied to Document Recognition”，文章总结了应用于手写字符识别的各种模型并进行了比对，结果显示卷积神经网络表现超群。</div>
-            <div className='qrcode-box'>
-                <div className='qrcode-img'>
-                    <img src={LoginQrcode} alt="" />
-                </div>
-                <div className='qrcode-form'>
-                    <Space>
-                        <Input maxLength={3} placeholder='验证码' onChange={changeCode} value={validCode} />
-                        <Button type='primary' ghost onClick={doLogin}>登录</Button>
-                    </Space>
-                </div>
-            </div>
+  return (
+    <div className='login-box'>
+      <div className='login-container-inner'>
+        <div className='notes'>
+          LeNet-5 诞生 1998 年 11 月，早期经典卷积神经网络 LeNet-5
+          诞生。杨立昆、莱昂·伯托等发表经典论文“Gradient-Based Learning Applied to Document
+          Recognition”，文章总结了应用于手写字符识别的各种模型并进行了比对，结果显示卷积神经网络表现超群。
         </div>
-    </div>)
+        <div className='qrcode-box'>
+          <div className='qrcode-desc'>
+            <p>微信扫码关注公众号</p>
+            <p>获取验证码登录</p>
+          </div>
+          <div className='qrcode-img'>
+            <img src={LoginQrcode} alt='' />
+          </div>
+          <div className='qrcode-form'>
+            <Space>
+              <Input maxLength={3} placeholder='验证码' onChange={changeCode} value={validCode} />
+              <Button type='primary' ghost onClick={doLogin}>
+                登录
+              </Button>
+            </Space>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
 }
 
-export default Login
+export default Login