|
|
|
@ -26,7 +26,9 @@ class DetailTop extends Component{
|
|
|
|
|
MenuItemskey:1,
|
|
|
|
|
courseslist:[],
|
|
|
|
|
Pathcourseid:undefined,
|
|
|
|
|
OpenCourseTypes:false
|
|
|
|
|
OpenCourseTypes:false,
|
|
|
|
|
putappointmenttype:false,
|
|
|
|
|
getappointmenttype:false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
componentDidMount(){
|
|
|
|
@ -48,33 +50,43 @@ class DetailTop extends Component{
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
this.props.courses.map((item,key)=>{
|
|
|
|
|
if(listtype===false){
|
|
|
|
|
keys=key+1
|
|
|
|
|
if(item.course_status.status===0) {
|
|
|
|
|
listtype=true
|
|
|
|
|
return (
|
|
|
|
|
courseslist.push(item)
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
let type=undefined;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.props.courses.map((item,key)=>{
|
|
|
|
|
if(listtype===false){
|
|
|
|
|
let arr=[]
|
|
|
|
|
keys=key+1
|
|
|
|
|
if(item.course_status.status===2) {
|
|
|
|
|
type=key+1
|
|
|
|
|
arr.push(item)
|
|
|
|
|
}
|
|
|
|
|
courseslist=arr;
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
this.props.courses.map((item,key)=>{
|
|
|
|
|
let arr=[]
|
|
|
|
|
if(listtype===false){
|
|
|
|
|
keys=key+1
|
|
|
|
|
if(item.course_status.status===0) {
|
|
|
|
|
listtype=true
|
|
|
|
|
return (
|
|
|
|
|
courseslist.push(item)
|
|
|
|
|
)
|
|
|
|
|
// courseslist.push(item)
|
|
|
|
|
arr.push(item)
|
|
|
|
|
courseslist=arr
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
console.log(courseslist)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
if(courseslist.length!=0){
|
|
|
|
|
this.props.getMenuItemsindex(keys,courseslist[0].course_status.status)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
courseslist:courseslist,
|
|
|
|
|
MenuItemskey:keys,
|
|
|
|
@ -156,7 +168,8 @@ class DetailTop extends Component{
|
|
|
|
|
Modalstype:false,
|
|
|
|
|
Modalsbottomval:'',
|
|
|
|
|
loadtype:false,
|
|
|
|
|
deletepathtype:false
|
|
|
|
|
deletepathtype:false,
|
|
|
|
|
putappointmenttype:false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -219,6 +232,8 @@ class DetailTop extends Component{
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
this.props.getMenuItemsindex(keys,courseslist[0].course_status.status)
|
|
|
|
|
this.setState({
|
|
|
|
|
MenuItemskey:keys,
|
|
|
|
|
courseslist:courseslist,
|
|
|
|
@ -245,6 +260,20 @@ class DetailTop extends Component{
|
|
|
|
|
pathcousestypeid:typeid
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
putappointment=()=>{
|
|
|
|
|
this.setState({
|
|
|
|
|
Modalstype:true,
|
|
|
|
|
Modalstopval:"是否确认立即预约?",
|
|
|
|
|
Modalsbottomval:"",
|
|
|
|
|
cardsModalcancel:()=>this.cardsModalcancel(),
|
|
|
|
|
putappointmenttype:true,
|
|
|
|
|
loadtype:false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ysljoinmodalCancel=()=>{
|
|
|
|
|
this.setState({
|
|
|
|
|
yslJointhe:false
|
|
|
|
@ -267,9 +296,34 @@ class DetailTop extends Component{
|
|
|
|
|
OpenCourseTypes:false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
getappointment=()=>{
|
|
|
|
|
let pathid=this.props.match.params.pathId;
|
|
|
|
|
let url=`/paths/${pathid}/appointment.json`
|
|
|
|
|
axios.post(url).then((response) => {
|
|
|
|
|
|
|
|
|
|
if (response.status === 200) {
|
|
|
|
|
|
|
|
|
|
if(response.data.status===0){
|
|
|
|
|
this.setState({
|
|
|
|
|
getappointmenttype:true
|
|
|
|
|
})
|
|
|
|
|
this.cardsModalcancel()
|
|
|
|
|
// this.props.getlistdatas()
|
|
|
|
|
this.props.showNotification(response.data.message)
|
|
|
|
|
}else{
|
|
|
|
|
this.props.showNotification(response.data.message)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}).catch((error) => {
|
|
|
|
|
console.log(error)
|
|
|
|
|
this.cardsModalcancel()
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
render(){
|
|
|
|
|
let{detailInfoList}=this.props;
|
|
|
|
|
let{Modalstype,Modalstopval,cardsModalcancel,OpenCourseTypes,Modalsbottomval,cardsModalsavetype,loadtype}=this.state;
|
|
|
|
|
let{Modalstype,Modalstopval,cardsModalcancel,putappointmenttype,Modalsbottomval,cardsModalsavetype,loadtype,getappointmenttype}=this.state;
|
|
|
|
|
const radioStyle = {
|
|
|
|
|
display: 'block',
|
|
|
|
|
height: '30px',
|
|
|
|
@ -292,15 +346,19 @@ class DetailTop extends Component{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let applypath=this.props.detailInfoList&&this.props.detailInfoList.participant_count!=undefined&&this.props.detailInfoList&&this.props.detailInfoList.allow_statistics===false;
|
|
|
|
|
let coursestypes=this.props.courses!=undefined&&this.props.courses.length===0;
|
|
|
|
|
let isadminallow_statistics=this.props.courses&&this.props.courses.length===0&&this.props.detailInfoList&&this.props.detailInfoList.allow_statistics===true;
|
|
|
|
|
|
|
|
|
|
return(
|
|
|
|
|
|
|
|
|
|
<div className={this.props.courses===undefined||this.props.courses.length===0?"subhead":"subhead mb70"}>
|
|
|
|
|
<div className={this.props.courses===undefined||this.props.courses.length===0?"subhead":applypath===false?"subhead mb70":this.state.MenuItemskey===this.props.courses.length?"subhead mb100":"subhead mb70"}>
|
|
|
|
|
<Modals
|
|
|
|
|
modalsType={Modalstype}
|
|
|
|
|
modalsTopval={Modalstopval}
|
|
|
|
|
modalsBottomval={Modalsbottomval}
|
|
|
|
|
modalCancel={cardsModalcancel}
|
|
|
|
|
modalSave={cardsModalsavetype===true?this.reovkissuePaths:this.cardsModalsave}
|
|
|
|
|
modalSave={cardsModalsavetype===true?()=>this.reovkissuePaths():putappointmenttype===true?()=>this.getappointment():()=>this.cardsModalsave()}
|
|
|
|
|
loadtype={loadtype}
|
|
|
|
|
>
|
|
|
|
|
</Modals>
|
|
|
|
@ -309,7 +367,7 @@ class DetailTop extends Component{
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
detailInfoList &&
|
|
|
|
|
<div className={this.props.courses===undefined||this.props.courses.length===0?"subhead_content":"subhead_content pt100"}>
|
|
|
|
|
<div className={this.props.courses===undefined?"subhead_content":this.props.courses.length===0?"subhead_content pt40":"subhead_content pt100"}>
|
|
|
|
|
<div className="font-28 color-white clearfix">
|
|
|
|
|
{/*<Tooltip placement="bottom" title={detailInfoList.name.length>27?detailInfoList.name:""}>*/}
|
|
|
|
|
|
|
|
|
@ -428,9 +486,7 @@ class DetailTop extends Component{
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
{this.props.courses===undefined||this.props.courses.length===0?"":<div className="userNavs mt20">
|
|
|
|
|
|
|
|
|
|
<li className={"fl pd4020"}>
|
|
|
|
|
{this.props.courses===undefined||isadminallow_statistics===true?"":<div className="userNavs mt20" style={applypath===false?{}:this.state.MenuItemskey===this.props.courses.length?{height:'158px'}:{}}>
|
|
|
|
|
<style>
|
|
|
|
|
{
|
|
|
|
|
`
|
|
|
|
@ -453,32 +509,32 @@ class DetailTop extends Component{
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
{this.props.courses===undefined||this.props.courses.length===0?"":<li className={"fl pd4020"}>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{this.props.courses===undefined?"":this.state.courseslist.map((item,key)=>{
|
|
|
|
|
if(item.course_identity<4){
|
|
|
|
|
return(
|
|
|
|
|
<Tooltip placement="bottom" title={"编辑课堂"} key={key}>
|
|
|
|
|
<a href={`/courses/${item.course_id}/newgolds/settings`} target={"_blank"}>
|
|
|
|
|
<i className="iconfont icon-bianji1 newbianji1"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
)}})
|
|
|
|
|
}
|
|
|
|
|
{this.state.courseslist.map((item,key)=>{
|
|
|
|
|
if(item.course_identity<4){
|
|
|
|
|
return(
|
|
|
|
|
<Tooltip placement="bottom" title={"编辑课堂"} key={key}>
|
|
|
|
|
<a href={`/courses/${item.course_id}/newgolds/settings`} target={"_blank"}>
|
|
|
|
|
<i className="iconfont icon-bianji1 newbianji1"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</Tooltip>
|
|
|
|
|
)}})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Dropdown
|
|
|
|
|
overlay={menu}
|
|
|
|
|
onVisibleChange={this.onVisibleChanges}
|
|
|
|
|
>
|
|
|
|
|
<a className={"alist"}>
|
|
|
|
|
第<span className={"color-orange"}> {this.state.MenuItemskey} </span>次开课 <Icon className="aIcons" type={!this.state.onVisibleChangestype?"down":"up"} />
|
|
|
|
|
</a>
|
|
|
|
|
</Dropdown>
|
|
|
|
|
</li>
|
|
|
|
|
<style>
|
|
|
|
|
{
|
|
|
|
|
`
|
|
|
|
|
<Dropdown
|
|
|
|
|
overlay={menu}
|
|
|
|
|
onVisibleChange={this.onVisibleChanges}
|
|
|
|
|
>
|
|
|
|
|
<a className={"alist"}>
|
|
|
|
|
第<span className={"color-orange"}> {this.state.MenuItemskey} </span>次开课 <Icon className="aIcons" type={!this.state.onVisibleChangestype?"down":"up"} />
|
|
|
|
|
</a>
|
|
|
|
|
</Dropdown>
|
|
|
|
|
</li>}
|
|
|
|
|
<style>
|
|
|
|
|
{
|
|
|
|
|
`
|
|
|
|
|
.pdt28{
|
|
|
|
|
padding-top: 28px;
|
|
|
|
|
}
|
|
|
|
@ -494,12 +550,12 @@ class DetailTop extends Component{
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<li className={"ml20"}>
|
|
|
|
|
{this.state.courseslist.map((item,key)=>{
|
|
|
|
|
return(
|
|
|
|
|
<div className={"ant-breadcrumb pdt28"} key={key}>
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
{this.props.courses===undefined||this.props.courses.length===0?"":<li className={"ml20"}>
|
|
|
|
|
{this.state.courseslist.map((item,key)=>{
|
|
|
|
|
return(
|
|
|
|
|
<div className={"ant-breadcrumb pdt28"} key={key}>
|
|
|
|
|
<span>
|
|
|
|
|
<div className="ant-breadcrumb-link fl mr23">
|
|
|
|
|
<div className={"pathtime"}>
|
|
|
|
@ -512,7 +568,7 @@ class DetailTop extends Component{
|
|
|
|
|
<div className="fl solidright"></div>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<span>
|
|
|
|
|
<span>
|
|
|
|
|
<div className="ant-breadcrumb-link fl mr23 ml23">
|
|
|
|
|
<div className={"pathtime"}>
|
|
|
|
|
结课时间:
|
|
|
|
@ -524,7 +580,7 @@ class DetailTop extends Component{
|
|
|
|
|
<div className="fl solidright"></div>
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
<span>
|
|
|
|
|
<span>
|
|
|
|
|
<div className="ant-breadcrumb-link fl mr23 ml23">
|
|
|
|
|
<div className={"pathtime"}>
|
|
|
|
|
报名人数:
|
|
|
|
@ -534,17 +590,15 @@ class DetailTop extends Component{
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
<li className={"fr mr25"}>
|
|
|
|
|
<style>
|
|
|
|
|
{
|
|
|
|
|
`
|
|
|
|
|
</li>}
|
|
|
|
|
<style>
|
|
|
|
|
{
|
|
|
|
|
`
|
|
|
|
|
.user-colorgrey-9b{color:#9B9B9B}
|
|
|
|
|
.user-colorgrey-green{color:#7ED321}
|
|
|
|
|
.background191{
|
|
|
|
@ -565,40 +619,107 @@ class DetailTop extends Component{
|
|
|
|
|
.courseslistsa{
|
|
|
|
|
color:#fff !important;
|
|
|
|
|
}
|
|
|
|
|
.pathbtensbox{
|
|
|
|
|
width: 215px !important;
|
|
|
|
|
height: 46px !important;
|
|
|
|
|
background: rgba(76,172,255,1);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
line-height: 46px !important;
|
|
|
|
|
}
|
|
|
|
|
.lineHeight1{
|
|
|
|
|
line-height: 1px;
|
|
|
|
|
}
|
|
|
|
|
.font153{
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: rgba(153,153,153,1);
|
|
|
|
|
margin-left: 30px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.absolutewidth{
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 19px;
|
|
|
|
|
right: 71px;
|
|
|
|
|
}
|
|
|
|
|
.relativewidth{
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.padding040{
|
|
|
|
|
padding: 0 43px;
|
|
|
|
|
}
|
|
|
|
|
.mt26{
|
|
|
|
|
margin-top:26px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
{this.state.courseslist.map((item,key)=>{
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
{this.props.courses===undefined||this.props.courses.length===0?"":<li className={"fr padding040"}>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{/*
|
|
|
|
|
height: 158px;
|
|
|
|
|
}*/}
|
|
|
|
|
{this.state.courseslist.map((item,key)=>{
|
|
|
|
|
|
|
|
|
|
return(
|
|
|
|
|
<div key={key}>
|
|
|
|
|
{applypath===false?"":this.state.MenuItemskey===this.props.courses.length||coursestypes===true?
|
|
|
|
|
this.props.detailInfoList&&this.props.detailInfoList.has_participate===false?
|
|
|
|
|
getappointmenttype===true?<span className={coursestypes===true?"fr user_default_btn background191 font-18 pathbtensbox mt5":"fr user_default_btn background191 font-18 pathbtensbox mt26"}>预约报名成功</span>:<a className={coursestypes===true?"fr user_default_btn task-btn-28BE6C font-18 pathbtensbox mt5":"fr user_default_btn task-btn-28BE6C font-18 pathbtensbox mt26"} onClick={()=>this.putappointment()}>期待开课并预约报名</a>:
|
|
|
|
|
<span className={coursestypes===true?"fr user_default_btn background191 font-18 pathbtensbox mt5":"fr user_default_btn background191 font-18 pathbtensbox mt26"}>预约报名成功</span>:""}
|
|
|
|
|
|
|
|
|
|
{/*{item.course_status.status===0?<div className="mr51 shixun_detail pointer fl user-colorgrey-green pathdefault">即将开课</div>:""}*/}
|
|
|
|
|
{item.course_status.status===1?<div className="mr51 shixun_detail pointer fl color-orange pathdefault">{item.course_status.time}</div>:""}
|
|
|
|
|
{item.course_status.status===2&&item.course_identity<6?<div className="mr20 shixun_detail pointer fl user-colorgrey-9b pathdefault">已结束</div>:""}
|
|
|
|
|
{/*<div className="fr user_default_btn background191 font-18 mt28 pathbtens pathdefault">已结束</div>*/}
|
|
|
|
|
{item.course_status.status===0?
|
|
|
|
|
item.course_identity<5?<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens courseslistsa mr20" href={item.first_category_url} target="_blank">
|
|
|
|
|
进入课堂
|
|
|
|
|
</a>:item.course_identity<6?<div className="fr user_default_btn background191 font-18 mt28 pathbtens pathdefault mr20">报名成功</div>
|
|
|
|
|
:<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens mr20" onClick={()=>this.JoinnowCourse(item.course_id)}>立即报名</a>:""}
|
|
|
|
|
|
|
|
|
|
{item.course_status.status===1?
|
|
|
|
|
item.course_identity<5?<a className="courseslistsa fr user_default_btn task-btn-orange font-18 mt28 pathbtens mr20" href={item.first_category_url} target="_blank">
|
|
|
|
|
进入课堂
|
|
|
|
|
</a>:item.course_identity<6?<a className="courseslistsa fr user_default_btn task-btn-orange font-18 mt28 pathbtens mr20" href={item.first_category_url} target="_blank">
|
|
|
|
|
立即学习
|
|
|
|
|
</a>:<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens mr20" onClick={()=>this.JoinnowCourse(item.course_id,item.course_status.status)}>立即加入</a>:""}
|
|
|
|
|
|
|
|
|
|
{item.course_status.status===2?
|
|
|
|
|
item.course_identity<6?<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens courseslistsa mr20" href={item.first_category_url} target="_blank">
|
|
|
|
|
进入课堂
|
|
|
|
|
</a>:<div className="mr20 shixun_detail pointer fl user-colorgrey-9b pathdefault">已结束</div>:""}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
)})}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</li>}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{applypath===false?"":this.state.MenuItemskey===this.props.courses.length?<div className={"clear"}></div>:""}
|
|
|
|
|
|
|
|
|
|
{applypath===false?"":this.props.courses.length===0?"":this.state.MenuItemskey===this.props.courses.length||coursestypes===true?<span className={coursestypes===true?"fr lineHeight1 relativewidth mt43":"fl lineHeight1 relativewidth"}>
|
|
|
|
|
<span className={"fr mr30"}>当前预约报名人数:<span className={"color-red mr5"}>{getappointmenttype===true?this.props.detailInfoList&&this.props.detailInfoList.participant_count+1:this.props.detailInfoList&&this.props.detailInfoList.participant_count}</span>人</span>
|
|
|
|
|
<span className={"font153 fr mr12"}>当预约报名人数达到 {this.props.detailInfoList&&this.props.detailInfoList.student_count} 人时即将开课</span>
|
|
|
|
|
{/*{this.props.detailInfoList&&this.props.detailInfoList.has_participate===false?*/}
|
|
|
|
|
{/*getappointmenttype===true?<span className={coursestypes===true?"fr user_default_btn background191 font-18 pathbtensbox absolutewidth mt5":"fr user_default_btn background191 font-18 pathbtensbox absolutewidth"}>预约报名成功</span>:<a className={coursestypes===true?"fr user_default_btn task-btn-28BE6C font-18 pathbtensbox absolutewidth mt5":"fr user_default_btn task-btn-28BE6C font-18 pathbtensbox absolutewidth"} onClick={()=>this.putappointment()}>期待开课并预约报名</a>:*/}
|
|
|
|
|
{/*<span className={coursestypes===true?"fr user_default_btn background191 font-18 pathbtensbox absolutewidth mt5":"fr user_default_btn background191 font-18 pathbtensbox absolutewidth"}>预约报名成功</span>}*/}
|
|
|
|
|
</span>
|
|
|
|
|
:""}
|
|
|
|
|
|
|
|
|
|
{applypath===true&&this.props.courses.length===0?this.state.MenuItemskey===this.props.courses.length||coursestypes===true?<span className={coursestypes===true?"fl ml20 lineHeight0 relativewidth":"fl ml20 lineHeight0 relativewidth"}>
|
|
|
|
|
<span>当前预约报名人数:<span className={"color-red mr5"}>{getappointmenttype===true?this.props.detailInfoList&&this.props.detailInfoList.participant_count+1:this.props.detailInfoList&&this.props.detailInfoList.participant_count}</span>人</span>
|
|
|
|
|
<span className={"font153"}>当预约报名人数达到 {this.props.detailInfoList&&this.props.detailInfoList.student_count} 人时即将开课</span>
|
|
|
|
|
{this.props.detailInfoList&&this.props.detailInfoList.has_participate===false?
|
|
|
|
|
getappointmenttype===true?<span className={coursestypes===true?"fr user_default_btn background191 font-18 pathbtensbox absolutewidth mt5":"fr user_default_btn background191 font-18 pathbtensbox absolutewidth"}>预约报名成功</span>:<a className={coursestypes===true?"fr user_default_btn task-btn-28BE6C font-18 pathbtensbox absolutewidth mt5":"fr user_default_btn task-btn-28BE6C font-18 pathbtensbox absolutewidth"} onClick={()=>this.putappointment()}>期待开课并预约报名</a>:
|
|
|
|
|
<span className={coursestypes===true?"fr user_default_btn background191 font-18 pathbtensbox absolutewidth mt5":"fr user_default_btn background191 font-18 pathbtensbox absolutewidth"}>预约报名成功</span>}
|
|
|
|
|
</span>:"":""}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return(
|
|
|
|
|
<div key={key}>
|
|
|
|
|
{item.course_status.status===0?<div className="mr51 shixun_detail pointer fl user-colorgrey-green pathdefault">即将开课</div>:""}
|
|
|
|
|
{item.course_status.status===1?<div className="mr51 shixun_detail pointer fl color-orange pathdefault">{item.course_status.time}</div>:""}
|
|
|
|
|
{item.course_status.status===2&&item.course_identity<6?<div className="mr51 shixun_detail pointer fl user-colorgrey-9b pathdefault">已结束</div>:""}
|
|
|
|
|
|
|
|
|
|
{item.course_status.status===0?
|
|
|
|
|
item.course_identity<5?<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens courseslistsa" href={item.first_category_url} target="_blank">
|
|
|
|
|
进入课堂
|
|
|
|
|
</a>:item.course_identity<6?<div className="fr user_default_btn background191 font-18 mt28 pathbtens pathdefault">报名成功</div>
|
|
|
|
|
:<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens" onClick={()=>this.JoinnowCourse(item.course_id)}>立即报名</a>:""}
|
|
|
|
|
|
|
|
|
|
{item.course_status.status===1?
|
|
|
|
|
item.course_identity<5?<a className="courseslistsa fr user_default_btn task-btn-orange font-18 mt28 pathbtens" href={item.first_category_url} target="_blank">
|
|
|
|
|
进入课堂
|
|
|
|
|
</a>:item.course_identity<6?<a className="courseslistsa fr user_default_btn task-btn-orange font-18 mt28 pathbtens" href={item.first_category_url} target="_blank">
|
|
|
|
|
立即学习
|
|
|
|
|
</a>:<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens" onClick={()=>this.JoinnowCourse(item.course_id,item.course_status.status)}>立即加入</a>:""}
|
|
|
|
|
|
|
|
|
|
{item.course_status.status===2?
|
|
|
|
|
item.course_identity<6?<a className="fr user_default_btn task-btn-orange font-18 mt28 pathbtens courseslistsa" href={item.first_category_url} target="_blank">
|
|
|
|
|
进入课堂
|
|
|
|
|
</a>:<div className="fr user_default_btn background191 font-18 mt28 pathbtens pathdefault">已结束</div>:""}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
)})}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
</div>}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|