设置页添加修改邮箱跳转入口

src/forge/SecuritySetting/Index.jsx

@@ -90,7 +90,7 @@ function Index(props){
             <ul className="securityUl ul-border-buttom">
               <li>个人信息</li>
               <li className={pathname.indexOf("/settings/profile")>-1 ?"active":""}><Link to={`/settings/profile`}><i className="iconfont icon-gerenziliao mr5 font-14"></i><span className="text-shodow-bold">基本资料</span></Link></li>
-              <li className={pathname.indexOf("/settings/account")>-1 ?"active":""}><Link to={`/settings/account`}><i className="iconfont icon-xuanzhonganquanshezhi_icon mr5 font-14"></i><span className="text-shodow-bold">账号管理</span></Link></li>
+              <li className={(pathname.indexOf("/settings/emails")>-1 || pathname.indexOf("/settings/password")>-1 || pathname.indexOf("/settings/cancel")>-1) ?"active":""}><Link to={`/settings/emails`}><i className="iconfont icon-xuanzhonganquanshezhi_icon mr5 font-14"></i><span className="text-shodow-bold">账号管理</span></Link></li>
             </ul>
             {notice_url && <ul className="securityUl ul-border-buttom">
               <li>消息通知</li>
@@ -136,7 +136,19 @@ function Index(props){
                   )}
                 ></Route>
                 <Route
-                  path="/settings/account"
+                  path="/settings/emails"
+                  render={(p) => (
+                    <Password {...props} {...p}/>
+                  )}
+                ></Route>
+                <Route
+                  path="/settings/password"
+                  render={(p) => (
+                    <Password {...props} {...p}/>
+                  )}
+                ></Route>
+                <Route
+                  path="/settings/cancel"
                   render={(p) => (
                     <Password {...props} {...p}/>
                   )}

src/forge/users/Material/Base.jsx

@@ -4,6 +4,7 @@ import { AlignCenter } from '../../Component/layout';
 import './Index.scss';
 import { locData } from '../../Utils/locData';
 import Axios from 'axios';
+import {Link} from "react-router-dom";
 
 const { TextArea } = Input;
 export default Form.create()(
@@ -58,6 +59,7 @@ export default Form.create()(
             <Input placeholder="请输入您的邮箱账号" disabled style={{width:"400px"}}/>
           )}
         </Form.Item>
+        <Link className='gotoUpdateEmail mr30' to='/settings/emails'><i className='iconfont icon-bianji1 font-15 mr5'></i>更改邮箱</Link>
         <Form.Item label="">
           {getFieldDecorator("show_email",{
             rules:[],

src/forge/users/Material/Index.jsx

@@ -17,20 +17,29 @@ function Index(props){
         setKey("0");
       }else{
         setKey("1");
+        switch(pathname){
+          case '/settings/emails':
+            setType('0');
+            break;
+          case '/settings/password':
+            setType('1');
+            break;
+          default:
+            setType('2');
+        }
       }
     }
   },[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} onClick={(e)=>{setType(e.key)}}>
-          <Menu.Item key="0" className="font-16">邮箱管理</Menu.Item>
-          <Menu.Item key="1" className="font-16">密码管理</Menu.Item>
-          <Menu.Item key="2" className="font-16">账号注销</Menu.Item>
+        </Menu> : <Menu mode={'horizontal'} className="infosRightMenu" selectedKeys={type}>
+          <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="2" className="font-16" onClick={()=>{props.history.push('/settings/cancel')}}>账号注销</Menu.Item>
         </Menu>}
       </div>
       <div>

src/forge/users/Material/Index.scss

@@ -164,4 +164,7 @@
     border-color: #1140ff;
     color: #1140ff;
   }
+}
+.gotoUpdateEmail{
+  line-height: 40px;
 }