m52mxtq3o
/
educoder
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

调整

Browse Source
dev_forum
杨树明 6 years ago
parent 863425642c
commit a782beaf9a
1 changed files with 97 additions and 95 deletions
Show Stats Download Patch File Download Diff File

192
public/react/src/modules/user/account/AccountCertification.js
Unescape View File

@ -1,95 +1,97 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
// import { Button } from 'antd' // import { Button } from 'antd'
import { WordsBtn, getImageUrl } from 'educoder'; import { WordsBtn, getImageUrl } from 'educoder';
import RealNameCertificationModal from '../modal/RealNameCertificationModal' import RealNameCertificationModal from '../modal/RealNameCertificationModal'
import '../../courses/css/Courses.css' import '../../courses/css/Courses.css'
import {CNotificationHOC} from '../../courses/common/CNotificationHOC' import {CNotificationHOC} from '../../courses/common/CNotificationHOC'
class AccountCertification extends Component { class AccountCertification extends Component {
constructor(props){ constructor(props){
super(props); super(props);
this.state={ this.state={
certification:1 certification:1
} }
} }
showRealNameCertificationModal = (index) => { showRealNameCertificationModal = (index) => {
this.setState({ this.setState({
certification:index, certification:index,
}) })
this.realNameCertificationModal.setVisible(true) this.realNameCertificationModal.setVisible(true)
} }
render() { render() {
let {certification}=this.state let {certification}=this.state
let {basicInfo} = this.props; let {basicInfo} = this.props;
return ( return (
<div> <div>
{this.state.certification===1?<RealNameCertificationModal ref="realNameCertificationModal" {...this.props} {this.state.certification===1?<RealNameCertificationModal ref="realNameCertificationModal" {...this.props}
wrappedComponentRef={(form) => this.realNameCertificationModal = form} certification={certification} wrappedComponentRef={(form) => this.realNameCertificationModal = form} certification={certification}
></RealNameCertificationModal>:<RealNameCertificationModal ref="realNameCertificationModal" {...this.props} ></RealNameCertificationModal>:""}
wrappedComponentRef={(form) => this.realNameCertificationModal = form} certification={certification}
></RealNameCertificationModal>} {this.state.certification===2?<RealNameCertificationModal ref="realNameCertificationModal" {...this.props}
<div className="basicForm"> wrappedComponentRef={(form) => this.realNameCertificationModal = form} certification={certification}
<style>{` ></RealNameCertificationModal>:""}
.basicForm .title { <div className="basicForm">
font-size: 16px; <style>{`
padding-left: 30px; .basicForm .title {
margin-bottom: 10px; font-size: 16px;
} padding-left: 30px;
.flexTable { margin-bottom: 10px;
display: flex; }
flex-direction: column; .flexTable {
} display: flex;
.flexRow { flex-direction: column;
display: flex; }
} .flexRow {
.flexRow .name { display: flex;
margin-left: 46px; }
} .flexRow .name {
.flexRow .description { margin-left: 46px;
margin-left: 30px; }
flex: 1; .flexRow .description {
color: #CDCDCD; margin-left: 30px;
} flex: 1;
.flexRow .status { color: #CDCDCD;
width: 100px; }
color: #28AC7F; .flexRow .status {
} width: 100px;
`}</style> color: #28AC7F;
<div className="title">认证信息</div> }
<div className="flexTable"> `}</style>
<div className="flexRow lineh-20 mb20"> <div className="title">认证信息</div>
<div className="name">实名认证</div> <div className="flexTable">
<div className="description">有些课程需要实名认证才能加入哟，还能获得500金币的奖励~ </div> <div className="flexRow lineh-20 mb20">
<div className="status"> <div className="name">实名认证</div>
{ <div className="description">有些课程需要实名认证才能加入哟，还能获得500金币的奖励~ </div>
basicInfo && basicInfo.authentication =="uncertified" ? <div className="status">
<WordsBtn style="blue" className="borderBottom" onClick={()=>this.showRealNameCertificationModal(1)} >立即认证</WordsBtn>: {
basicInfo && basicInfo.authentication =="applying" ? <span style={{color: '#FF6800'}}>待审核</span>: basicInfo && basicInfo.authentication =="uncertified" ?
<span><i className="iconfont icon-wancheng color-green font-16 mr3"></i>已认证</span> <WordsBtn style="blue" className="borderBottom" onClick={()=>this.showRealNameCertificationModal(1)} >立即认证</WordsBtn>:
} basicInfo && basicInfo.authentication =="applying" ? <span style={{color: '#FF6800'}}>待审核</span>:
</div> <span><i className="iconfont icon-wancheng color-green font-16 mr3"></i>已认证</span>
</div> }
</div>
<div className="flexRow lineh-20"> </div>
<div className="name">职业认证</div>
<div className="description">教师认证完毕之后，可创建课堂、发布实训、免金币查看所有实训答案.. </div> <div className="flexRow lineh-20">
<div className="status"> <div className="name">职业认证</div>
{ <div className="description">教师认证完毕之后，可创建课堂、发布实训、免金币查看所有实训答案.. </div>
basicInfo && basicInfo.professional_certification =="uncertified" ? <div className="status">
<WordsBtn style="blue" className="borderBottom" onClick={()=>this.showRealNameCertificationModal(2)} >立即认证</WordsBtn>: {
basicInfo && basicInfo.professional_certification =="applying" ? <span style={{color: '#FF6800'}}>待审核</span>: basicInfo && basicInfo.professional_certification =="uncertified" ?
<span><i className="iconfont icon-wancheng color-green font-16 mr3"></i>已认证</span> <WordsBtn style="blue" className="borderBottom" onClick={()=>this.showRealNameCertificationModal(2)} >立即认证</WordsBtn>:
} basicInfo && basicInfo.professional_certification =="applying" ? <span style={{color: '#FF6800'}}>待审核</span>:
</div> <span><i className="iconfont icon-wancheng color-green font-16 mr3"></i>已认证</span>
</div> }
</div> </div>
</div> </div>
<div style={{color: '#989898', marginLeft: '20px'}}>* 我们确保你所提供的信息均处于严格保密状态，不会泄露</div> </div>
</div> </div>
); <div style={{color: '#989898', marginLeft: '20px'}}>* 我们确保你所提供的信息均处于严格保密状态，不会泄露</div>
} </div>
} );
}
export default AccountCertification; }
export default AccountCertification;

Write Preview
Loading…
Cancel
Save