You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
1.8 KiB
88 lines
1.8 KiB
import React,{ Component } from "react";
|
|
import axios from 'axios';
|
|
import '../signin/css/signincdi.css';
|
|
import Videostatisticscom from './component/Videostatisticscom';
|
|
import Videostatisticslist from './component/Videostatisticslist';
|
|
import Videostatisticscomtwo from './component/Videostatisticscomtwo';
|
|
|
|
|
|
//在线学习
|
|
class Videostatistics extends Component{
|
|
constructor(props){
|
|
super(props);
|
|
this.state={
|
|
watch_staticsdata:[],
|
|
tisticsbool:false,
|
|
tisid:null,
|
|
mytitle:""
|
|
}
|
|
|
|
|
|
}
|
|
|
|
componentDidMount() {
|
|
this.togetdatas();
|
|
}
|
|
details=()=>{
|
|
|
|
}
|
|
|
|
togetdatas(){
|
|
const CourseId=this.props.match.params.coursesId;
|
|
let url=`/courses/${CourseId}/watch_statics.json`;
|
|
axios.get(url).then((response) => {
|
|
if(response){
|
|
this.setState({
|
|
watch_staticsdata:response.data,
|
|
})
|
|
|
|
}
|
|
|
|
}).catch((error) => {
|
|
|
|
|
|
});
|
|
}
|
|
|
|
tisticsbools=(bool,id,mytitle)=>{
|
|
this.setState({
|
|
tisticsbool:bool,
|
|
tisid:id,
|
|
mytitle:mytitle
|
|
})
|
|
}
|
|
|
|
|
|
render(){
|
|
let {watch_staticsdata,tisticsbool,tisid,mytitle}= this.state;
|
|
|
|
return(
|
|
<React.Fragment>
|
|
<div className="ws100s">
|
|
{
|
|
tisticsbool===false?
|
|
<div className="ws100s" style={{
|
|
position: "relative",
|
|
}}>
|
|
|
|
<Videostatisticscom {...this.state} {...this.props} watch_staticsdata={watch_staticsdata} statisticsy={(b)=>this.props.statisticsy(b)}></Videostatisticscom>
|
|
|
|
|
|
|
|
<div>
|
|
<Videostatisticslist {...this.state} {...this.props} tisticsbools={(b,id,t)=>this.tisticsbools(b,id,t)}></Videostatisticslist>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
:
|
|
<Videostatisticscomtwo {...this.state} {...this.props} tisid={tisid} mytitle={mytitle} tisticsbools={(b,id,t)=>this.tisticsbools(b,id,t)}></Videostatisticscomtwo>
|
|
}
|
|
|
|
</div>
|
|
</React.Fragment>
|
|
)
|
|
}
|
|
}
|
|
export default Videostatistics;
|