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

调整竞赛验证

Browse Source
dev_auth
杨树林 5 years ago
parent d9a3511ecc
commit 8d71763adc
2 changed files with 204 additions and 6 deletions
Show Stats Download Patch File Download Diff File

101
public/react/src/modules/competitions/Competitioncommon/CompetitionCommonChild/CompetitionContentspdfChild/CompetitionContentspdfpeopledata.js
Unescape View File

@ -1,8 +1,8 @@
import React, { Component } from 'react';
import {Button,Layout} from 'antd';
import {Button,Layout,Input} from 'antd';
import axios from 'axios';
import {getImageUrl} from 'educoder';
// import NoneData from "../../../courses/shixunHomework/shixunHomework";
import mycompetotionchild from './mycompetotionchild.css';
class CompetitionContentspdfpeopledata extends Component{
constructor(props) {
@ -14,15 +14,104 @@ class CompetitionContentspdfpeopledata extends Component{
componentDidMount(){
window.document.title = '竞赛';
console.log(this.props.match.params.identifier)
}
render() {
console.log(this.props)
return (
<div>
345345
<div className="flexdidirectionss mt17">
<div className="flexdirections ">
<p className="fontcolorsyslhei font-16 w98"><span className="fontcolorsysl font-16">*</span><span>实名信息</span></p>
<p className="fontcolorsyslhui font-14 w200">通过实名认证后才能获得证书</p>
<p className="fontcolorsysllan font-14 ml3">立即认证</p>
</div>
<div className="flexdirections ml38 mt23">
<p className="fontcolorsyslhui1">姓名：</p>
<p className="fontcolorsyslhei flexdirections">胡志勇 <p className="iconfont icon-wancheng colorgreenlight font-14 ml20"></p><p className="colorgreenlight font-14 ml6">已认证</p> <p className="iconfont icon-tishi colorgreenorg font-14 ml20"></p><p className="colorgreenorg font-14 ml6">待审核！</p><p className="fontcolorsysllan borcolors font-12 w64">撤销认证</p></p>
</div>
<div className="flexdirections ml38 mt19">
<p className="fontcolorsyslhui1">性别：</p>
<p className="fontcolorsyslhei">男</p>
</div>
<div className="flexdirections mt36 ">
<p className="fontcolorsyslhei font-16 w98"><span className="fontcolorsysl font-16">*</span><span>职业信息</span></p>
<p className="fontcolorsyslhui font-14 w200">通过职业认证后才能获得证书</p>
<p className="fontcolorsysllan font-14 ml3">立即认证</p>
</div>
<div className="flexdirections ml38 mt23">
<p className="fontcolorsyslhui1">职业：</p>
<p className="fontcolorsyslhei flexdirections">教师 <p className="iconfont icon-wancheng colorgreenlight font-14 ml20"></p><p className="colorgreenlight font-14 ml6">已认证</p><p className="iconfont icon-tishi colorgreenorg font-14 ml20"></p><p className="colorgreenorg font-14 ml6">待审核！</p><p className="fontcolorsysllan borcolors font-12 w64">撤销认证</p></p>
</div>
<div className="flexdirections ml38 mt19">
<p className="fontcolorsyslhui1">职称：</p>
<p className="fontcolorsyslhei">副教授</p>
</div>
<div className="flexdirections ml38 mt19" >
<p className="fontcolorsyslhui1">学校：</p>
<p className="fontcolorsyslhei">国防科技大学</p>
</div>
<div className="flexdirections ml38 mt19">
<p className="fontcolorsyslhui1">院系：</p>
<p className="fontcolorsyslhei">计算机学院</p>
</div>
<div className="flexdirections mt36 ">
<p className="fontcolorsyslhei font-16 w98"><span className="fontcolorsysl font-16">*</span><span>联系方式</span></p>
</div>
<div className="flexdirections ml38 mt23">
<p className="fontcolorsyslhui1 w60 ">手机号：</p>
<p className="fontcolorsysljin w200 ">未绑定</p>
<p className="fontcolorsysllan">立即绑定</p>
</div>
<div className="flexdirections ml38 mt19">
<p className="fontcolorsyslhui1 w60">Email：</p>
<p className="fontcolorsyslhei w200">163@163.com</p>
<p className="fontcolorsysllan">更换</p>
</div>
<div className="flexdirections mt36">
<p className="fontcolorsyslhei font-16">签/领/开户行及银行卡号</p>
<p className="fontcolorsyslhui font-14 ml11">为保障奖金的及时发放，请队长如实填写你名下的银行卡信息</p>
</div>
<style>
{
`
.yslzxueshi .ant-input{
height: 40px !important;
width: 276px !important
}
`
}
</style>
<div className="flexdirections yslzxueshi ml38 mt23">
<p className="fontcolorsyslhui1 font-14 w60 myysllineheight">开户行：</p>
<Input placeholder="例如：中国工商银行" />
</div>
<div className="flexdirections yslzxueshi ml38 mt19">
<p className="fontcolorsyslhui1 font-14 w60 myysllineheight">支行：</p>
<Input placeholder="例如：长沙天河支行" />
</div>
<div className="flexdirections yslzxueshi ml38 mt19">
<p className="fontcolorsyslhui1 font-14 w60 myysllineheight">账号：</p>
<Input placeholder="请填写银行卡账号" />
</div>
<div className="flexdirections yslzxueshi ml38 mt34">
<p className="fontcolorsyslhui1 font-14 w60 myysllineheight myyslminwidth"></p>
<div className="myyslminwidth276 flexdirections">
<div className="buttongo"><p className="fontwenzi">取消</p></div>
<div className="buttongo2 ml20"><p className="fontwenzi">确认</p></div>
</div>
</div>
</div>
)
}

109
public/react/src/modules/competitions/Competitioncommon/CompetitionCommonChild/CompetitionContentspdfChild/mycompetotionchild.css
Unescape View File

@ -71,4 +71,113 @@
flex-direction:column-reverse;
}
.fontcolorsysl{
color:#FF0000
}
.fontcolorsyslhei{
color:#000000
}
.fontcolorsyslhui{
color:#888888
}
.fontcolorsyslhui1{
color:#666666;
}
.fontcolorsysllan{
color:#4CACFF
}
.fontcolorsysljin{
color:#DD7600
}
.w200{
width: 200px;
}
.w64{
width: 64px;
}
.w60{
width: 60px;
}
.w98{
width: 98px;
}
.myysllineheight{
line-height: 40px;
}
.myyslminwidth{
min-width: 60px;
}
.myyslminwidth276{
width: 276px;
}
.buttongo{
background: #E7E7E7;
border: 1px solid #E7E7E7;
width: 60px;
height: 30px;
border-radius: 4px;
color: #999999;
font-size: 16px;
}
.buttongo2{
background: #4CACFF;
border: 1px solid #4CACFF;
width: 60px;
height: 30px;
border-radius: 4px;
color: #FFFFFF;
font-size: 16px;
}
.fontwenzi{
text-align: center;
line-height: 30px;
}
.mt17{
margin-top: 17px;
}
.mt36{
margin-top: 36px;
}
.mt23{
margin-top: 23px;
}
.mt19{
margin-top: 19px;
}
.mt23{
margin-top: 23px;
}
.mt34{
margin-top: 34px;
}
.ml11{
margin-left: 11px;
}
.ml38{
margin-left: 38px;
}
.ml7{
margin-left: 7px;
}
.colorgreenlight{
color:#6EC76E
}
.colorgreenorg{
color: #FF7300;
}
.borcolors{
border: 1px solid #4CACFF;
text-align: center;
}

Write Preview
Loading…
Cancel
Save