|
|
import React, { Component } from 'react';
|
|
|
import { Modal, Radio, Input} from 'antd';
|
|
|
import axios from 'axios';
|
|
|
//加入精品课堂
|
|
|
class OpenCourse extends Component {
|
|
|
|
|
|
constructor(props) {
|
|
|
super(props);
|
|
|
this.state={
|
|
|
value:0
|
|
|
}
|
|
|
}
|
|
|
|
|
|
componentDidMount() {
|
|
|
// console.log("加入精品课堂");
|
|
|
// console.log(this.props);
|
|
|
|
|
|
}
|
|
|
|
|
|
modalCancel=()=>{
|
|
|
this.props.OpenCourseCancel();
|
|
|
};
|
|
|
|
|
|
setDownload=()=>{
|
|
|
let {value}=this.state;
|
|
|
console.log(this.props.match.params.pathId)
|
|
|
|
|
|
if(value===0){
|
|
|
window.open(`/courses/${this.props.match.params.pathId}/newgold/0 `);
|
|
|
}else{
|
|
|
window.open(`/courses/${this.props.match.params.pathId}/newgold/1`);
|
|
|
}
|
|
|
this.props.OpenCourseCancel();
|
|
|
}
|
|
|
setpathradioChange = e => {
|
|
|
|
|
|
this.setState({
|
|
|
value: e.target.value,
|
|
|
});
|
|
|
};
|
|
|
|
|
|
render() {
|
|
|
// console.log("加入精品课堂2");
|
|
|
//console.log(this.props.Pathcourseid);
|
|
|
const pathradioStyle = {
|
|
|
display: 'block',
|
|
|
height: '30px',
|
|
|
lineHeight: '30px',
|
|
|
color:'#05101A',
|
|
|
textAlign: 'left',
|
|
|
fontSize: '16px'
|
|
|
};
|
|
|
const pathradioStyles={
|
|
|
color:'#999999'
|
|
|
}
|
|
|
return(
|
|
|
<Modal
|
|
|
keyboard={false}
|
|
|
closable={false}
|
|
|
footer={null}
|
|
|
destroyOnClose={true}
|
|
|
title="选择课堂性质"
|
|
|
centered={true}
|
|
|
visible={this.props.OpenCourseTypes===undefined?false:this.props.OpenCourseTypes}
|
|
|
width="600px"
|
|
|
>
|
|
|
<div className="educouddiv">
|
|
|
<div className={"tabeltext-alignleft"}>
|
|
|
<p className={"mt20 mb20 font-16"}>
|
|
|
<Radio.Group onChange={this.setpathradioChange} value={this.state.value}>
|
|
|
<Radio style={pathradioStyle} value={0}>
|
|
|
开放课堂：<span style={pathradioStyles}>所有用户可以随时访问</span>
|
|
|
</Radio>
|
|
|
<Radio style={pathradioStyle} value={1}>
|
|
|
私有课堂：<span style={pathradioStyles}>仅报名参与的课堂成员可以访问</span>
|
|
|
</Radio>
|
|
|
</Radio.Group>
|
|
|
</p>
|
|
|
</div>
|
|
|
<style>
|
|
|
{
|
|
|
`
|
|
|
a:hover {
|
|
|
color: #fff !important;
|
|
|
}
|
|
|
`
|
|
|
}
|
|
|
</style>
|
|
|
<div className="clearfix edu-txt-center mt20">
|
|
|
<a className="task-btn mr30" onClick={()=>this.modalCancel()}>取消</a>
|
|
|
<a className="task-btn task-btn-orange" onClick={()=>this.setDownload()}>确认</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</Modal>
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
|
|
|
export default OpenCourse; |
