From 73033b22ab939858d8c13b24633dd99d0b96940e Mon Sep 17 00:00:00 2001
From: landaiqing <3517283258@qq.com>
Date: Sun, 5 May 2024 02:53:25 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=A0=E9=99=A4=E5=9B=BE=E5=BD=A2?=
 =?UTF-8?q?=E9=AA=8C=E8=AF=81=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/User/Login/index.module.less |  5 +-
 src/views/User/Login/index.tsx         | 97 +++++++++++---------------
 src/views/User/Register/index.tsx      | 42 +----------
 3 files changed, 44 insertions(+), 100 deletions(-)

diff --git a/src/views/User/Login/index.module.less b/src/views/User/Login/index.module.less
index e65d9f7..1709a71 100644
--- a/src/views/User/Login/index.module.less
+++ b/src/views/User/Login/index.module.less
@@ -133,10 +133,11 @@
 }
 
 .login_form {
-	// height: 100%;
-	// float: left;
+	 //height: 100%;
+	 //float: left;
 	margin: 0;
 	padding: 0 32px;
+	width: 400px;
 }
 
 .mp_tips {
diff --git a/src/views/User/Login/index.tsx b/src/views/User/Login/index.tsx
index 33fa63b..e842174 100644
--- a/src/views/User/Login/index.tsx
+++ b/src/views/User/Login/index.tsx
@@ -1,5 +1,4 @@
 import {
-    BarcodeOutlined,
     GithubOutlined,
     GitlabOutlined,
     LockOutlined,
@@ -30,24 +29,8 @@ const iconStyles: CSSProperties = {
 }
 
 export default observer(() => {
-    // @ts-ignore
-    const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
     const [form] = Form.useForm()
-    // @ts-ignore
-    const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
     const [open, setOpen] = useState(false)
-    const clickGetBase64CodeMethod = async () => {
-        await getBase64CodeMethod()
-    }
-    const CodeImg = (
-        <img
-            src={'data:image/jpg;base64,' + base64Code.data}
-            onClick={clickGetBase64CodeMethod}
-            title='点击刷新'
-            style={{ cursor: 'pointer', height: 40, width: 90 }}
-        />
-    )
-    const getBase64CodeMethod = async () => {}
 
     const items = [
         {
@@ -171,26 +154,26 @@ export default observer(() => {
                                             },
                                         ]}
                                     />
-                                    <ProFormText
-                                        addonAfter={CodeImg}
-                                        name='code'
-                                        fieldProps={{
-                                            size: 'large',
-                                            prefix: <BarcodeOutlined className={'prefixIcon'} />,
-                                            autoComplete: 'off',
-                                        }}
-                                        placeholder='请输入图形验证码'
-                                        rules={[
-                                            {
-                                                required: true,
-                                                message: '请输入图形验证码！',
-                                            },
-                                            {
-                                                pattern: /^[a-zA-Z0-9]{5}$/,
-                                                message: '图形验证码格式不正确',
-                                            },
-                                        ]}
-                                    />
+                                    {/*<ProFormText*/}
+                                    {/*    addonAfter={CodeImg}*/}
+                                    {/*    name='code'*/}
+                                    {/*    fieldProps={{*/}
+                                    {/*        size: 'large',*/}
+                                    {/*        prefix: <BarcodeOutlined className={'prefixIcon'} />,*/}
+                                    {/*        autoComplete: 'off',*/}
+                                    {/*    }}*/}
+                                    {/*    placeholder='请输入图形验证码'*/}
+                                    {/*    rules={[*/}
+                                    {/*        {*/}
+                                    {/*            required: true,*/}
+                                    {/*            message: '请输入图形验证码！',*/}
+                                    {/*        },*/}
+                                    {/*        {*/}
+                                    {/*            pattern: /^[a-zA-Z0-9]{5}$/,*/}
+                                    {/*            message: '图形验证码格式不正确',*/}
+                                    {/*        },*/}
+                                    {/*    ]}*/}
+                                    {/*/>*/}
                                 </>
                             )}
                             {loginType === 'phone' && (
@@ -214,26 +197,26 @@ export default observer(() => {
                                             },
                                         ]}
                                     />
-                                    <ProFormText
-                                        addonAfter={CodeImg}
-                                        name='code'
-                                        fieldProps={{
-                                            size: 'large',
-                                            prefix: <BarcodeOutlined className={'prefixIcon'} />,
-                                            autoComplete: 'off',
-                                        }}
-                                        placeholder='请输入图形验证码'
-                                        rules={[
-                                            {
-                                                required: true,
-                                                message: '请输入图形验证码！',
-                                            },
-                                            {
-                                                pattern: /^[a-zA-Z0-9]{5}$/,
-                                                message: '图形验证码格式不正确',
-                                            },
-                                        ]}
-                                    />
+                                    {/*<ProFormText*/}
+                                    {/*    addonAfter={CodeImg}*/}
+                                    {/*    name='code'*/}
+                                    {/*    fieldProps={{*/}
+                                    {/*        size: 'large',*/}
+                                    {/*        prefix: <BarcodeOutlined className={'prefixIcon'} />,*/}
+                                    {/*        autoComplete: 'off',*/}
+                                    {/*    }}*/}
+                                    {/*    placeholder='请输入图形验证码'*/}
+                                    {/*    rules={[*/}
+                                    {/*        {*/}
+                                    {/*            required: true,*/}
+                                    {/*            message: '请输入图形验证码！',*/}
+                                    {/*        },*/}
+                                    {/*        {*/}
+                                    {/*            pattern: /^[a-zA-Z0-9]{5}$/,*/}
+                                    {/*            message: '图形验证码格式不正确',*/}
+                                    {/*        },*/}
+                                    {/*    ]}*/}
+                                    {/*/>*/}
                                     <ProFormCaptcha
                                         fieldProps={{
                                             size: 'large',
diff --git a/src/views/User/Register/index.tsx b/src/views/User/Register/index.tsx
index d9b38f0..2b40685 100644
--- a/src/views/User/Register/index.tsx
+++ b/src/views/User/Register/index.tsx
@@ -1,4 +1,4 @@
-import { BarcodeOutlined, LockOutlined, MobileOutlined, WechatOutlined } from '@ant-design/icons'
+import { LockOutlined, MobileOutlined, WechatOutlined } from '@ant-design/icons'
 import { ProFormCaptcha, ProFormText } from '@ant-design/pro-components'
 import { Space, Tabs, message, Image, Alert, Form, Button } from 'antd'
 import { useState } from 'react'
@@ -12,25 +12,7 @@ import FooterComponent from '@/components/Footer'
 type LoginType = 'phone'
 
 export default observer(() => {
-	// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-expect-error
-    const [generateMpRegCodeData, setGenerateMpRegCodeData] = useState<API.GenerateMpRegCode>({})
     const [form] = Form.useForm()
-    // @ts-ignore
-    const [base64Code, setBase64Code] = useState<API.GenerateBase64Code>({ data: '' })
-    const clickGetBase64CodeMethod = async () => {
-        await getBase64CodeMethod()
-    }
-    const CodeImg = (
-        <img
-            src={'data:image/jpg;base64,' + base64Code.data}
-            onClick={clickGetBase64CodeMethod}
-            title='点击刷新'
-            style={{ cursor: 'pointer', height: 40, width: 90 }}
-        />
-    )
-    const getBase64CodeMethod = async () => {}
-
     const items = [
         {
             key: 'phone',
@@ -175,28 +157,6 @@ export default observer(() => {
                                         }),
                                     ]}
                                 />
-
-                                <ProFormText
-                                    addonAfter={CodeImg}
-                                    name='code'
-                                    fieldProps={{
-                                        size: 'large',
-                                        prefix: <BarcodeOutlined className={'prefixIcon'} />,
-                                        autoComplete: 'off',
-                                    }}
-                                    placeholder='请输入图形验证码'
-                                    rules={[
-                                        {
-                                            required: true,
-                                            message: '请输入图形验证码！',
-                                        },
-                                        {
-                                            pattern: /^[a-zA-Z0-9]{5}$/,
-                                            message: '图形验证码格式不正确!',
-                                        },
-                                    ]}
-                                />
-
                                 <ProFormCaptcha
                                     fieldProps={{
                                         size: 'large',