|
|
|
@ -1,6 +1,7 @@
|
|
|
|
|
import React, { Component } from 'react';
|
|
|
|
|
import {Button,Layout,Tabs,Icon, Card, Avatar, Row, Col ,Table} from 'antd';
|
|
|
|
|
import {markdownToHTML,getImageUrl} from 'educoder';
|
|
|
|
|
import axios from 'axios';
|
|
|
|
|
import NoneData from "../../courses/shixunHomework/shixunHomework";
|
|
|
|
|
|
|
|
|
|
const { Content } = Layout;
|
|
|
|
@ -11,20 +12,63 @@ class CompetitionContents extends Component{
|
|
|
|
|
constructor(props) {
|
|
|
|
|
super(props)
|
|
|
|
|
this.state={
|
|
|
|
|
|
|
|
|
|
personal:undefined
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
componentDidMount(){
|
|
|
|
|
window.document.title = '竞赛';
|
|
|
|
|
let url=`/competitions/${this.props.match.params.identifier}/competition_staff.json`;
|
|
|
|
|
axios.get(url)
|
|
|
|
|
.then((response) => {
|
|
|
|
|
if(response.status===200){
|
|
|
|
|
console.log(response)
|
|
|
|
|
this.setState({
|
|
|
|
|
personal:response.data.personal
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
}).catch((error) => {
|
|
|
|
|
console.log(error)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
derivefun=(url)=>{
|
|
|
|
|
axios.get(url).then((response)=>{
|
|
|
|
|
if(response === undefined){
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
if(response.data.status&&response.data.status===-1){
|
|
|
|
|
this.props.showNotification(response.data.message);
|
|
|
|
|
}else if(response.data.status&&response.data.status===-2){
|
|
|
|
|
// if(response.data.message === "100"){
|
|
|
|
|
// // 已超出文件导出的上限数量(100 ),建议:
|
|
|
|
|
//
|
|
|
|
|
// this.setState({
|
|
|
|
|
// DownloadType:true,
|
|
|
|
|
// DownloadMessageval:100
|
|
|
|
|
// })
|
|
|
|
|
// }else {
|
|
|
|
|
// //因附件资料超过500M
|
|
|
|
|
// this.setState({
|
|
|
|
|
// DownloadType:true,
|
|
|
|
|
// DownloadMessageval:500
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
this.props.showNotification(response.data.message);
|
|
|
|
|
}else {
|
|
|
|
|
// this.props.showNotification(`正在下载中`);
|
|
|
|
|
// window.open("/api"+url, '_blank');
|
|
|
|
|
this.props.slowDownload(url);
|
|
|
|
|
}
|
|
|
|
|
}).catch((error) => {
|
|
|
|
|
console.log(error)
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
render() {
|
|
|
|
|
const operations =
|
|
|
|
|
<div>
|
|
|
|
|
const operations = <div>
|
|
|
|
|
<Button className={"fr"} type="primary" ghost onClick={()=>this.props.Competitionedit()}>编辑</Button>
|
|
|
|
|
<Button className={"fr mr20"} type="primary" ghost>
|
|
|
|
|
<a href={`/competitions/${this.props.match.params.identifier}/charts.xlsx`}>导出</a>
|
|
|
|
|
<a onClick={()=>this.derivefun(`/competitions/${this.props.match.params.identifier}/charts.xlsx`)}>导出</a>
|
|
|
|
|
</Button>
|
|
|
|
|
</div>
|
|
|
|
|
const columns = [
|
|
|
|
@ -71,13 +115,14 @@ class CompetitionContents extends Component{
|
|
|
|
|
|
|
|
|
|
const data = [];
|
|
|
|
|
let {chart_rules,chartdata}=this.props;
|
|
|
|
|
let {personal}=this.state;
|
|
|
|
|
chartdata===undefined?"":chartdata.teams.length===0||chartdata.teams.length<3?"":chartdata.teams.map((item,key)=>{
|
|
|
|
|
|
|
|
|
|
if(key>2){
|
|
|
|
|
let list={
|
|
|
|
|
usersum:key+1,
|
|
|
|
|
userimg:item.user_image,
|
|
|
|
|
username:item.record_user_name,
|
|
|
|
|
username:personal===undefined||personal===null?item.record_user_name:personal===true?item.record_user_name:item.team_name,
|
|
|
|
|
school:item.school_name,
|
|
|
|
|
spendtime:item.spend_time,
|
|
|
|
|
score:item.score,
|
|
|
|
@ -89,10 +134,10 @@ class CompetitionContents extends Component{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
|
// console.log(this.props.chartdata&&this.props.chartdata.user_ranks)
|
|
|
|
|
//console.log(chartdata&&chartdata.teams)
|
|
|
|
|
return (
|
|
|
|
|
<div>
|
|
|
|
|
{chart_rules===undefined?"":<Tabs onChange={(e)=>this.props.Competitioncallback(e)} activeKey={this.props.tabkey} tabBarExtraContent={this.props.current_user&&this.props.current_user.admin===true||this.props.current_user&&this.props.current_user.business===true?this.props.Competitionedittype===false?operations:"":""}>
|
|
|
|
|
{chart_rules===undefined?"":<Tabs onChange={(e)=>this.props.Competitioncallback(e)} activeKey={this.props.tabkey} tabBarExtraContent={this.props.current_user&&this.props.current_user.admin===true||this.props.current_user&&this.props.current_user.business===true?this.props.Competitionedittype===false?this.props.has_url===false?operations:"":"":""}>
|
|
|
|
|
{chart_rules.stages.map((item,key)=>{
|
|
|
|
|
return(
|
|
|
|
|
<TabPane tab={item.name} key={item.id===null?0:item.id}>
|
|
|
|
@ -122,7 +167,7 @@ class CompetitionContents extends Component{
|
|
|
|
|
{chartdata===undefined?"":chartdata.teams.length===0?"":chartdata.teams.map((item,key)=>{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(key===3){
|
|
|
|
|
if(key===2){
|
|
|
|
|
return(
|
|
|
|
|
<Col className="mt40" xs={{ span: 5, offset: 1 }} lg={{ span: 6, offset: 2 }}>
|
|
|
|
|
<Card
|
|
|
|
@ -134,7 +179,7 @@ class CompetitionContents extends Component{
|
|
|
|
|
<div className={"mt10"}>
|
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
|
<img className={"rankingimg"} src={getImageUrl(`images/${item.user_image===null?`avatars/User/0?1442652658`:item.user_image}`)} />
|
|
|
|
|
<p className="task-hide rankName mt5 jinshaifont">{item.user_name}</p>
|
|
|
|
|
<p className="task-hide rankName mt5 jinshaifont">{personal===undefined||personal===null?item.record_user_name:personal===true?item.record_user_name:item.team_name}</p>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
@ -158,7 +203,7 @@ class CompetitionContents extends Component{
|
|
|
|
|
|
|
|
|
|
})}
|
|
|
|
|
{chartdata===undefined?"":chartdata.teams.length===0?"":chartdata.teams.map((item,key)=>{
|
|
|
|
|
if(key===1){
|
|
|
|
|
if(key===0){
|
|
|
|
|
return(
|
|
|
|
|
<Col xs={{ span: 11, offset: 1 }} lg={{ span: 6, offset: 1 }}>
|
|
|
|
|
<Card
|
|
|
|
@ -170,7 +215,7 @@ class CompetitionContents extends Component{
|
|
|
|
|
<div className={"mt10"}>
|
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
|
<img className={"rankingimg"} src={getImageUrl(`images/${item.user_image===null?`avatars/User/0?1442652658`:item.user_image}`)} />
|
|
|
|
|
<p className="task-hide rankName mt5 jinshaifont">{item.record_user_name}</p>
|
|
|
|
|
<p className="task-hide rankName mt5 jinshaifont">{personal===undefined||personal===null?item.record_user_name:personal===true?item.record_user_name:item.team_name}</p>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
@ -194,7 +239,7 @@ class CompetitionContents extends Component{
|
|
|
|
|
}
|
|
|
|
|
})}
|
|
|
|
|
{chartdata===undefined?"":chartdata.teams.length===0?"":chartdata.teams.map((item,key)=>{
|
|
|
|
|
if(key===2){
|
|
|
|
|
if(key===1){
|
|
|
|
|
return(
|
|
|
|
|
<Col className="mt30" xs={{ span: 5, offset: 1 }} lg={{ span: 6, offset: 1 }}>
|
|
|
|
|
<Card
|
|
|
|
@ -206,7 +251,7 @@ class CompetitionContents extends Component{
|
|
|
|
|
<div className={"mt10"}>
|
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
|
<img className={"rankingimg"} src={getImageUrl(`images/${item.user_image===null?`avatars/User/0?1442652658`:item.user_image}`)} />
|
|
|
|
|
<p className="task-hide rankName mt5 jinshaifont">{item.record_user_name}</p>
|
|
|
|
|
<p className="task-hide rankName mt5 jinshaifont">{personal===undefined||personal===null?item.record_user_name:personal===true?item.record_user_name:item.team_name}</p>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
@ -237,9 +282,9 @@ class CompetitionContents extends Component{
|
|
|
|
|
<style>
|
|
|
|
|
{
|
|
|
|
|
`
|
|
|
|
|
.ant-col-4 {
|
|
|
|
|
width: 19%;
|
|
|
|
|
}
|
|
|
|
|
.ant-col-9 {
|
|
|
|
|
width: 35.5%;
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -251,24 +296,24 @@ class CompetitionContents extends Component{
|
|
|
|
|
<Col span={4} order={1}>
|
|
|
|
|
<span className={"ranknames"}>您当前排名:{item.rank}</span>
|
|
|
|
|
</Col>
|
|
|
|
|
<Col span={4} order={2}>
|
|
|
|
|
<Col className="userranksclass" span={3} order={2}>
|
|
|
|
|
{item.user_name}
|
|
|
|
|
</Col>
|
|
|
|
|
<Col span={4} order={3}>
|
|
|
|
|
<Col className="textleft" span={9} order={3}>
|
|
|
|
|
{item.team_name}
|
|
|
|
|
</Col>
|
|
|
|
|
<Col span={4} order={4}>
|
|
|
|
|
<Col span={3} order={4}>
|
|
|
|
|
{item.cost_time}
|
|
|
|
|
</Col>
|
|
|
|
|
<Col span={4} order={5}>
|
|
|
|
|
<Col className="textright" span={3} order={5}>
|
|
|
|
|
<span className={"ranknameslast"}>{item.score}</span>
|
|
|
|
|
</Col>
|
|
|
|
|
</Row>
|
|
|
|
|
)
|
|
|
|
|
})}
|
|
|
|
|
</div>}
|
|
|
|
|
<Row className={"mt80 mb80"}>
|
|
|
|
|
{chartdata===undefined?"":chartdata.teams.length===0||chartdata.teams.length<3?"":<Table className="Competitiontransparent" columns={columns} dataSource={data} showHeader={false} pagination={false}/>}
|
|
|
|
|
<Row className={"mt20 mb80"}>
|
|
|
|
|
{chartdata===undefined?"":chartdata.teams.length===0||chartdata.teams.length<4?"":<Table className="Competitiontransparent" columns={columns} dataSource={data} showHeader={false} pagination={false}/>}
|
|
|
|
|
</Row>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|