m52mxtq3o
/
educoder
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

调整

Browse Source
dev_cs
杨树明 6 years ago
parent 2151cf8de2
commit 9c6e389630
2 changed files with 68 additions and 49 deletions
Show Stats Download Patch File Download Diff File

12
public/react/src/modules/paths/PathDetail/DetailTop.css
Unescape View File

@ -67,3 +67,15 @@
white-space: nowrap; white-space: nowrap;
height: 40px; height: 40px;
} }
.mb100{
margin-bottom: 100px !important;
}
.task-btn-28BE6C{
background: #28BE6C !important;
color: #fff!important;
}
.mt43{
margin-top: 43px;
}

75
public/react/src/modules/paths/PathDetail/DetailTop.js
Unescape View File

@ -50,35 +50,43 @@ class DetailTop extends Component{
}) })
}else{ }else{
let type=undefined;
this.props.courses.map((item,key)=>{ this.props.courses.map((item,key)=>{
if(listtype===false){ let arr=[]
keys=key+1 keys=key+1
if(item.course_status.status===0) { if(item.course_status.status===2) {
listtype=true type=key+1
return ( arr.push(item)
courseslist.push(item)
)
}
} }
courseslist=arr;
}) })
this.props.courses.map((item,key)=>{ this.props.courses.map((item,key)=>{
let arr=[]
if(listtype===false){ if(listtype===false){
keys=key+1 keys=key+1
if(item.course_status.status===2) { if(item.course_status.status===0) {
listtype=true 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.props.getMenuItemsindex(keys,courseslist[0].course_status.status)
} }
}
this.setState({ this.setState({
courseslist:courseslist, courseslist:courseslist,
MenuItemskey:keys, MenuItemskey:keys,
@ -339,11 +347,11 @@ 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 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;
// console.log(this.props.courses) console.log(coursestypes)
return( 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 <Modals
modalsType={Modalstype} modalsType={Modalstype}
modalsTopval={Modalstopval} modalsTopval={Modalstopval}
@ -358,7 +366,7 @@ class DetailTop extends Component{
{ {
detailInfoList && 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"> <div className="font-28 color-white clearfix">
{/*<Tooltip placement="bottom" title={detailInfoList.name.length>27?detailInfoList.name:""}>*/} {/*<Tooltip placement="bottom" title={detailInfoList.name.length>27?detailInfoList.name:""}>*/}
@ -477,9 +485,7 @@ class DetailTop extends Component{
</div> </div>
{this.props.courses===undefined||this.props.courses.length===0?"":<div className="userNavs mt20" style={applypath===false?{}:this.state.MenuItemskey===this.props.courses.length?{height:'158px'}:{}}> {this.props.courses===undefined?"":<div className="userNavs mt20" style={applypath===false?{}:this.state.MenuItemskey===this.props.courses.length?{height:'158px'}:{}}>
<li className={"fl pd4020"}>
<style> <style>
{ {
` `
@ -502,9 +508,9 @@ class DetailTop extends Component{
` `
} }
</style> </style>
{this.props.courses===undefined||this.props.courses.length===0?"":<li className={"fl pd4020"}>
{this.state.courseslist.map((item,key)=>{
{this.props.courses===undefined?"":this.state.courseslist.map((item,key)=>{
if(item.course_identity<4){ if(item.course_identity<4){
return( return(
<Tooltip placement="bottom" title={"编辑课堂"} key={key}> <Tooltip placement="bottom" title={"编辑课堂"} key={key}>
@ -524,7 +530,7 @@ class DetailTop extends Component{
第<span className={"color-orange"}> {this.state.MenuItemskey} </span>次开课 <Icon className="aIcons" type={!this.state.onVisibleChangestype?"down":"up"} /> 第<span className={"color-orange"}> {this.state.MenuItemskey} </span>次开课 <Icon className="aIcons" type={!this.state.onVisibleChangestype?"down":"up"} />
</a> </a>
</Dropdown> </Dropdown>
</li> </li>}
<style> <style>
{ {
` `
@ -545,7 +551,7 @@ class DetailTop extends Component{
` `
} }
</style> </style>
<li className={"ml20"}> {this.props.courses===undefined||this.props.courses.length===0?"":<li className={"ml20"}>
{this.state.courseslist.map((item,key)=>{ {this.state.courseslist.map((item,key)=>{
return( return(
<div className={"ant-breadcrumb pdt28"} key={key}> <div className={"ant-breadcrumb pdt28"} key={key}>
@ -588,9 +594,7 @@ class DetailTop extends Component{
}) })
} }
</li> </li>}
<li className={"fr mr25"}>
<style> <style>
{ {
` `
@ -615,7 +619,7 @@ class DetailTop extends Component{
color:#fff !important; color:#fff !important;
} }
.pathbtensbox{ .pathbtensbox{
width: 188px !important; width: 215px !important;
height: 46px !important; height: 46px !important;
background: rgba(76,172,255,1); background: rgba(76,172,255,1);
border-radius: 4px; border-radius: 4px;
@ -644,6 +648,8 @@ class DetailTop extends Component{
` `
} }
</style> </style>
{this.props.courses===undefined||this.props.courses.length===0?"":<li className={"fr mr25"}>
{/* {/*
height: 158px; height: 158px;
@ -654,8 +660,8 @@ class DetailTop extends Component{
<div key={key}> <div key={key}>
{/*{item.course_status.status===0?<div className="mr51 shixun_detail pointer fl user-colorgrey-green pathdefault">即将开课</div>:""}*/} {/*{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===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===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_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"> 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">
进入课堂 进入课堂
@ -672,21 +678,22 @@ class DetailTop extends Component{
{item.course_status.status===2? {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"> 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>:""} </a>:<div className="mr80 shixun_detail pointer fl user-colorgrey-9b pathdefault">已结束</div>:""}
</div> </div>
)})} )})}
</li> </li>}
{applypath===false?"":this.state.MenuItemskey===this.props.courses.length?<div className={"clear"}></div>:""} {applypath===false?"":this.state.MenuItemskey===this.props.courses.length?<div className={"clear"}></div>:""}
{applypath===false?"":this.state.MenuItemskey===this.props.courses.length?<span className={"fl ml20 lineHeight0 relativewidth"}>
{applypath===false?"":this.state.MenuItemskey===this.props.courses.length||coursestypes===true?<span className={coursestypes===true?"fl ml20 lineHeight0 relativewidth mt43":"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>当前预约报名人数：<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> <span className={"font153"}>当预约报名人数达到 {this.props.detailInfoList&&this.props.detailInfoList.student_count} 人时即将开课</span>
{this.props.detailInfoList&&this.props.detailInfoList.has_participate===false? {this.props.detailInfoList&&this.props.detailInfoList.has_participate===false?
getappointmenttype===true?<a className="fr user_default_btn background191 font-18 pathbtensbox absolutewidth">预约报名成功</a>:<a className="fr user_default_btn task-btn-orange font-18 pathbtensbox absolutewidth" onClick={()=>this.putappointment()}>期待开课并预约报名</a>: 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>:
<a className="fr user_default_btn background191 font-18 pathbtensbox absolutewidth">预约报名成功</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>:""} </span>:""}
</div>} </div>}

Write Preview
Loading…
Cancel
Save