竞赛

public/react/src/App.js

@@ -277,7 +277,13 @@ const Help = Loadable({
 const Ecs = Loadable({
 	loader: () => import('./modules/ecs/Ecs'),
 	loading: Loading,
-})
+});
+
+//个人竞赛报名
+const Registration = Loadable({
+	loader: () => import('./modules/competition/Registration'),
+	loading: Loading,
+});
 
 class App extends Component {
 	constructor(props) {
@@ -593,6 +599,12 @@ class App extends Component {
 										 render={
 											 (props)=>(<Ecs {...this.props} {...props} {...this.state}></Ecs>)
 										 }/>
+							<Route
+								path="/registration"
+								render={
+									(props) => (<Registration {...this.props} {...props} {...this.state}></Registration>)
+								}
+							/>
 							<Route exact path="/"
 										 // component={ShixunsHome}
 										 render={

public/react/src/modules/competition/CompetitionMaxImg.js

@@ -0,0 +1,77 @@
+import React, {Component} from 'react';
+import competition from './comcss/competition.css';
+
+// 团队竞赛报名大图
+class CompetitionMaxImg extends React.Component {
+	constructor(props) {
+		super(props)
+		this.state = {
+			type: 1,
+		}
+
+	}
+
+
+	render() {
+		let {type} = this.props
+		return (
+			<div>
+				{
+					type === 1 ?
+						<div className="registrationback">
+							<p className="registrationbackp1">Educoder竞赛平台</p>
+							<p className="registrationbackp2">Educoder是一个面向计算机类的互联网IT教育和实战平台，</p>
+							<p className="registrationbackp3">提供企业级工程实训，以实现工程化专业教学的自动化和智能化。</p>
+							<div className="registrationbackp2button">
+								<div className="registbut1">
+									<p>加入战队</p>
+								</div>
+								<div className="registbut2">
+									<p>创建战队</p>
+								</div>
+
+							</div>
+						</div>
+						:
+						type === 2 ?
+							<div className="registrationback">
+								<p className="registrationbackp1">Educoder竞赛平台</p>
+								<p className="registrationbackp4">高校智能课堂与综合实训平台</p>
+								<div className="registrationbackp2button2">
+									<div className="registbut11">
+										<p>加入战队</p>
+									</div>
+									<div className="registbut22">
+										<p>创建战队</p>
+									</div>
+
+								</div>
+							</div>
+							:
+							type === 3 ?
+								<div className="registrationback1">
+									<p className="registrationbackp11">Educoder竞赛平台</p>
+									<p className="registrationbackp22">高校智能课堂与综合实训平台</p>
+									<div className="registrationbackp2button3">
+										<div className="registbut111">
+											<p>加入战队</p>
+										</div>
+										<div className="registbut222">
+											<p>创建战队</p>
+										</div>
+
+									</div>
+								</div>
+								:
+								""
+				}
+
+
+			</div>
+
+		)
+	}
+
+}
+
+export default CompetitionMaxImg;

public/react/src/modules/competition/RegisListview.js

@@ -0,0 +1,48 @@
+import React, {Component} from 'react';
+import {
+	BrowserRouter as Router,
+	Route,
+	Switch
+} from 'react-router-dom';
+import axios from 'axios';
+import moment from 'moment';
+import competition from './comcss/competition.css';
+import {Checkbox, Table, Pagination, Menu, Icon} from "antd";
+// 团队竞赛报名无报名子组件团队 在线竞赛 > 全国高校计算机大赛-项目挑战>
+import Rectanglex from "../../modules/competition/Rectanglex.png";
+
+class RegisListview extends React.Component {
+	constructor(props) {
+		super(props)
+
+	}
+
+
+	render() {
+		return (
+			<div className="reglistviewdivs">
+				<style>
+					{
+						`
+						.imgmian{
+						
+							width: "100%",
+							background: \`url(${Rectanglex})\`,
+							}
+						`
+					}
+				</style>
+				<div className="reglistviewdivss imgmian">
+					<p style={{marginLeft: "53px", fontSize: "16px", color: "#05101A"}}>创建者</p>
+					<p>战队名称</p>
+					<p>战队成员</p>
+					<p>学校</p>
+					<p>时间</p>
+				</div>
+			</div>
+		)
+	}
+
+}
+
+export default RegisListview;

public/react/src/modules/competition/RegisNodata.js

@@ -0,0 +1,27 @@
+import React, {Component} from 'react';
+import competition from './comcss/competition.css';
+
+// 团队竞赛报名无报名子组件
+class RegisNodata extends React.Component {
+	constructor(props) {
+		super(props)
+
+
+	}
+
+
+	render() {
+		return (
+			<div className="bootom">
+				<div className="bootomimg">
+
+				</div>
+				<p className="bootomtext">暂无战队参与报名哦，赶紧来成为第一个挑战的吧~</p>
+			</div>
+
+		)
+	}
+
+}
+
+export default RegisNodata;

public/react/src/modules/competition/Registration.js

@@ -0,0 +1,61 @@
+import React, {Component} from 'react';
+import {
+	BrowserRouter as Router,
+	Route,
+	Switch
+} from 'react-router-dom';
+import axios from 'axios';
+import moment from 'moment';
+import {SnackbarHOC, WordsBtn} from 'educoder';
+import {TPMIndexHOC} from '../tpm/TPMIndexHOC';
+import competition from './comcss/competition.css';
+import {Button} from 'antd';
+import Registrationitem from './Registrationitem';
+import RegisNodata from './RegisNodata';
+import CompetitionMaxImg from './CompetitionMaxImg';
+import RegistrationSearch from './RegistrationSearch';
+import RegisListview from './RegisListview';
+
+// 团队竞赛报名无报名
+class Registration extends React.Component {
+	constructor(props) {
+		super(props)
+
+
+	}
+
+
+	render() {
+		return (
+			<div className="newMain clearfix ">
+				<div className={"educontent  mb20"} style={{width: "1200px", marginTop: "26px"}}>
+					<div className="educontent mb20 ">
+						<p className="clearfix mb20 mt10">
+							<a className="btn colorgrey fl hovercolorblue ">在线竞赛</a>
+							<span className="color-grey-9 fl ml3 mr3">&gt;</span>
+							<a
+								className=" btn colorgrey fl hovercolorblue ">全国高校计算机大赛-项目挑战</a>
+							<span className="color-grey-9 fl ml3 mr3">&gt;</span>
+							<WordsBtn className="fl">报名</WordsBtn>
+						</p>
+					</div>
+					{/*大图*/}
+					<CompetitionMaxImg type={3}></CompetitionMaxImg>
+					{/*大图结尾*/}
+					{/*没数据*/}
+					{/*<RegisNodata></RegisNodata>*/}
+
+					{/*<Registrationitem></Registrationitem>*/}
+					<RegistrationSearch></RegistrationSearch>
+					<RegisListview></RegisListview>
+
+
+				</div>
+
+			</div>
+		)
+	}
+
+}
+
+export default SnackbarHOC()(TPMIndexHOC(Registration));

public/react/src/modules/competition/RegistrationSearch.js

@@ -0,0 +1,55 @@
+import React, {Component} from 'react';
+import {
+	BrowserRouter as Router,
+	Route,
+	Switch
+} from 'react-router-dom';
+import axios from 'axios';
+import moment from 'moment';
+import competition from './comcss/competition.css';
+import {Checkbox, Input, Table, Pagination, Menu, Icon} from "antd";
+
+const Search = Input.Search;
+
+// 团队竞赛报名无报名子组件团队 在线竞赛 > 全国高校计算机大赛-项目挑战>
+class RegistrationSearch extends React.Component {
+	constructor(props) {
+		super(props)
+		this.state = {
+			keywords: ""
+		}
+	}
+
+	setdatafunsval = (e) => {
+		this.setState({
+			keywords: e.target.value
+		})
+	};
+	setdatafuns = (value) => {
+		console.log("点击了搜索");
+		this.setState({
+			keywords: value
+		})
+
+	};
+
+	render() {
+		return (
+			<div className="searchhead">
+
+				<Search
+					className="packinputs"
+					value={this.state.keywords}
+					enterButton={<span>搜索</span>}
+					onInput={(e) => this.setdatafunsval(e)}
+					onSearch={(value) => this.setdatafuns(value)}/>
+
+				<p style={{color: "#07140E", fontSize: "16px", marginTop: "7px", marginLeft: "760px"}}>战队总数：<span
+					style={{color: "#459BE5", fontSize: "16px"}}>271</span>个</p>
+			</div>
+		)
+	}
+
+}
+
+export default RegistrationSearch;

public/react/src/modules/competition/Registrationitem.js

@@ -0,0 +1,102 @@
+import React, {Component} from 'react';
+import {
+	BrowserRouter as Router,
+	Route,
+	Switch
+} from 'react-router-dom';
+import axios from 'axios';
+import moment from 'moment';
+import {SnackbarHOC, WordsBtn} from 'educoder';
+import {TPMIndexHOC} from '../tpm/TPMIndexHOC';
+import competition from './comcss/competition.css';
+import {Button} from 'antd';
+
+// 团队竞赛报名无报名子组件团队 竞赛报名-已创建战队
+class Registrationitem extends React.Component {
+	constructor(props) {
+		super(props)
+
+
+	}
+
+
+	render() {
+		return (
+
+			<div className="regitem">
+				<div className="regitemimg1">
+					<div className="regitemimg2">
+
+					</div>
+					<p>小猫头像</p>
+				</div>
+				<div style={{
+					marginTop: "29px",
+					marginLeft: "40px"
+				}}>
+					<p style={{
+						border: "1px solid",
+						color: "#05101A",
+						fontSize: "16px",
+						width: "150px",
+						textAlign: "center"
+					}}>重庆邮电大学</p>
+				</div>
+				<div style={{
+					marginLeft: "40px",
+					display: "flex",
+					flexDirection: "initial",
+					width: "487px"
+				}}>
+					<div className="regitemimgs">
+
+					</div>
+					<div className="regitemimgs2">
+
+					</div>
+					<div className="regitemimgs2">
+
+					</div>
+					<div className="regitemimgs2">
+
+					</div>
+					<div className="regitemimgs2">
+
+					</div>
+					<div className="regitemimgs2">
+
+					</div>
+					<div className="regitemimgs22">
+
+					</div>
+				</div>
+				<div>
+					<p style={{
+						border: "1px solid",
+						marginTop: "30px",
+						color: "#05101A",
+						fontSize: "16px",
+						marginLeft: "20px"
+					}}>邀请码：yngh5</p>
+				</div>
+				<div className="regitemimgs3">
+				</div>
+				<div className="regitemimgs4">
+					<div className="regitemimgs5">
+						<p>战队详情</p>
+					</div>
+					<div className="regitemimgs6">
+						<p>退出战队</p>
+					</div>
+
+				</div>
+
+			</div>
+
+
+		)
+	}
+
+}
+
+export default Registrationitem;

public/react/src/modules/competition/comcss/competition.css

@@ -0,0 +1,388 @@
+/*Registration.js*/
+.registrationback {
+    height: 368px;
+    width: 1200px;
+    border: 1px solid;
+    display: flex;
+    display: -webkit-flex;
+    flex-direction: column;
+    align-items: center;
+    background: #0dcecb;
+}
+
+.registrationback1 {
+    height: 368px;
+    width: 1200px;
+    border: 1px solid;
+    display: flex;
+    flex-direction: column;
+    background: #0dcecb;
+}
+
+.registrationbackp1 {
+    color: #ffffff;
+    font-size: 42px;
+    margin-top: 80px;
+    line-height: 42px;
+    font-weight: bold;
+
+}
+
+.registrationbackp11 {
+    color: #ffffff;
+    font-size: 48px;
+    margin-top: 71px;
+    line-height: 48px;
+    font-weight: bold;
+    margin-left: 251px;
+
+}
+
+.registrationbackp2 {
+    color: #ffffff;
+    font-size: 18px;
+    margin-top: 16px;
+    line-height: 20px;
+}
+
+.registrationbackp22 {
+    margin-left: 251px;
+    color: #ffffff;
+    font-size: 36px;
+    margin-top: 25px;
+    line-height: 36px;
+}
+
+.registrationbackp3 {
+    color: #ffffff;
+    font-size: 18px;
+    line-height: 20px;
+}
+
+.registrationbackp4 {
+    color: #ffffff;
+    font-size: 26px;
+    margin-top: 25px;
+    line-height: 26px;
+}
+
+.registrationbackp5 {
+    color: #ffffff;
+    font-size: 26px;
+    margin-top: 25px;
+}
+
+
+.registrationbackp2button {
+    display: flex;
+    align-items: center;
+    margin-top: 36px;
+}
+
+.registrationbackp2button2 {
+    display: flex;
+    align-items: center;
+    margin-top: 40px;
+}
+
+.registrationbackp2button3 {
+    display: flex;
+    align-items: center;
+    margin-top: 44px;
+    margin-left: 251px;
+}
+
+.registbut1 {
+    margin-right: 46px;
+    text-align: center;
+    background: #ffffff;
+    height: 54px;
+    width: 156px;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer
+
+}
+
+.registbut11 {
+    margin-right: 46px;
+    text-align: center;
+    font-size: 16px;
+    color: #ffffff;
+    height: 48px;
+    width: 156px;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border: 1px;
+    border-style: solid;
+    border-color: #ffffff;
+
+}
+
+.registbut111 {
+    margin-right: 46px;
+    text-align: center;
+    color: #ffffff;
+    height: 41px;
+    width: 146px;
+    font-size: 16px;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border: 2px;
+    border-style: solid;
+    border-color: #ffffff;
+
+}
+
+.registbut1 p {
+    color: #05101A;
+    font-size: 20px;
+    font-weight: bold;
+    cursor: pointer
+}
+
+.registbut2 p {
+    color: #05101A;
+    font-size: 20px;
+    font-weight: bold;
+    cursor: pointer
+
+}
+
+.registbut2 {
+    text-align: center;
+    color: #05101A;
+    font-size: 20px;
+    background: #ffffff;
+    height: 54px;
+    width: 156px;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer
+}
+
+.registbut22 {
+    text-align: center;
+    color: #ffffff;
+    font-size: 16px;
+    height: 48px;
+    width: 156px;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border: 1px;
+    border-style: solid;
+    border-color: #ffffff;
+}
+
+.registbut222 {
+    text-align: center;
+    color: #ffffff;
+    font-size: 16px;
+    height: 41px;
+    width: 146px;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border: 2px;
+    border-style: solid;
+    border-color: #ffffff;
+}
+
+.bootom {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.bootomimg {
+    border: 1px solid;
+    height: 80px;
+    width: 125px;
+    margin-top: 107px;
+
+}
+
+.bootomtext {
+    color: #999999;
+    font-size: 16px;
+    margin-top: 33px;
+
+}
+
+
+/*Registration.js*/
+
+/*Registrationitem.js*/
+/*横向*/
+.regitem {
+    display: flex;
+    flex-direction: initial;
+    border: 1px solid;
+    margin-top: 44px;
+}
+
+/*垂直*/
+.regitemimg1 {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-left: 25px;
+}
+
+.regitemimg2 {
+    border: 1px solid;
+    height: 78px;
+    width: 78px;
+}
+
+.regitemimg2 p {
+    border: 1px solid;
+    color: #999999;
+    font-size: 14px;
+}
+
+.regitemimgs {
+    border: 1px solid;
+    width: 69px;
+    height: 69px;
+    margin-top: 3px;
+
+}
+
+.regitemimgs2 {
+    margin-top: 16px;
+    border: 1px solid;
+    width: 49px;
+    height: 51px;
+    margin-left: 25px
+}
+
+.regitemimgs22 {
+    margin-top: 27px;
+    border: 1px solid;
+    width: 28px;
+    height: 28px;
+    margin-left: 20px;
+}
+
+.regitemimgs3 {
+    border: 1px solid;
+    height: 22px;
+    width: 22px;
+    margin-top: 30px;
+    margin-left: 14px;
+}
+
+.regitemimgs4 {
+    width: 156px;
+    display: flex;
+    flex-direction: row-reverse;
+    margin-top: 18px;
+    margin-left: 55px;
+}
+
+.regitemimgs5 {
+    margin-left: 10px;
+    text-align: center;
+    background: #ffffff;
+    height: 40px;
+    width: 72px;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px;
+    border-style: solid;
+    border-color: #459BE5;
+    cursor: pointer
+}
+
+.regitemimgs6 {
+    text-align: center;
+    background: #ffffff;
+    height: 40px;
+    width: 72px;
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px;
+    cursor: pointer;
+    border-style: solid;
+    border-color: #459BE5;
+}
+
+.regitemimgs5 p {
+    color: #459BE5;
+    font-size: 14px;
+    cursor: pointer
+}
+
+.regitemimgs6 p {
+    color: #459BE5;
+    font-size: 14px;
+    cursor: pointer
+
+}
+
+/*Registrationitem.js*/
+
+/*RegistrationSearch.js*/
+.searchhead {
+    display: flex;
+    flex-direction: initial;
+    margin-top: 24px;
+
+}
+
+.packinputs button {
+    background: #459BE5;
+}
+
+.packinputs {
+    width: 317px;
+    height: 34px;
+}
+
+
+/*RegistrationSearch.js*/
+.reglistviewdiv {
+    display: flex;
+    flex-direction: initial;
+    margin-top: 25px;
+}
+
+/*RegisListview.js*/
+.reglistviewdivs {
+    display: flex;
+    display: -webkit-flex;
+    flex-direction: column;
+    align-items: center;
+    background: #F9F9F9;
+}
+
+.reglistviewdivss {
+    display: flex;
+    flex-direction: initial;
+
+}
+
+
+/*RegisListview.js*/