@ -28,7 +28,7 @@ class Videostatisticscomtwo extends Component {
className : 'font-14' ,
className : 'font-14' ,
width : '50px' ,
width : '50px' ,
render : ( text , record ) => (
render : ( text , record ) => (
< span style = { { width : '50px' } } > { record . number } < / sp a n >
< div style = { { width : '50px' } } > { record . number } < / di v >
) ,
) ,
} ,
} ,
{
{
@ -39,56 +39,56 @@ class Videostatisticscomtwo extends Component {
className : 'font-14 maxnamewidth100s' ,
className : 'font-14 maxnamewidth100s' ,
width : '100px' ,
width : '100px' ,
render : ( text , record ) => (
render : ( text , record ) => (
< span style = { { width : '100px '} } className = "maxnamewidth100s" >
< div style = { { width : "100px" , wordWrap : 'break-word' , wordBreak : 'break-word '} } className = "maxnamewidth100s" >
< a className = "maxnamewidth100s" style = { {
< a className = "maxnamewidth100s" style = { {
color : "#333333"
color : "#333333"
} } title = { record . user _name } > { record . user _name } < / a >
} } title = { record . user _name } > { record . user _name } < / a >
< / sp a n >
< / di v >
) ,
) ,
} ,
} ,
{
{
title : ' 视频 是否看完',
title : ' 是否看完',
dataIndex : 'is_finished' ,
dataIndex : 'is_finished' ,
key : 'is_finished' ,
key : 'is_finished' ,
align : "center" ,
align : "center" ,
className : 'font-14 ',
className : 'font-14 maxnamewidth90s ',
width : '90px' ,
width : '90px' ,
render : ( text , record ) => (
render : ( text , record ) => (
< span style = { { width : '90px' } } > { record . is _finished === true ?
< div style = { { width : '90px' } } className = "maxnamewidth90s" > { record . is _finished === true ?
< span style = { { color : "#5091FF" } } > 是 < / s p a n > : < s p a n s t y l e = { { c o l o r : " # E 0 2 0 2 0 " } } > 否 < / s p a n > } < / sp a n >
< span style = { { color : "#5091FF" } } > 是 < / s p a n > : < s p a n s t y l e = { { c o l o r : " # E 0 2 0 2 0 " } } > 否 < / s p a n > } < / di v >
) ,
) ,
} ,
} ,
{
{
title : ' 视频累计 观看时长',
title : ' 观看时长',
dataIndex : 'total_duration' ,
dataIndex : 'total_duration' ,
key : 'total_duration' ,
key : 'total_duration' ,
align : "center" ,
align : "center" ,
className : 'font-14 maxnamewidth1 4 0s',
className : 'font-14 maxnamewidth1 0 0s',
width : '1 4 0px',
width : '1 0 0px',
sorter : true ,
sorter : true ,
sortDirections : sortDirections ,
sortDirections : sortDirections ,
render : ( text , record ) => (
render : ( text , record ) => (
< span style = { { width : '140px' } } className = "maxnamewidth140s" > < a className = "maxnamewidth14 0s" style = { {
< div style = { { width : '100px' } } className = "maxnamewidth100s" > < a className = "maxnamewidth10 0s" style = { {
color : "#333333"
color : "#333333"
} } title = { record . total _duration } > { record . total _duration } < / a > < / sp a n >
} } title = { record . total _duration } > { record . total _duration } < / a > < / di v >
) ,
) ,
} ,
} ,
{
{
title : ' 累计 观看次数(次) ',
title : ' 观看次数',
dataIndex : 'feq' ,
dataIndex : 'feq' ,
key : 'feq' ,
key : 'feq' ,
align : "center" ,
align : "center" ,
className : 'font-14 maxnamewidth1 4 0s',
className : 'font-14 maxnamewidth1 0 0s',
width : '1 4 0px',
width : '1 0 0px',
sorter : true ,
sorter : true ,
sortDirections : sortDirections ,
sortDirections : sortDirections ,
render : ( text , record ) => (
render : ( text , record ) => (
< span style = { { width : '140px' } } className = "maxnamewidth14 0s">
< div style = { { width : '100px' } } className = "maxnamewidth10 0s">
< a className = "maxnamewidth1 4 0s" style = { {
< a className = "maxnamewidth1 0 0s" style = { {
color : "#333333"
color : "#333333"
} } title = { record . feq } > { record . feq } < / a >
} } title = { record . feq } > { record . feq } < / a >
< / sp a n >
< / di v >
) ,
) ,
} ,
} ,
{
{
@ -96,14 +96,13 @@ class Videostatisticscomtwo extends Component {
dataIndex : 'start_at' ,
dataIndex : 'start_at' ,
key : 'start_at' ,
key : 'start_at' ,
align : "center" ,
align : "center" ,
className : 'font-14 maxnamewidth90s' ,
className : 'font-14 ' ,
width : '90px' ,
render : ( text , record ) => (
render : ( text , record ) => (
< span style = { { width : '90px' } } >
< div >
< a className = "maxnamewidth90s" style = { {
< a style = { {
color : "#333333"
color : "#333333"
} } title = { moment ( record . start _at ) . format ( 'YYYY-MM-DD HH:mm:ss' ) } > { record. start _at } < / a >
} } title = { moment ( record . start _at ) . format ( 'YYYY-MM-DD HH:mm:ss' ) } > { moment( record. start _at ) . format ( 'YYYY-MM-DD HH:mm:ss' ) } < / a >
< / sp a n >
< / di v >
) ,
) ,
} ,
} ,
{
{
@ -111,14 +110,13 @@ class Videostatisticscomtwo extends Component {
dataIndex : 'end_at' ,
dataIndex : 'end_at' ,
key : 'end_at' ,
key : 'end_at' ,
align : "center" ,
align : "center" ,
className : 'font-14 maxnamewidth90s' ,
className : 'font-14 ' ,
width : '90px' ,
render : ( text , record ) => (
render : ( text , record ) => (
< span style = { { width : '90px' } } >
< div >
< a className = "maxnamewidth90s" style = { {
< a style = { {
color : "#333333"
color : "#333333"
} } title = { moment ( record . end _at ) . format ( 'YYYY-MM-DD HH:mm:ss' ) } > { record. end _at } < / a >
} } title = { moment ( record . end _at ) . format ( 'YYYY-MM-DD HH:mm:ss' ) } > { moment( record. end _at ) . format ( 'YYYY-MM-DD HH:mm:ss' ) } < / a >
< / sp a n >
< / di v >
) ,
) ,
}
}
] ,
] ,
@ -476,20 +474,39 @@ class Videostatisticscomtwo extends Component {
return (
return (
< React . Fragment >
< React . Fragment >
< div className = "ws100s" >
< div className = "ws100s" >
< script >
{
`
a {
text - decoration : none ;
color : # 333 ;
}
a : hover {
text - decoration : none ; //鼠标放上面不显示下划线
color : # 333 ;
}
`
}
< / s c r i p t >
< div className = "ws100s teacherentrydivss edu-back-white " >
< div className = "ws100s teacherentrydivss edu-back-white " >
< div className = "ws100s sortinxdirection" >
< div className = "ws100s sortinxdirection" >
< div className = "ws50s sptits font-18" > { mytitle } < / d i v >
< p className = "sortinxdirection h40s" onClick = { ( ) => this . props . tisticsbools ( false , null ) } >
< i className = "iconfont icon-zuojiantou1 font-14 posiivsiconmyss mr5 colorbluesigin xiaoshou h36s" style = { { color : '#BBBBBB' } } > < / i >
< / p >
< div className = "ws50s sptits font-18" >
< div className = "ml10" > { mytitle } < / d i v >
< / d i v >
< div className = "ws50s sptitss xaxisreverseorder font-14" style = { {
< div className = "ws50s sptitss xaxisreverseorder font-14" style = { {
color : "#5091FF" ,
color : "#5091FF" ,
lineHeight : "42px" ,
lineHeight : "42px" ,
} } >
} } >
{
{ /*{*/ }
isAdmin === true ?
{ /* isAdmin === true ?*/}
< div className = "xiaoshou ml32" onClick = { ( ) => this . props . tisticsbools ( false , null ) } >
{ /* <div className="xiaoshou ml32" onClick={() => this.props.tisticsbools(false, null)}>*/ }
< span className = "mr5 xiaoshou" > 视频统计总览 < /span><i className="iconfont icon-fanhui font-13 xiaoshou"></i >
{ /* <span className="mr5 xiaoshou">视频统计总览</span><i className="iconfont icon-fanhui font-13 xiaoshou"></i>*/}
< / d i v >
{ /* </div>*/ }
: ""
{ /* :""*/}
}
{/*}*/ }
{
{
isAdmin === true ?
isAdmin === true ?