|
|
import React, { Component } from 'react';
|
|
|
import { Breadcrumb,Layout,Table, Divider, Tag,Badge,Row, Col,Button, Menu, Icon} from 'antd';
|
|
|
import axios from 'axios';
|
|
|
|
|
|
import NoneData from "../../courses/shixunHomework/shixunHomework";
|
|
|
|
|
|
import './CompetitionCommon.css';
|
|
|
const { Header, Footer, Sider, Content } = Layout;
|
|
|
|
|
|
class CompetitionCommon extends Component{
|
|
|
constructor(props) {
|
|
|
super(props)
|
|
|
this.state={
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
componentDidMount(){
|
|
|
window.document.title = '竞赛';
|
|
|
this.getbannerdata()
|
|
|
}
|
|
|
|
|
|
getbannerdata=()=>{
|
|
|
let url=`/competitions/${this.props.match.params.identifier}/common_header.json`;
|
|
|
axios.get(url).then((response) => {
|
|
|
console.log(response)
|
|
|
}).catch((error) => {
|
|
|
console.log(error)
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
render() {
|
|
|
return (
|
|
|
<div className={"educontent clearfix mt20 "}>
|
|
|
<Breadcrumb separator=">">
|
|
|
<Breadcrumb.Item href="">在线竞赛</Breadcrumb.Item>
|
|
|
<Breadcrumb.Item href="">全国高校计算机大赛</Breadcrumb.Item>
|
|
|
</Breadcrumb>
|
|
|
|
|
|
<div className={"mt10"}>
|
|
|
<Row className={"CompetitionCommonbanner"}>
|
|
|
<Col span={15}>banner</Col>
|
|
|
<Col className={"CompetitionCommonbannerfont"} span={9}>
|
|
|
|
|
|
<Col className={"competitionbannerdiv"}>全国计算机系列大赛系列大赛系列大赛</Col>
|
|
|
|
|
|
<Col className={"competitionbannerdiv mt10"}>
|
|
|
<Col className={"Competitioncolor9b"}>竞赛时间：</Col>
|
|
|
<Col>2019-08-07 24: 00～2019-09-10 24: 00</Col>
|
|
|
</Col>
|
|
|
|
|
|
<Col className={"competitionbannerdiv mt20"}>
|
|
|
<Row gutter={16}>
|
|
|
<Col className="gutter-row" span={6}>
|
|
|
<div className="gutter-box CompetitionsIndexdadels Competitioncolor77">奖金</div>
|
|
|
</Col>
|
|
|
<Col className="gutter-row" span={6}>
|
|
|
<div className="gutter-box CompetitionsIndexdadels Competitioncolor77">浏览数</div>
|
|
|
</Col>
|
|
|
<Col className="gutter-row" span={6}>
|
|
|
<div className="gutter-box CompetitionsIndexdadels Competitioncolor77">报名数</div>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
|
|
|
<Row gutter={16}>
|
|
|
<Col className="gutter-row" span={6}>
|
|
|
<div className="gutter-box CompetitionsIndexbottomvalue Competitioncolor516">¥123</div>
|
|
|
</Col>
|
|
|
<Col className="gutter-row" span={6}>
|
|
|
<div className="gutter-box CompetitionsIndexbottomvalue Competitioncolor516">4124</div>
|
|
|
</Col>
|
|
|
<Col className="gutter-row" span={6}>
|
|
|
<div className="gutter-box CompetitionsIndexbottomvalue Competitioncolor516">51234</div>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
</Col>
|
|
|
|
|
|
<Col className={"competitionbannerdiv mt20"}>
|
|
|
<Button type="primary" block className={"Competitionfontsize22"}>
|
|
|
立即报名
|
|
|
</Button>
|
|
|
</Col>
|
|
|
<Col className={"mt10 Competitionfontsize16"}>报名截止时间：2019-08-07 08:10</Col>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<Layout className={'teamsLayout mt40'}>
|
|
|
|
|
|
<Sider>
|
|
|
|
|
|
<Menu mode="inline" className="CompetitionMenu" defaultSelectedKeys={['1']}>
|
|
|
|
|
|
<Menu.Item key="1">
|
|
|
<span>赛制介绍</span>
|
|
|
</Menu.Item>
|
|
|
|
|
|
<Menu.Item key="2">
|
|
|
<span>参赛手册</span>
|
|
|
</Menu.Item>
|
|
|
|
|
|
<Menu.Item key="3">
|
|
|
<span>排行榜</span>
|
|
|
</Menu.Item>
|
|
|
|
|
|
<Menu.Item key="4">
|
|
|
<span>通知公告</span>
|
|
|
</Menu.Item>
|
|
|
|
|
|
</Menu>
|
|
|
|
|
|
</Sider>
|
|
|
|
|
|
<Layout>
|
|
|
<Content>Content</Content>
|
|
|
</Layout>
|
|
|
</Layout>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
export default CompetitionCommon; |
