Merge branch 'dev_aliyun' of https://bdgit.educoder.net/Hjqreturn/educoder into dev_aliyun
commit
fd3dd6013b
|
After Width: | Height: | Size: 58 KiB |
@ -0,0 +1,126 @@
|
|||||||
|
import React, { Component } from 'react';
|
||||||
|
import { SnackbarHOC } from 'educoder';
|
||||||
|
import {BrowserRouter as Router,Route,Switch} from 'react-router-dom';
|
||||||
|
import {Tooltip,Menu,Pagination,Spin} from 'antd';
|
||||||
|
import Loadable from 'react-loadable';
|
||||||
|
import Loading from '../../../Loading';
|
||||||
|
import axios from 'axios';
|
||||||
|
import NoneData from '../../courses/coursesPublic/NoneData'
|
||||||
|
import {getImageUrl} from 'educoder';
|
||||||
|
import { TPMIndexHOC } from '../../tpm/TPMIndexHOC';
|
||||||
|
import { CNotificationHOC } from '../../courses/common/CNotificationHOC'
|
||||||
|
import "./usersInfo.css"
|
||||||
|
import Create from './publicCreatNew'
|
||||||
|
|
||||||
|
class InfosPackage extends Component{
|
||||||
|
constructor(props){
|
||||||
|
super(props);
|
||||||
|
this.state={
|
||||||
|
category:undefined,
|
||||||
|
status:undefined,
|
||||||
|
page:1,
|
||||||
|
per_page:16,
|
||||||
|
|
||||||
|
totalCount:undefined,
|
||||||
|
data:undefined,
|
||||||
|
isSpin:false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidMount=()=>{
|
||||||
|
this.setState({
|
||||||
|
isSpin:true
|
||||||
|
})
|
||||||
|
let{category,status,page}=this.state;
|
||||||
|
this.getCourses(category,status,page);
|
||||||
|
}
|
||||||
|
|
||||||
|
getCourses=(category,status,page)=>{
|
||||||
|
let url=`/users/${this.props.match.params.username}/courses.json`;
|
||||||
|
axios.get((url),{params:{
|
||||||
|
category,
|
||||||
|
status,
|
||||||
|
page,
|
||||||
|
per_page: this.props.is_current && category && page ==1?17:16
|
||||||
|
}}).then((result)=>{
|
||||||
|
if(result){
|
||||||
|
this.setState({
|
||||||
|
totalCount:result.data.count,
|
||||||
|
data:result.data,
|
||||||
|
isSpin:false
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}).catch((error)=>{
|
||||||
|
console.log(error);
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//切换种类
|
||||||
|
changeCategory=(cate)=>{
|
||||||
|
this.setState({
|
||||||
|
category:cate,
|
||||||
|
page:1,
|
||||||
|
isSpin:true
|
||||||
|
})
|
||||||
|
let{status}=this.state;
|
||||||
|
this.getCourses(cate,status,1);
|
||||||
|
}
|
||||||
|
//切换状态
|
||||||
|
changeStatus=(status)=>{
|
||||||
|
this.setState({
|
||||||
|
status:status,
|
||||||
|
page:1,
|
||||||
|
isSpin:true
|
||||||
|
})
|
||||||
|
let{category}=this.state;
|
||||||
|
this.getCourses(category,status,1);
|
||||||
|
}
|
||||||
|
//切换页数
|
||||||
|
changePage=(page)=>{
|
||||||
|
this.setState({
|
||||||
|
page,
|
||||||
|
isSpin:true
|
||||||
|
})
|
||||||
|
let{category,status}=this.state;
|
||||||
|
this.getCourses(category,status,page);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 进入课堂
|
||||||
|
turnToCourses=(url,flag)=>{
|
||||||
|
if(flag){
|
||||||
|
this.props.history.push(url);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
render(){
|
||||||
|
let{
|
||||||
|
category,
|
||||||
|
status,
|
||||||
|
page,
|
||||||
|
data,
|
||||||
|
totalCount,
|
||||||
|
isSpin
|
||||||
|
} = this.state;
|
||||||
|
let is_current=this.props.is_current;
|
||||||
|
|
||||||
|
console.log(this.props.current_user&&this.props.current_user.user_identity==="学生")
|
||||||
|
return(
|
||||||
|
<div className="educontent">
|
||||||
|
<Spin size="large" spinning={isSpin}>
|
||||||
|
<div className="white-panel edu-back-white pt25 pb25 clearfix ">
|
||||||
|
<li className={category ? "" : "active"}><a href="javascript:void(0)" onClick={()=>this.changeCategory()}>全部</a></li>
|
||||||
|
<li className={category=="manage" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("manage")}>{is_current ? "我":"TA"}管理的</a></li>
|
||||||
|
<li className={category=="study" ? "active" : ""}><a href="javascript:void(0)" onClick={()=>this.changeCategory("study")}>{is_current ? "我":"TA"}参与的</a></li>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p className="pl25 pr25 clearfix font-12 mb20 mt20">
|
||||||
|
<span className="fl color-grey-9">共{0}个</span>
|
||||||
|
<span className="fr color-grey-9">发布时间</span>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</Spin>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export default InfosPackage;
|
||||||
Loading…
Reference in new issue