forked from Gitlink/forgeplus-react
70 lines
2.5 KiB
JavaScript
70 lines
2.5 KiB
JavaScript
import React , { useEffect , useState } from 'react';
|
|
import { Menu } from 'antd';
|
|
import Base from './Base';
|
|
import Password from './Password';
|
|
import Verification from './verification';
|
|
import './Index.scss';
|
|
import '../../SecuritySetting/notice/manager/Index.scss';
|
|
|
|
function Index(props){
|
|
const { pathname } = props && props.location;
|
|
|
|
const [ key , setKey ] = useState("0");
|
|
const [ type, setType] = useState('0');
|
|
|
|
useEffect(()=>{
|
|
if(pathname){
|
|
let documentTitle = "基本资料";
|
|
if(pathname === `/settings/profile`){
|
|
setKey("0");
|
|
documentTitle = "基本资料";
|
|
}else{
|
|
setKey("1");
|
|
switch(pathname){
|
|
case '/settings/phone':
|
|
documentTitle = "手机号管理";
|
|
setType('3');
|
|
break;
|
|
case '/settings/emails':
|
|
setType('0');
|
|
documentTitle = "邮箱管理";
|
|
break;
|
|
case '/settings/password':
|
|
setType('1');
|
|
documentTitle = "密码管理";
|
|
break;
|
|
case '/settings/verification':
|
|
setType('4');
|
|
documentTitle = "实名认证";
|
|
break;
|
|
default:
|
|
setType('2');
|
|
documentTitle = "账号注销";
|
|
}
|
|
}
|
|
document.title = documentTitle;
|
|
}
|
|
},[pathname])
|
|
|
|
return(
|
|
<div className="notice01">
|
|
<div className="sshHead personalInfo mb20">
|
|
{key === "0" ? <Menu mode={'horizontal'} className="infosRightMenu">
|
|
<Menu.Item key="0" className="font-16">基本资料</Menu.Item>
|
|
</Menu> : <Menu mode={'horizontal'} className="infosRightMenu" selectedKeys={type}>
|
|
<Menu.Item key="3" className="font-16" onClick={()=>{props.history.push('/settings/phone')}}>手机号管理</Menu.Item>
|
|
<Menu.Item key="0" className="font-16" onClick={()=>{props.history.push('/settings/emails')}}>邮箱管理</Menu.Item>
|
|
<Menu.Item key="1" className="font-16" onClick={()=>{props.history.push('/settings/password')}}>密码管理</Menu.Item>
|
|
<Menu.Item key="4" className="font-16" onClick={()=>{props.history.push('/settings/verification')}}>实名认证</Menu.Item>
|
|
<Menu.Item key="2" className="font-16" onClick={()=>{props.history.push('/settings/cancel')}}>账号注销</Menu.Item>
|
|
</Menu>}
|
|
</div>
|
|
<div>
|
|
{
|
|
key === "0" ? <Base {...props}/> : type === "4" ? <Verification {...props}/> : <Password {...props} type={type}/>
|
|
}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
export default Index; |