forked from Gitlink/forgeplus-react
65 lines
1.8 KiB
React
65 lines
1.8 KiB
React
|
import React , {forwardRef, useEffect} from 'react';
|
||
|
|
import { Modal , Form , Input , Button } from 'antd';
|
||
|
|
import './EAccount.scss';
|
||
|
|
|
||
|
|
function EducoderAccount({form , visible , onOk , email}){
|
||
|
|
const { getFieldDecorator, validateFields , setFieldsValue } = form;
|
||
|
|
|
||
|
|
useEffect(()=>{
|
||
|
|
if(email){
|
||
|
|
setFieldsValue({email})
|
||
|
|
}
|
||
|
|
},[email])
|
||
|
|
|
||
|
|
function onSure(){
|
||
|
|
validateFields((error,values)=>{
|
||
|
|
if(!error){
|
||
|
|
onOk(values);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
const layout = {
|
||
|
|
labelCol: { span: 5 },
|
||
|
|
wrapperCol: { span: 18 },
|
||
|
|
};
|
||
|
|
return(
|
||
|
|
<Modal
|
||
|
|
visible={visible}
|
||
|
|
title="提示"
|
||
|
|
width="500px"
|
||
|
|
closable={false}
|
||
|
|
footer={
|
||
|
|
<Button type="primary" onClick={onSure}>确定</Button>
|
||
|
|
}
|
||
|
|
centered
|
||
|
|
>
|
||
|
|
<div>
|
||
|
|
<p className="mb15 edu-txt-center" style={{maxWidth:"350px",margin:"0px auto"}}>
|
||
|
|
{
|
||
|
|
email ?
|
||
|
|
`平台已检测到您已绑定邮箱${email},请您确认如下操作`
|
||
|
|
:
|
||
|
|
"平台已检测到您未绑定邮箱，为不影响使用协同开发功能，请先绑定邮箱"
|
||
|
|
}
|
||
|
|
</p>
|
||
|
|
<Form {...layout}>
|
||
|
|
<Form.Item label="邮箱">
|
||
|
|
{getFieldDecorator("email",{
|
||
|
|
rules:[{required:true,message:"请输入邮箱账号"}]
|
||
|
|
})(
|
||
|
|
<Input placeholder="请输入您的邮箱账号" width="220px" disabled={email}/>
|
||
|
|
)}
|
||
|
|
</Form.Item>
|
||
|
|
<Form.Item label="密码">
|
||
|
|
{getFieldDecorator("password",{
|
||
|
|
rules:[{required:true,message:"请输入邮箱密码"}]
|
||
|
|
})(
|
||
|
|
<Input.Password placeholder="请输入您的邮箱密码" width="220px"/>
|
||
|
|
)}
|
||
|
|
</Form.Item>
|
||
|
|
</Form>
|
||
|
|
</div>
|
||
|
|
</Modal>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
export default Form.create()(forwardRef(EducoderAccount));
|