forked from Gitlink/forgeplus-react
1145 lines
28 KiB
JavaScript
1145 lines
28 KiB
JavaScript
import React, {Component} from 'react';
|
||
import {
|
||
BrowserRouter as Router,
|
||
Route,
|
||
Switch,
|
||
Link
|
||
} 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, Pagination, message, Spin, Breadcrumb} from 'antd';
|
||
import Registrationitem from './Registrationitem';
|
||
import RegisNodata from './RegisNodata';
|
||
import CompetitionMaxImg from './CompetitionMaxImg';
|
||
import RegistrationSearch from './RegistrationSearch';
|
||
import RegisListview from './RegisListview';
|
||
import RegisListviewdata from './RegisListviewdata';
|
||
import PersonModal from './competmodal/PersonModal';
|
||
import MessagePersonModal from './competmodal/MessagePersonModal';
|
||
import PersonalModalteam from './competmodal/PersonalModalteam';
|
||
import PersonalCompetititem from './personal/PersonalCompetititem';
|
||
import ExittheteamModel from './competmodal/ExittheteamModel';
|
||
// 团队竞赛报名无报名
|
||
class Registration extends React.Component {
|
||
/***
|
||
*"personal": false, // 是否为个人赛
|
||
*"enroll_ended": false, // 报名是否截止
|
||
*"enrolled: false, // 是否已经报名
|
||
*"teacher_staff": { // 为空表示不支持老师报名
|
||
*"member_staff": { // 为空表示不支持学生报名
|
||
* personal// 是否是个人赛
|
||
* type 是按设计图来的
|
||
* **/
|
||
constructor(props) {
|
||
super(props)
|
||
this.state = {
|
||
loadingstate: false,
|
||
pages: 1,
|
||
limit: 20,
|
||
type: 7,
|
||
tmodalsType: false,
|
||
tmodalsTypes: false,
|
||
Newtit: true,
|
||
keyword: "",
|
||
page: 1,
|
||
per_page: 20,
|
||
data: [],
|
||
competition_teams: [],
|
||
count: 0,
|
||
GetenrollmentAPI: undefined,
|
||
personal: false,
|
||
enroll_ended: false,
|
||
enrolled: false,
|
||
teacher_staff: null,
|
||
member_staff: null,
|
||
messagePer: "提示",
|
||
messagePerbool: false,
|
||
intpermessages: "确认",
|
||
messageexit: "提示",
|
||
messageexitol: false,
|
||
exitintpermessages: "是否确认退出战队?",
|
||
itemid: undefined,
|
||
itemiddata: [],
|
||
pint: 0,
|
||
competition_name: undefined,
|
||
mutiple_limited: false,
|
||
teamutiple_limited: false,
|
||
members_count: 0,
|
||
mode: 0,
|
||
region_schools: [],
|
||
admin: false,
|
||
typeysl: 0,
|
||
|
||
}
|
||
}
|
||
|
||
componentDidMount() {
|
||
// console.log(this.props);
|
||
|
||
// //////console.log("componentDidMount Registration");
|
||
// //// //////console.log("调用子组件 ");
|
||
// //////console.log(this.props.isAdmin());
|
||
// //// //////console.log(this.props.isAdmin())
|
||
try {
|
||
const {keyword, page, per_page} = this.state;
|
||
this.Getdata(keyword, page, per_page, this.props.user.admin);// 获取列表数据
|
||
this.GetenrollmentAPI();//获取我的报名配置
|
||
this.setState({
|
||
admin: this.props.user.admin
|
||
})
|
||
} catch (e) {
|
||
// const {keyword, page, per_page} = this.state;
|
||
// this.Getdata(keyword, page, per_page, this.props.isAdmin());
|
||
// this.GetenrollmentAPI();
|
||
}
|
||
//取模式
|
||
this.Getdataheader();
|
||
}
|
||
|
||
componentDidUpdate = (prevProps) => {
|
||
if (prevProps.user != this.props.user) {
|
||
// console.log("componentDidUpdate");
|
||
// console.log(this.props);
|
||
////console.log("Registration");
|
||
////console.log("componentDidUpdate");
|
||
////console.log(this.props.user.admin);
|
||
const {keyword, page, per_page} = this.state;
|
||
this.Getdata(keyword, page, per_page, this.props.user.admin);
|
||
//取报名配置
|
||
this.GetenrollmentAPI();
|
||
//取模式
|
||
this.Getdataheader();
|
||
this.setState({
|
||
admin: this.props.user.admin
|
||
})
|
||
}
|
||
|
||
}
|
||
|
||
// 获取数据头部
|
||
Getdataheader = () => {
|
||
const url = `/competitions/${this.props.match.params.identifier}/common_header.json`;
|
||
axios.get((url)).then((result) => {
|
||
if (result) {
|
||
if (result.data) {
|
||
this.setState({
|
||
mode: result.data.mode,
|
||
region_schools: result.data.region_schools
|
||
})
|
||
|
||
}
|
||
}
|
||
}).catch((error) => {
|
||
|
||
})
|
||
|
||
|
||
}
|
||
|
||
//获取报名配置API
|
||
GetenrollmentAPI = () => {
|
||
// console.log("调用了GetenrollmentAPI");
|
||
const url = `/competitions/${this.props.match.params.identifier}/competition_staff.json`;
|
||
axios.get((url)).then((result) => {
|
||
if (result) {
|
||
if (result.data) {
|
||
//// //////console.log("获取报名配置API");
|
||
//// //////console.log(result);
|
||
this.setState({
|
||
GetenrollmentAPI: result.data,
|
||
personal: result.data.personal,
|
||
enroll_ended: result.data.enroll_ended,
|
||
enrolled: result.data.enrolled,
|
||
teacher_staff: result.data.teacher_staff === undefined || result.data.teacher_staff === null ? null : result.data.teacher_staff,
|
||
member_staff: result.data.member_staff === undefined || result.data.member_staff === null ? null : result.data.member_staff,
|
||
|
||
})
|
||
|
||
try {
|
||
//获取学生是否被限制多次报名
|
||
if (result.data.member_staff) {
|
||
this.setState({
|
||
mutiple_limited: result.data.member_staff.mutiple_limited,
|
||
|
||
})
|
||
}
|
||
|
||
|
||
} catch (e) {
|
||
|
||
}
|
||
|
||
try {
|
||
//获取老师是否被限制多次报名
|
||
if (result.data.teacher_staff) {
|
||
this.setState({
|
||
teamutiple_limited: result.data.teacher_staff.mutiple_limited
|
||
})
|
||
}
|
||
|
||
} catch (e) {
|
||
|
||
}
|
||
|
||
//是否是个人赛做处理
|
||
if (result.data.personal === true) {
|
||
if (result.data.enroll_ended === true) {
|
||
this.setState({
|
||
pint: 0
|
||
})
|
||
} else if (result.data.enrolled === true) {
|
||
this.setState({
|
||
pint: 2
|
||
})
|
||
} else if (result.data.enrolled === false) {
|
||
this.setState({
|
||
pint: 1
|
||
})
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
}).catch((error) => {
|
||
console.log("GetenrollmentAPI");
|
||
console.log(error);
|
||
})
|
||
}
|
||
|
||
Getdata = (keyword, page, per_page, admin) => {
|
||
//搜索关键字 keyword
|
||
//页数 page
|
||
//分页 per_page
|
||
const datas = {
|
||
keyword: keyword,
|
||
page: page,
|
||
per_page: per_page,
|
||
};
|
||
let url = `/competitions/${this.props.match.params.identifier}/competition_teams.json`;
|
||
axios.get((url), {params: datas}).then((result) => {
|
||
if (result) {
|
||
if (result.data) {
|
||
//// //////console.log(result);\
|
||
if (result.data.personal === false) {
|
||
//不是个人赛
|
||
if (result.data.my_teams.length === 0) {
|
||
// 没有创建数据的
|
||
if (admin === true) {
|
||
//管理员
|
||
try {
|
||
this.setState({
|
||
type: 4,
|
||
count: result.data.count,
|
||
data: result.data.my_teams,
|
||
competition_teams: result.data.competition_teams,
|
||
personal: result.data.personal,
|
||
competition_name: result.data.competition_name,
|
||
members_count: result.data.members_count
|
||
})
|
||
} catch (e) {
|
||
this.setState({
|
||
type: 4,
|
||
count: result.data.count,
|
||
data: result.data.my_teams,
|
||
competition_teams: result.data.competition_teams,
|
||
personal: result.data.personal,
|
||
competition_name: result.data.competition_name,
|
||
members_count: result.data.members_count
|
||
})
|
||
}
|
||
|
||
} else {
|
||
//普通账号
|
||
this.setState({
|
||
type: 1,
|
||
count: result.data.count,
|
||
data: result.data.my_teams,
|
||
competition_teams: result.data.competition_teams,
|
||
personal: result.data.personal,
|
||
competition_name: result.data.competition_name,
|
||
members_count: result.data.members_count
|
||
})
|
||
}
|
||
} else {
|
||
//有数据的
|
||
if (admin === true) {
|
||
this.setState({
|
||
type: 5,
|
||
data: result.data.my_teams,
|
||
count: result.data.count,
|
||
competition_teams: result.data.competition_teams,
|
||
personal: result.data.personal,
|
||
competition_name: result.data.competition_name,
|
||
members_count: result.data.members_count
|
||
})
|
||
} else {
|
||
//普通账号true 为创建了竞赛
|
||
this.setState({
|
||
type: 2,
|
||
data: result.data.my_teams,
|
||
count: result.data.count,
|
||
personal: result.data.personal,
|
||
competition_name: result.data.competition_name,
|
||
members_count: result.data.members_count
|
||
})
|
||
}
|
||
|
||
}
|
||
} else {
|
||
if (this.props.user.admin === true) {
|
||
try {
|
||
|
||
if (result.data.competition_teams.length === 0) {
|
||
this.setState({
|
||
type: 6,
|
||
typeysl: 1,
|
||
data: result.data.competition_teams,
|
||
count: result.data.count,
|
||
competition_teams: result.data.competition_teams,
|
||
personal: result.data.personal,
|
||
competition_name: result.data.competition_name,
|
||
members_count: result.data.members_count,
|
||
|
||
})
|
||
} else {
|
||
this.setState({
|
||
type: 6,
|
||
typeysl: 0,
|
||
data: result.data.competition_teams,
|
||
count: result.data.count,
|
||
competition_teams: result.data.competition_teams,
|
||
personal: result.data.personal,
|
||
competition_name: result.data.competition_name,
|
||
members_count: result.data.members_count,
|
||
|
||
})
|
||
}
|
||
} catch (e) {
|
||
this.setState({
|
||
type: 6,
|
||
typeysl: 1,
|
||
data: result.data.competition_teams,
|
||
count: result.data.count,
|
||
competition_teams: result.data.competition_teams,
|
||
personal: result.data.personal,
|
||
competition_name: result.data.competition_name,
|
||
members_count: result.data.members_count,
|
||
|
||
})
|
||
}
|
||
} else {
|
||
try {
|
||
|
||
if (result.data.my_teams.length === 0) {
|
||
this.setState({
|
||
type: 6,
|
||
typeysl: 1,
|
||
data: result.data.my_teams,
|
||
count: result.data.count,
|
||
competition_teams: result.data.competition_teams,
|
||
personal: result.data.personal,
|
||
competition_name: result.data.competition_name,
|
||
members_count: result.data.members_count,
|
||
|
||
})
|
||
} else {
|
||
this.setState({
|
||
type: 6,
|
||
typeysl: 0,
|
||
data: result.data.my_teams,
|
||
count: result.data.count,
|
||
competition_teams: result.data.competition_teams,
|
||
personal: result.data.personal,
|
||
competition_name: result.data.competition_name,
|
||
members_count: result.data.members_count,
|
||
|
||
})
|
||
}
|
||
} catch (e) {
|
||
this.setState({
|
||
type: 6,
|
||
typeysl: 1,
|
||
data: result.data.my_teams,
|
||
count: result.data.count,
|
||
competition_teams: result.data.competition_teams,
|
||
personal: result.data.personal,
|
||
competition_name: result.data.competition_name,
|
||
members_count: result.data.members_count,
|
||
|
||
})
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
}
|
||
}
|
||
this.setState({
|
||
loadingstate: false,
|
||
})
|
||
}).catch((error) => {
|
||
if (admin === true) {
|
||
//管理员
|
||
this.setState({
|
||
type: 4,
|
||
count: 0,
|
||
competition_teams: [],
|
||
data: [],
|
||
loadingstate: false,
|
||
})
|
||
} else {
|
||
//普通账号
|
||
this.setState({
|
||
type: 1,
|
||
count: 0,
|
||
competition_teams: [],
|
||
data: [],
|
||
loadingstate: false,
|
||
})
|
||
}
|
||
})
|
||
|
||
}
|
||
|
||
// Getdatatype5 = (keyword, page, per_page, admin) => {
|
||
// //搜索关键字 keyword
|
||
// //页数 page
|
||
// //分页 per_page
|
||
// const datas = {
|
||
// keyword: keyword,
|
||
// page: page,
|
||
// per_page: per_page,
|
||
// };
|
||
// let url = `/competitions/${this.props.match.params.identifier}/competition_teams.json`;
|
||
// axios.get((url), {params: datas}).then((result) => {
|
||
// this.setState({
|
||
// loadingstate: false,
|
||
// })
|
||
// if (result) {
|
||
// if (result.data) {
|
||
// //// //////console.log(result);
|
||
// if (result.data.personal === false) {
|
||
// //不是个人赛
|
||
// ////console.log("Getdatatype5");
|
||
// ////console.log(result.data.my_teams.length);
|
||
// if (result.data.my_teams.length === 0) {
|
||
// // 没有创建数据的
|
||
// //管理员
|
||
// ////console.log("a");
|
||
// ////console.log(this.state.competition_teams);
|
||
// ////console.log(result.data.competition_teams);
|
||
// this.setState({
|
||
// type: 4,
|
||
// count: result.data.count,
|
||
// competition_teams: result.data.competition_teams,
|
||
// data: result.data.my_teams,
|
||
// personal: result.data.personal,
|
||
// competition_name: result.data.competition_name,
|
||
// members_count:result.data.members_count
|
||
//
|
||
//
|
||
// })
|
||
// } else {
|
||
// //有数据的
|
||
// ////console.log("b");
|
||
//
|
||
// if (result.data.my_teams[0].manage_permission === true) {
|
||
// this.setState({
|
||
// type: 5,
|
||
// data: result.data.my_teams,
|
||
// count: result.data.count,
|
||
// competition_teams: result.data.competition_teams,
|
||
// personal: result.data.personal,
|
||
// competition_name: result.data.competition_name,
|
||
// members_count:result.data.members_count
|
||
//
|
||
//
|
||
// })
|
||
// } else {
|
||
// ////console.log("c");
|
||
//
|
||
// this.setState({
|
||
// type: 4,
|
||
// data: result.data.my_teams,
|
||
// count: result.data.count,
|
||
// competition_teams: result.data.competition_teams,
|
||
// personal: result.data.personal,
|
||
// competition_name: result.data.competition_name,
|
||
// members_count:result.data.members_count
|
||
//
|
||
//
|
||
// })
|
||
// }
|
||
// }
|
||
// } else {
|
||
// //团队赛
|
||
// //////console.log("d");
|
||
//
|
||
// this.setState({
|
||
// type: 6,
|
||
// data: result.data.my_teams,
|
||
// count: result.data.count,
|
||
// competition_teams: result.data.competition_teams,
|
||
// personal: result.data.personal,
|
||
// competition_name: result.data.competition_name,
|
||
// members_count:result.data.members_count
|
||
//
|
||
//
|
||
// })
|
||
// }
|
||
//
|
||
// }
|
||
// }
|
||
//
|
||
// }).catch((error) => {
|
||
// ////console.log("k");
|
||
//
|
||
// ////console.log(error);
|
||
// ////console.log("报错了");
|
||
// if (admin === true) {
|
||
// //管理员
|
||
// this.setState({
|
||
// count: 0,
|
||
// competition_teams: [],
|
||
// data: [],
|
||
// loadingstate: false,
|
||
// })
|
||
// } else {
|
||
// //普通账号
|
||
// this.setState({
|
||
// count: 0,
|
||
// competition_teams: [],
|
||
// data: [],
|
||
// loadingstate: false,
|
||
// })
|
||
// }
|
||
// })
|
||
// }
|
||
|
||
|
||
//团队竞赛翻页
|
||
paginationonChangestwo = (pageNumber) => {
|
||
this.setState({
|
||
pages: pageNumber,
|
||
loadingstate: true,
|
||
})
|
||
const {keyword, per_page} = this.state;
|
||
this.Getdata(keyword, pageNumber, per_page, this.props.user.admin);
|
||
|
||
};
|
||
/**
|
||
* 加入战队
|
||
* */
|
||
Jointheteam = () => {
|
||
if (this.props.checkIfLogin() === false) {
|
||
this.props.showLoginDialog()
|
||
return
|
||
}
|
||
|
||
let {region_schools} = this.state;
|
||
//判断是否是否是同一个学校，数组元素为0就不用判断
|
||
try {
|
||
if (region_schools.length > 0) {
|
||
let i = 0;
|
||
for (var r = 0; r < region_schools.length; r++) {
|
||
if (region_schools[r] === this.props.user.user_school) {
|
||
// 终止循环
|
||
break;
|
||
|
||
}
|
||
i = i + 1;
|
||
}
|
||
if (i === region_schools.length) {
|
||
//如果i 等于region_schools.length，说明本次循环中没有相同的学校，本人不支持报名
|
||
try {
|
||
this.props.showNotification(`本竞赛只面向部分学校/单位开放，你暂时没有参赛资格!`);
|
||
|
||
} catch (e) {
|
||
|
||
}
|
||
this.Getdataheader();
|
||
return
|
||
}
|
||
|
||
}
|
||
} catch (e) {
|
||
|
||
}
|
||
|
||
|
||
|
||
if (this.props.user.is_teacher === true) {
|
||
try {
|
||
if (this.state.teamutiple_limited === true) {
|
||
if (this.state.enrolled === true) {
|
||
//已经报名
|
||
this.setState({
|
||
messagePerbool: true,
|
||
intpermessages: "你已经报名,不能重复报名"
|
||
})
|
||
return;
|
||
}
|
||
}
|
||
} catch (e) {
|
||
|
||
}
|
||
|
||
} else {
|
||
try {
|
||
if (this.state.mutiple_limited === true) {
|
||
if (this.state.enrolled === true) {
|
||
//已经报名
|
||
this.setState({
|
||
messagePerbool: true,
|
||
intpermessages: "你已经报名,不能重复报名"
|
||
})
|
||
return;
|
||
}
|
||
}
|
||
} catch (e) {
|
||
|
||
}
|
||
}
|
||
|
||
|
||
if (this.state.enroll_ended === true) {
|
||
//报名截止
|
||
this.setState({
|
||
messagePerbool: true,
|
||
intpermessages: "报名已截止，无需报名"
|
||
})
|
||
return
|
||
}
|
||
|
||
|
||
if (this.props.user.is_teacher === true) {
|
||
//老师
|
||
if (this.state.teacher_staff === null) {
|
||
//禁止老师
|
||
this.setState({
|
||
messagePerbool: true,
|
||
intpermessages: "已禁止老师报名"
|
||
})
|
||
return;
|
||
}
|
||
this.setState({
|
||
tmodalsTypes: true
|
||
})
|
||
} else {
|
||
//学生
|
||
if (this.state.member_staff === null) {
|
||
//禁止学生
|
||
this.setState({
|
||
messagePerbool: true,
|
||
intpermessages: "已禁止学生报名"
|
||
})
|
||
return;
|
||
}
|
||
this.setState({
|
||
tmodalsTypes: true
|
||
})
|
||
}
|
||
// this.setState({
|
||
// tmodalsTypes: true
|
||
// })
|
||
|
||
}
|
||
|
||
/**
|
||
* 创建战队
|
||
**/
|
||
Createateam = () => {
|
||
if (this.props.checkIfLogin() === false) {
|
||
this.props.showLoginDialog()
|
||
return
|
||
}
|
||
|
||
let {region_schools} = this.state;
|
||
//判断是否是否是同一个学校，数组元素为0就不用判断
|
||
try {
|
||
if (region_schools.length > 0) {
|
||
let i = 0;
|
||
for (var r = 0; r < region_schools.length; r++) {
|
||
if (region_schools[r] === this.props.user.user_school) {
|
||
// 终止循环
|
||
break;
|
||
|
||
}
|
||
i = i + 1;
|
||
}
|
||
if (i === region_schools.length) {
|
||
//如果i 等于region_schools.length，说明本次循环中没有相同的学校，本人不支持报名
|
||
try {
|
||
this.props.showNotification(`本竞赛只面向部分学校/单位开放，你暂时没有参赛资格!`);
|
||
} catch (e) {
|
||
|
||
}
|
||
this.Getdataheader();
|
||
return
|
||
}
|
||
|
||
}
|
||
} catch (e) {
|
||
|
||
}
|
||
|
||
|
||
if (this.props.user.is_teacher === true) {
|
||
try {
|
||
if (this.state.teamutiple_limited === true) {
|
||
if (this.state.enrolled === true) {
|
||
//已经报名
|
||
this.setState({
|
||
messagePerbool: true,
|
||
intpermessages: "你已经报名,不能重复报名"
|
||
})
|
||
return;
|
||
}
|
||
}
|
||
} catch (e) {
|
||
|
||
}
|
||
|
||
} else {
|
||
try {
|
||
if (this.state.mutiple_limited === true) {
|
||
if (this.state.enrolled === true) {
|
||
//已经报名
|
||
this.setState({
|
||
messagePerbool: true,
|
||
intpermessages: "你已经报名,不能重复报名"
|
||
})
|
||
return;
|
||
}
|
||
}
|
||
} catch (e) {
|
||
|
||
}
|
||
}
|
||
if (this.state.enroll_ended === true) {
|
||
//报名截止
|
||
this.setState({
|
||
messagePerbool: true,
|
||
intpermessages: "报名已截止，无需报名"
|
||
})
|
||
return
|
||
}
|
||
|
||
if (this.props.user.is_teacher === true) {
|
||
//老师
|
||
if (this.state.teacher_staff === null) {
|
||
//禁止老师
|
||
this.setState({
|
||
messagePerbool: true,
|
||
intpermessages: "已禁止老师报名"
|
||
})
|
||
return;
|
||
}
|
||
this.setState({
|
||
tmodalsType: true,
|
||
Newtit: true,
|
||
})
|
||
} else {
|
||
//学生
|
||
if (this.state.member_staff === null) {
|
||
//禁止学生
|
||
this.setState({
|
||
messagePerbool: true,
|
||
intpermessages: "已禁止学生报名"
|
||
})
|
||
return;
|
||
}
|
||
this.setState({
|
||
tmodalsType: true,
|
||
Newtit: true,
|
||
})
|
||
}
|
||
}
|
||
|
||
//编辑战队
|
||
Createateamedit = (data) => {
|
||
this.setState({
|
||
tmodalsType: true,
|
||
Newtit: false,
|
||
itemiddata: data
|
||
})
|
||
}
|
||
Tmoconfirm = (bool) => {
|
||
//boolfalse 取消 true 确认
|
||
this.setState({
|
||
tmodalsTypes: false
|
||
})
|
||
if (bool) {
|
||
//确认
|
||
this.Refreshteam();
|
||
|
||
} else {
|
||
//取消
|
||
|
||
|
||
}
|
||
}
|
||
|
||
//创建战队确认
|
||
Tmoconfirm1 = (bool) => {
|
||
//boolfalse 取消 true 确认
|
||
this.setState({
|
||
tmodalsType: false
|
||
})
|
||
if (bool) {
|
||
//确认
|
||
this.Refreshteam();
|
||
} else {
|
||
//取消
|
||
|
||
|
||
}
|
||
}
|
||
|
||
//自定义弹框按钮
|
||
messagePerboolbuton = () => {
|
||
this.setState({
|
||
messagePerbool: false
|
||
})
|
||
}
|
||
//显示退出战队弹框
|
||
Exittheteamshow = (itemid, bool) => {
|
||
if (bool === true) {
|
||
this.setState({
|
||
messageexitol: true,
|
||
itemid: itemid,
|
||
exitintpermessages: "是否确认删除战队",
|
||
})
|
||
} else {
|
||
this.setState({
|
||
messageexitol: true,
|
||
itemid: itemid,
|
||
exitintpermessages: "是否确认退出战队",
|
||
})
|
||
}
|
||
|
||
|
||
};
|
||
//刷新战队
|
||
Refreshteam = () => {
|
||
const {keyword, page, per_page} = this.state;
|
||
this.Getdata(keyword, page, per_page, this.props.user.admin);
|
||
this.GetenrollmentAPI();
|
||
}
|
||
//退出战队
|
||
Exittheteam = (bool) => {
|
||
// //////console.log(this.state.itemid);
|
||
if (bool) {
|
||
this.setState({
|
||
messageexitol: true
|
||
})
|
||
|
||
let url = `/competitions/${this.props.match.params.identifier}/competition_teams/${this.state.itemid}/leave.json`;
|
||
axios.post(url).then((response) => {
|
||
if (response) {
|
||
if (response.data) {
|
||
//////console.log("退出战队");
|
||
//////console.log(response);
|
||
this.Refreshteam();
|
||
this.setState({
|
||
messageexitol: false
|
||
})
|
||
|
||
}
|
||
}
|
||
}).catch((error) => {
|
||
//////console.log(error)
|
||
});
|
||
|
||
} else {
|
||
this.setState({
|
||
messageexitol: false
|
||
})
|
||
}
|
||
}
|
||
//搜索战队
|
||
RegistrationSearchvalue = (value) => {
|
||
////console.log("RegistrationSearchvalue");
|
||
////console.log(this.props.user.admin);
|
||
this.setState({
|
||
pages: 1,
|
||
limit: 20,
|
||
})
|
||
this.Getdata(value, 1, 20, this.props.user.admin);
|
||
}
|
||
|
||
//个人竞赛
|
||
// /competitions/:identifier/competition_teams.json
|
||
Personalregistration = () => {
|
||
let {teacher_staff, member_staff, data, enroll_ended, enrolled} = this.state;
|
||
|
||
if (this.props.checkIfLogin() === false) {
|
||
this.props.showLoginDialog();
|
||
return
|
||
}
|
||
|
||
if (enroll_ended === true) {
|
||
//已截止
|
||
this.props.showNotification(`报名已截止`);
|
||
return;
|
||
}
|
||
if (enrolled === true) {
|
||
this.props.showNotification(`你已经报名,不能重复报名！`);
|
||
return;
|
||
}
|
||
const url = `/competitions/${this.props.match.params.identifier}/competition_teams.json`;
|
||
axios.post(url).then((response) => {
|
||
if (response) {
|
||
if (response.data) {
|
||
this.props.showNotification(`报名成功,预祝您夺得桂冠!`);
|
||
this.Refreshteam();
|
||
}
|
||
}
|
||
}).catch((error) => {
|
||
|
||
});
|
||
}
|
||
|
||
|
||
render() {
|
||
const {page, admin, typeysl, mode, pages, limit, type, tmodalsType, tmodalsTypes, data, count, competition_teams, Newtit, itemiddata, messagePerbool, messageexitol, GetenrollmentAPI, loadingstate, pint, competition_name, mutiple_limited, teamutiple_limited, members_count} = this.state;
|
||
|
||
return (
|
||
<div className="newMain clearfix newMainybot">
|
||
|
||
<div className={"educontent mb20 persmstyle"} style={{width: "1200px", marginTop: "26px"}}>
|
||
<style>
|
||
{
|
||
`
|
||
html, body{
|
||
overflow: hidden;
|
||
height: 100%;
|
||
}
|
||
`
|
||
}
|
||
</style>
|
||
{
|
||
messagePerbool === true ?
|
||
<MessagePersonModal messagePer={this.state.messagePer} {...this.props} {...this.state}
|
||
messagePerboolbuton={() => this.messagePerboolbuton()}
|
||
GetenrollmentAPI={GetenrollmentAPI}></MessagePersonModal>
|
||
: ""
|
||
}
|
||
{/*编辑创建战队*/}
|
||
{
|
||
tmodalsType === true ?
|
||
<PersonModal modalsType={tmodalsType} {...this.props} {...this.state} Newtit={Newtit}
|
||
mutiple_limited={mutiple_limited}
|
||
teamutiple_limited={teamutiple_limited}
|
||
itemiddata={itemiddata} GetenrollmentAPI={GetenrollmentAPI}
|
||
Tmoconfirm1={(bool) => this.Tmoconfirm1(bool)}
|
||
GetenrollmentAPIopens={() => this.GetenrollmentAPI()}
|
||
></PersonModal>
|
||
:
|
||
""
|
||
}
|
||
{
|
||
tmodalsTypes === true ?
|
||
<PersonalModalteam tmodalsTypes={tmodalsTypes} {...this.props} {...this.state}
|
||
GetenrollmentAPI={GetenrollmentAPI}
|
||
Tmoconfirm={(bool) => this.Tmoconfirm(bool)}></PersonalModalteam>
|
||
: ""
|
||
}
|
||
{
|
||
messageexitol === true ?
|
||
<ExittheteamModel {...this.props} {...this.state} GetenrollmentAPI={GetenrollmentAPI}
|
||
Exittheteam={(bool) => this.Exittheteam(bool)}></ExittheteamModel>
|
||
: ""
|
||
}
|
||
|
||
|
||
<div style={{marginBottom: '12px'}}>
|
||
<Breadcrumb separator=">">
|
||
<Breadcrumb.Item><Link to={"/competitions"}>在线竞赛</Link></Breadcrumb.Item>
|
||
<Breadcrumb.Item><Link
|
||
to={`/competitions/${this.props.match.params.identifier}`}>{competition_name === undefined || competition_name === null || competition_name === "" ? "全国高校计算机大赛" : competition_name}</Link></Breadcrumb.Item>
|
||
{/*<Breadcrumb.Item*/}
|
||
{/* href={`/competitions/${this.props.match.params.identifier}/common_header`}></Breadcrumb.Item>*/}
|
||
<Breadcrumb.Item>报名</Breadcrumb.Item>
|
||
</Breadcrumb>
|
||
</div>
|
||
{/*大图*/}
|
||
<CompetitionMaxImg type={type} Jointheteam={() => this.Jointheteam()}
|
||
pint={pint}
|
||
{...this.props} {...this.state}
|
||
Createateam={() => this.Createateam()}
|
||
Personalregistration={() => this.Personalregistration()}
|
||
></CompetitionMaxImg>
|
||
{/*大图结尾*/}
|
||
{/*没数据*/}
|
||
{admin === true ?
|
||
(pint === 1 || pint === 3 ?
|
||
<div style={{
|
||
marginTop: "22px"
|
||
}}>
|
||
<p>参赛总人数：<span style={{color: "#459BE5"}}>{members_count}</span><span
|
||
style={{marginLeft: "5px"}}>人</span>
|
||
</p>
|
||
</div> : "")
|
||
: ""}
|
||
{/*列表*/}
|
||
{
|
||
type === 6 ?
|
||
<div
|
||
style={{
|
||
marginTop: "31px"
|
||
}}
|
||
>
|
||
<Spin spinning={loadingstate}>
|
||
{
|
||
data && data.map((item, index) => {
|
||
return (
|
||
<Registrationitem {...this.props} {...this.state} key={index} item={item}></Registrationitem>
|
||
)
|
||
})
|
||
}
|
||
|
||
</Spin>
|
||
|
||
</div>
|
||
: ""}
|
||
{
|
||
type === 1 || typeysl === 1 ?
|
||
<RegisNodata {...this.props} {...this.state} ></RegisNodata>
|
||
:
|
||
""
|
||
}
|
||
{/*普通账号出现单人 战队弹框*/}
|
||
{
|
||
type === 2 || type === 3 || type === 5 ?
|
||
(
|
||
data && data.map((item, index) => {
|
||
return (
|
||
<PersonalCompetititem key={index} type={type} item={item} index={index} mode={mode}
|
||
Exittheteamshow={(itemid) => this.Exittheteamshow(itemid)}
|
||
Createateamedit={(itemid) => this.Createateamedit(itemid)}
|
||
{...this.props} {...this.state}
|
||
></PersonalCompetititem>
|
||
)
|
||
})
|
||
)
|
||
|
||
: ""
|
||
}
|
||
|
||
{
|
||
type === 4 || type === 5 ?
|
||
<RegistrationSearch {...this.props} {...this.state} count={count}
|
||
RegistrationSearchvalue={(value) => this.RegistrationSearchvalue(value)}></RegistrationSearch>
|
||
: ""
|
||
}
|
||
{/*<Registrationitem></Registrationitem>*/}
|
||
{
|
||
type === 4 || type === 5 ?
|
||
<RegisListview {...this.props} {...this.state}></RegisListview>
|
||
:
|
||
""
|
||
}
|
||
|
||
|
||
{type === 4 || type === 5 ?
|
||
<Spin spinning={loadingstate}>
|
||
{
|
||
competition_teams && competition_teams.map((item, index) => {
|
||
return (
|
||
<RegisListviewdata {...this.props} {...this.state} key={index} item={item} admin={admin}></RegisListviewdata>
|
||
)
|
||
})
|
||
}
|
||
|
||
</Spin>
|
||
:
|
||
""
|
||
}
|
||
|
||
{
|
||
type === 4 || type === 5 ?
|
||
(
|
||
count < 20 ? <div style={{
|
||
height: "20px",
|
||
minHeight: "20px"
|
||
}}></div> :
|
||
<div className="edu-txt-center ysyslxh mt56 " style={{marginBottom: "192px",}}>
|
||
<Pagination showQuickJumper current={pages}
|
||
onChange={this.paginationonChangestwo} pageSize={limit}
|
||
total={count}></Pagination>
|
||
</div>
|
||
)
|
||
|
||
: <div style={{
|
||
height: "20px",
|
||
minHeight: "20px"
|
||
}}></div>
|
||
}
|
||
|
||
</div>
|
||
|
||
</div>
|
||
)
|
||
}
|
||
|
||
}
|
||
|
||
export default Registration;
|
||
|
||
|
||
// if (admin === true) {
|
||
// // if (result.data.my_teams[0].manage_permission === true) {
|
||
// this.setState({
|
||
// type: 5,
|
||
// data: result.data.my_teams,
|
||
// count: result.data.count,
|
||
// competition_teams: result.data.competition_teams,
|
||
// personal: result.data.personal,
|
||
// competition_name: result.data.competition_name,
|
||
// members_count: result.data.members_count
|
||
//
|
||
//
|
||
// })
|
||
// // } else {
|
||
// // this.setState({
|
||
// // type: 4,
|
||
// // data: result.data.my_teams,
|
||
// // count: result.data.count,
|
||
// // competition_teams: result.data.competition_teams,
|
||
// // personal: result.data.personal,
|
||
// // competition_name: result.data.competition_name,
|
||
// // members_count: result.data.members_count
|
||
// //
|
||
// //
|
||
// // })
|
||
|
||
// if (result.data.my_teams[0].manage_permission === true) {
|
||
//普通账号true 为创建了竞赛
|
||
// this.setState({
|
||
// type: 2,
|
||
// data: result.data.my_teams,
|
||
// count: result.data.count,
|
||
// personal: result.data.personal,
|
||
// competition_name: result.data.competition_name,
|
||
// members_count: result.data.members_count
|
||
//
|
||
//
|
||
// })
|
||
// } else {
|
||
// //普通账号true 加入了竞赛
|
||
// this.setState({
|
||
// type: 2,
|
||
// data: result.data.my_teams,
|
||
// count: result.data.count,
|
||
// personal: result.data.personal,
|
||
// competition_name: result.data.competition_name,
|
||
// members_count: result.data.members_count
|
||
//
|
||
//
|
||
// })
|
||
// }
|