+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ }}>小猫头像
-
-
-
-
-
-
-
+
已报名
-
邀请码：yngh5
+ textAlign: "center",
+ }}>2019-09-07 08:33
-
-
- {
- this.props.type === 5 ?
-
- : this.props.type === 2 ?
-
- :
- this.props.type === 2 ?
-
- :
- ""
-
- }
-
diff --git a/public/react/src/modules/competition/comcss/competition.css b/public/react/src/modules/competition/comcss/competition.css
index e50561e75..aa8e2b725 100644
--- a/public/react/src/modules/competition/comcss/competition.css
+++ b/public/react/src/modules/competition/comcss/competition.css
@@ -1,6 +1,6 @@
/*All*/
.borders {
- border: 1px solid;
+ border: 0.5px solid;
}
/*All*/
@@ -8,7 +8,7 @@
.registrationback {
height: 368px;
width: 1200px;
- border: 1px solid;
+ border: 0.5px solid;
display: flex;
display: -webkit-flex;
flex-direction: column;
@@ -19,7 +19,7 @@
.registrationback1 {
height: 368px;
width: 1200px;
- border: 1px solid;
+ border: 0.5px solid;
display: flex;
flex-direction: column;
background: #0dcecb;
@@ -63,6 +63,7 @@
color: #ffffff;
font-size: 18px;
line-height: 20px;
+ margin-top: 7px;
}
.registrationbackp4 {
@@ -112,6 +113,19 @@
}
+.personreg1 {
+ margin-right: 46px;
+ text-align: center;
+ background: #C3C1C1;
+ height: 54px;
+ width: 156px;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer
+}
+
.registbut11 {
margin-right: 46px;
text-align: center;
@@ -163,6 +177,12 @@
}
+.personreg1 p {
+ color: #ffffff;
+ font-size: 20px;
+ cursor: not-allowed;
+}
+
.registbut2 {
text-align: center;
color: #05101A;
@@ -217,7 +237,7 @@
}
.bootomimg {
- border: 1px solid;
+ border: 0.5px solid;
height: 80px;
width: 125px;
margin-top: 107px;
@@ -239,10 +259,16 @@
.regitem {
display: flex;
flex-direction: initial;
- border: 1px solid;
+ border: 0.5px solid;
margin-top: 44px;
}
+.regitem2 {
+ display: flex;
+ flex-direction: initial;
+ border-bottom: 1px solid #EDEDED;
+ margin-top: 19px;
+}
/*垂直*/
.regitemimg1 {
display: flex;
@@ -252,20 +278,35 @@
margin-left: 17px;
}
+.perregitemimg1 {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin-left: 26px;
+ padding-bottom: 18px;
+}
.regitemimg2 {
- border: 1px solid;
+ border: 0.5px solid;
height: 78px;
width: 78px;
}
+.personregitemimg {
+ border: 0.5px solid;
+ height: 64px;
+ width: 64px;
+}
+
+
.regitemimg2 p {
- border: 1px solid;
+ border: 0.5px solid;
color: #999999;
font-size: 14px;
}
.regitemimgs {
- border: 1px solid;
+ border: 0.5px solid;
width: 69px;
height: 69px;
margin-top: 3px;
@@ -274,7 +315,7 @@
.regitemimgs2 {
margin-top: 16px;
- border: 1px solid;
+ border: 0.5px solid;
width: 49px;
height: 51px;
margin-left: 25px
@@ -282,14 +323,14 @@
.regitemimgs22 {
margin-top: 27px;
- border: 1px solid;
+ border: 0.5px solid;
width: 28px;
height: 28px;
margin-left: 20px;
}
.regitemimgs3 {
- border: 1px solid;
+ border: 0.5px solid;
height: 22px;
width: 22px;
margin-top: 30px;
@@ -402,7 +443,7 @@ reglistviewdivs2 {
}
.reglistimg2 {
- border: 1px solid;
+ border: 0.5px solid;
height: 78px;
width: 78px;
}
diff --git a/public/react/src/modules/competition/competmodal/PersonModal.js b/public/react/src/modules/competition/competmodal/PersonModal.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/public/react/src/modules/competition/personal/PersonalCompetit.js b/public/react/src/modules/competition/personal/PersonalCompetit.js
new file mode 100644
index 000000000..b14ad4d36
--- /dev/null
+++ b/public/react/src/modules/competition/personal/PersonalCompetit.js
@@ -0,0 +1,97 @@
+import React, {Component} from 'react';
+import {SnackbarHOC, WordsBtn} from 'educoder';
+import {TPMIndexHOC} from '../../tpm/TPMIndexHOC';
+import competition from '../comcss/competition.css';
+import {Button, Pagination,} from 'antd';
+import CompetitionMaxImg from '../CompetitionMaxImg';
+import Registrationitem from '../Registrationitem';
+
+// 团队竞赛报名无报名
+class PersonalCompetit extends React.Component {
+ constructor(props) {
+ super(props)
+ this.state = {
+ loadingstate: false,
+ page: 1,
+ limit: 20,
+ type: 6,
+ pint: 1,
+ test: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20],
+ }
+ }
+
+
+ paginationonChangestwo = (pageNumber) => {
+ this.setState({
+ page: pageNumber,
+ loadingstate: true,
+ })
+ }
+
+ render() {
+ const {test, page, limit, type, pint} = this.state;
+ const listItems = test.map((item, index) =>
+
+ );
+ return (
+
+
+
+ {/*大图*/}
+ {
+ type === 6 ?
+
+ :
+ ""
+ }
+ {
+ pint === 1 || pint === 3 ?
+
+ : ""}
+
+ {/*列表*/}
+ {
+ pint === 1 || pint === 3 ?
+
+ {
+ listItems
+ }
+
+
+ : ""}
+ {
+ pint === 1 || pint === 3 ?
+
+ : ""
+ }
+
+
+
+
+ )
+ }
+
+}
+
+export default SnackbarHOC()(TPMIndexHOC(PersonalCompetit));
diff --git a/public/react/src/modules/competition/personal/PersonalCompetititem.js b/public/react/src/modules/competition/personal/PersonalCompetititem.js
new file mode 100644
index 000000000..8a0730736
--- /dev/null
+++ b/public/react/src/modules/competition/personal/PersonalCompetititem.js
@@ -0,0 +1,144 @@
+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 (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ this.props.type === 5 ?
+
+ : this.props.type === 2 ?
+
+ :
+ this.props.type === 3 ?
+
+ :
+ ""
+
+ }
+
+
+
+
+
+ )
+ }
+
+}
+
+export default Registrationitem;