import React, {Component} from "react";
import {Link, NavLink} from 'react-router-dom';
import {WordsBtn, ActionBtn} from 'educoder';
import axios from 'axios';
import {
	notification
} from "antd";
import CoursesListType from '../coursesPublic/CoursesListType';

import '../css/members.css';
import "../common/formCommon.css";
import '../css/Courses.css';
import '../css/busyWork.css';
import '../poll/pollStyle.css';

class Generaljobbankdetails extends Component {
	constructor(props) {
		super(props);
		// this.answerMdRef = React.createRef();
		this.state = {
			tab: ["0"],
		}

	}

	//切换tab
	ChangeTab = (e) => {
		// console.log(e);
		this.setState({
			tab: e
		})
		try {
			var currenturl = window.location.href;
			var newUrl = (currenturl.split("?"))[0];
			window.history.pushState('','',newUrl+'?tab='+e);
		}catch (e) {
			console.log(e);
			console.log("44");
		}

	}


	componentDidMount() {
		// console.log("父组件加载框");
		const query = this.props.location.search;
		const type = query.split('?tab=');
		// let sum = []
		// sum.push(type[1])
		// console.log("componentDidMountcomponentDidMount");
		// console.log(type);
		this.setState({
			tab: type[1],
		})
		let querys = this.props.location.pathname;
		const types = querys.split('/');
		// console.log(types);
		this.setState({
			shixuntypes: types[3]
		})
	}


	confirmysl(child,i) {
		if(i===1){
			child.daochushixunbaogao();
		}
		if(i===2){
			child.daochuzuoye();
		}
	}

	homeworkendss(child){
		// child.homeworkends();
	}

	homeworkstarts(child){
		// child.homeworkstart();

	}
	workshowmodels(child){
		// child.workshowmodel();
	}
	/// 确认是否下载


	bindRef = ref => { this.child = ref }
///////////////教师截止

	render() {
		let {tab, teacherdatapage,  jobsettingsdatapage} = this.state;

		const isAdmin = this.props.isAdmin();
		// console.log(119)
		console.log(jobsettingsdatapage);


		return (
			<div className="newMain clearfix ">


				<div className={"educontent mt10 mb20"} style={{width: "1200px"}}>

					<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>
					<div className="educontent mb20">
						<p className=" fl color-black  summaryname" style={{heigth: "33px"}}>
							MySQL数据库编程开发实训（基础篇）
						</p>
						<CoursesListType
							typelist={["公开"]}
						/>
					</div>

					<div className="edu-back-white ">
						<div className="stud-class-set bor-bottom-greyE ">
							<div className=" clearfix edu-back-white poll_list">
								<a className={parseInt(tab) === 0 ? "active" : ""} onClick={(e) => this.ChangeTab(0)}>内容详情</a>
								<a className={parseInt(tab) === 1 ? "active" : ""} onClick={(e) => this.ChangeTab(1)}>参考答案</a>
								<a className="fr color-blue font-16" >发送</a>
								<a className="fr color-blue font-16" >编辑</a>
								<a className="fr color-blue font-16" >删除</a>
							</div>
						</div>
					</div>

				</div>
			</div>
		)
	}
}

export default Generaljobbankdetails;