|
@@ -3,12 +3,13 @@ import { userStore } from '@/store/mobx'
|
|
|
import { iFromValues, iLoginProps, iRetrieveFormProps } from '@/types/login'
|
|
|
import consts from '@/utils/consts'
|
|
|
import { Button, Form, Input, Modal } from 'antd'
|
|
|
-import React, { useState } from 'react'
|
|
|
+import React, { useState, useEffect } from 'react'
|
|
|
import { RouteComponentProps, withRouter } from 'react-router-dom'
|
|
|
import { apiProject } from "./api"
|
|
|
import styles from './index.module.scss'
|
|
|
import QueueAnim from 'rc-queue-anim'
|
|
|
import './index.scss'
|
|
|
+import { storage } from '@/utils/util'
|
|
|
// 正常登录Form表单
|
|
|
const initLoginState = {
|
|
|
projectInfo: '',
|
|
@@ -19,12 +20,19 @@ const initLoginState = {
|
|
|
|
|
|
type iState = typeof initLoginState
|
|
|
const NormalLoginForm: React.FC<iLoginProps> = () => {
|
|
|
-
|
|
|
+ const [ form ] = Form.useForm()
|
|
|
const [ state, setState ] = useState<iState>(initLoginState)
|
|
|
const onFinish = (values: iFromValues) => {
|
|
|
userStore.login(values)
|
|
|
}
|
|
|
|
|
|
+ useEffect(() => {
|
|
|
+ const code = storage.get('p_code')
|
|
|
+ if (code) {
|
|
|
+ handleProjectCode({ target: { value: code } })
|
|
|
+ form.setFieldsValue({ code })
|
|
|
+ }
|
|
|
+ }, [])
|
|
|
|
|
|
const handleProjectCode = async (e: any) => {
|
|
|
const projectCode = e.target?.value
|
|
@@ -32,6 +40,7 @@ const NormalLoginForm: React.FC<iLoginProps> = () => {
|
|
|
if (code === consts.RET_CODE.SUCCESS) {
|
|
|
if (data.length && data[0].name) {
|
|
|
setState({ ...state, projectCode, projectInfo: data[0].name })
|
|
|
+ storage.set('p_code', projectCode)
|
|
|
} else {
|
|
|
setState({ ...state, projectCode, projectInfo: '' })
|
|
|
}
|
|
@@ -50,6 +59,7 @@ const NormalLoginForm: React.FC<iLoginProps> = () => {
|
|
|
<Form
|
|
|
name="normal_login"
|
|
|
className={styles.loginForm}
|
|
|
+ form={form}
|
|
|
// initialValues={{ password: '123456', code : '234' }}
|
|
|
onFinish={onFinish}
|
|
|
>
|