forked from Gitlink/forgeplus-react
120 lines
3.8 KiB
JavaScript
120 lines
3.8 KiB
JavaScript
import React, {Component} from "react";
|
||
import '../../signin/css/signincdi.css';
|
||
import {Progress, message,Tooltip} from 'antd';
|
||
import {getImageUrl,formatSeconds} from 'educoder';
|
||
import axios from 'axios';
|
||
|
||
|
||
|
||
//条目
|
||
class Studenticscom extends Component {
|
||
//条目组件
|
||
constructor(props) {
|
||
super(props);
|
||
|
||
this.state = {}
|
||
}
|
||
|
||
componentDidMount() {
|
||
|
||
}
|
||
|
||
componentDidUpdate = (prevProps) => {
|
||
|
||
|
||
}
|
||
|
||
|
||
|
||
render() {
|
||
|
||
return (
|
||
<React.Fragment>
|
||
<div className="ws100s edu-back-white sortinxdirection" style={{
|
||
position: "relative"
|
||
}}>
|
||
<script>
|
||
{
|
||
`
|
||
a{text-decoration:none !important;}
|
||
a:hover {text-decoration: none !important;}
|
||
a:active{text-decoration:none !important;}
|
||
`
|
||
}
|
||
</script>
|
||
<div className="ws100s teacherentrydivss ">
|
||
<div className="ws100s sortinxdirection">
|
||
<p className="sortinxdirection h40s" onClick={()=>this.props.statisticsy(false)} >
|
||
<i className="iconfont icon-zuojiantou1 font-14 posiivsiconmyss mr5 colorbluesigin xiaoshou h36s" style={{color:'#BBBBBB'}} onClick={()=>this.props.statisticsy(false)} ></i>
|
||
</p>
|
||
<div className="ws47s sptits font-18" style={{
|
||
color:"#333333"
|
||
}}><span className="ml10">视频统计总览</span></div>
|
||
<div className="ws50s sptitss xaxisreverseorder">播放数据从{this.props.watch_staticsdata&&this.props.watch_staticsdata.begin_at?this.props.watch_staticsdata.begin_at:0}开始统计</div>
|
||
</div>
|
||
<style>
|
||
{
|
||
`
|
||
.yslsprenshu{
|
||
background-image: url(${getImageUrl(`images/qiandao/studentbz1.png`)});
|
||
background-repeat:no-repeat;
|
||
-moz-background-size:100% 100%;
|
||
background-size:100% 100%;
|
||
}
|
||
.yslspcishu{
|
||
background-image: url(${getImageUrl(`images/qiandao/studentbz2.png`)});
|
||
background-repeat:no-repeat;
|
||
-moz-background-size:100% 100%;
|
||
background-size:100% 100%;
|
||
}
|
||
.yslshipingshi{
|
||
background-image: url(${getImageUrl(`images/qiandao/studentbz3.png`)});
|
||
background-repeat:no-repeat;
|
||
-moz-background-size:100% 100%;
|
||
background-size:100% 100%;
|
||
}
|
||
|
||
`
|
||
}
|
||
</style>
|
||
<div className="ws100s spacearound mt10">
|
||
<div className="yslsprenshu mr30" style={{width:260,height:100}}>
|
||
<div className="ws100s verticallayout tbrt">
|
||
<div className="ws100s ts">观看总次数（次）</div>
|
||
<div className="ws100s tss">{this.props.watch_staticsdata&&this.props.watch_staticsdata.freq?this.props.watch_staticsdata.freq:0}</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div className="yslspcishu mr30" style={{width:260,height:100}}>
|
||
<div className="ws100s verticallayout tbrt">
|
||
<div className="ws100s ts">观看总个数（个）</div>
|
||
<div className="ws100s tss">{this.props.watch_staticsdata&&this.props.watch_staticsdata.num?this.props.watch_staticsdata.num:0}</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="yslshipingshi" style={{width:260,height:100}}>
|
||
<div className="ws100s verticallayout tbrt">
|
||
<div className="ws100 ts">总观看时长（时）</div>
|
||
<Tooltip placement="bottom" title={this.props.watch_staticsdata&&this.props.watch_staticsdata.total_duration?formatSeconds(this.props.watch_staticsdata.total_duration):0}>
|
||
<div className="maxnamewidth166ss tss">{this.props.watch_staticsdata&&this.props.watch_staticsdata.total_duration?formatSeconds(this.props.watch_staticsdata.total_duration):0}</div>
|
||
</Tooltip>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</React.Fragment>
|
||
)
|
||
}
|
||
}
|
||
|
||
export default Studenticscom;
|