|
|
|
@ -21,40 +21,45 @@ class AccountNav extends Component {
|
|
|
|
|
const isSecure = path.indexOf('secure') != -1
|
|
|
|
|
return (
|
|
|
|
|
<div className="accountNav fl">
|
|
|
|
|
<div className="accountInfo">
|
|
|
|
|
<AccountImg src={basicInfo && basicInfo.avatar_url} {...this.props}></AccountImg>
|
|
|
|
|
<span className="name">{basicInfo && basicInfo.name}</span>
|
|
|
|
|
<span className="role">{basicInfo && basicInfo.technical_title}</span>
|
|
|
|
|
</div>
|
|
|
|
|
{
|
|
|
|
|
basicInfo &&
|
|
|
|
|
<React.Fragment>
|
|
|
|
|
<div className="accountInfo">
|
|
|
|
|
<AccountImg src={basicInfo.avatar_url} {...this.props}></AccountImg>
|
|
|
|
|
<span className="name">{basicInfo.name}</span>
|
|
|
|
|
<span className="role">{basicInfo.technical_title}</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className="accountManagement">
|
|
|
|
|
<div className="title">账号管理</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li className={`navItem ${isBasic ? 'active' : ''}`} onClick={this.toBasic}>
|
|
|
|
|
<i className="iconfont icon-jibenxinxi color-grey-9 font-16"></i>
|
|
|
|
|
基本信息
|
|
|
|
|
{
|
|
|
|
|
basicInfo && (basicInfo.authentication == 'uncertified' || basicInfo.authentication == 'applying') &&
|
|
|
|
|
<i className="status fr iconfont icon-tishi color-red font-16"></i>
|
|
|
|
|
}
|
|
|
|
|
{
|
|
|
|
|
basicInfo && basicInfo.authentication == 'certified' &&
|
|
|
|
|
<i className="status fr iconfont icon-wancheng color-green-light font-16"></i>
|
|
|
|
|
}
|
|
|
|
|
</li>
|
|
|
|
|
<li className={`navItem ${isCertification ? 'active' : ''}`} onClick={this.toCertification}>
|
|
|
|
|
<i className="iconfont icon-renzhengxinxi color-grey-9 font-16"></i>认证信息
|
|
|
|
|
{
|
|
|
|
|
basicInfo && basicInfo.professional_certification == 'certified' && basicInfo.authentication == 'certified' ?
|
|
|
|
|
<i className="status fr iconfont icon-wancheng color-green-light font-16"></i>:
|
|
|
|
|
<i className="status fr iconfont icon-tishi color-red font-16"></i>
|
|
|
|
|
}
|
|
|
|
|
</li>
|
|
|
|
|
<li className={`navItem ${isSecure ? 'active' : ''}`} onClick={this.toSecure}>
|
|
|
|
|
<i className="iconfont icon-anquanshezhi color-grey-9 font-16"></i>安全设置
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="accountManagement">
|
|
|
|
|
<div className="title">账号管理</div>
|
|
|
|
|
<ul>
|
|
|
|
|
<li className={`navItem ${isBasic ? 'active' : ''}`} onClick={this.toBasic}>
|
|
|
|
|
<i className="iconfont icon-jibenxinxi color-grey-9 font-16"></i>
|
|
|
|
|
基本信息
|
|
|
|
|
{
|
|
|
|
|
(basicInfo.authentication == 'uncertified' || basicInfo.authentication == 'applying') &&
|
|
|
|
|
<i className="status fr iconfont icon-tishi color-red font-16"></i>
|
|
|
|
|
}
|
|
|
|
|
{
|
|
|
|
|
basicInfo.authentication == 'certified' &&
|
|
|
|
|
<i className="status fr iconfont icon-wancheng color-green-light font-16"></i>
|
|
|
|
|
}
|
|
|
|
|
</li>
|
|
|
|
|
<li className={`navItem ${isCertification ? 'active' : ''}`} onClick={this.toCertification}>
|
|
|
|
|
<i className="iconfont icon-renzhengxinxi color-grey-9 font-16"></i>认证信息
|
|
|
|
|
{
|
|
|
|
|
basicInfo.professional_certification == 'certified' && basicInfo.authentication == 'certified' ?
|
|
|
|
|
<i className="status fr iconfont icon-wancheng color-green-light font-16"></i>:
|
|
|
|
|
<i className="status fr iconfont icon-tishi color-red font-16"></i>
|
|
|
|
|
}
|
|
|
|
|
</li>
|
|
|
|
|
<li className={`navItem ${isSecure ? 'active' : ''}`} onClick={this.toSecure}>
|
|
|
|
|
<i className="iconfont icon-anquanshezhi color-grey-9 font-16"></i>安全设置
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</React.Fragment>
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|