|
|
|
@ -28,7 +28,7 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
className: 'font-14',
|
|
|
|
|
width: '50px',
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '50px'}}>{record.number}</span>
|
|
|
|
|
<div style={{width: '50px'}}>{record.number}</div>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
@ -39,56 +39,56 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
|
width: '100px',
|
|
|
|
|
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={{
|
|
|
|
|
color:"#333333"
|
|
|
|
|
}} title={record.user_name}>{record.user_name}</a>
|
|
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '视频是否看完',
|
|
|
|
|
title: '是否看完',
|
|
|
|
|
dataIndex: 'is_finished',
|
|
|
|
|
key: 'is_finished',
|
|
|
|
|
align: "center",
|
|
|
|
|
className: 'font-14',
|
|
|
|
|
className: 'font-14 maxnamewidth90s',
|
|
|
|
|
width: '90px',
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '90px'}}>{record.is_finished === true ?
|
|
|
|
|
<span style={{color: "#5091FF"}}>是</span> : <span style={{color: "#E02020"}}>否</span>}</span>
|
|
|
|
|
<div style={{width: '90px'}} className="maxnamewidth90s">{record.is_finished === true ?
|
|
|
|
|
<span style={{color: "#5091FF"}}>是</span> : <span style={{color: "#E02020"}}>否</span>}</div>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '视频累计观看时长',
|
|
|
|
|
title: '观看时长',
|
|
|
|
|
dataIndex: 'total_duration',
|
|
|
|
|
key: 'total_duration',
|
|
|
|
|
align: "center",
|
|
|
|
|
className: 'font-14 maxnamewidth140s',
|
|
|
|
|
width: '140px',
|
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
|
width: '100px',
|
|
|
|
|
sorter: true,
|
|
|
|
|
sortDirections: sortDirections,
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '140px'}} className="maxnamewidth140s"><a className="maxnamewidth140s" style={{
|
|
|
|
|
<div style={{width: '100px'}} className="maxnamewidth100s"><a className="maxnamewidth100s" style={{
|
|
|
|
|
color:"#333333"
|
|
|
|
|
}} title={record.total_duration}>{record.total_duration}</a></span>
|
|
|
|
|
}} title={record.total_duration}>{record.total_duration}</a></div>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '累计观看次数(次)',
|
|
|
|
|
title: '观看次数',
|
|
|
|
|
dataIndex: 'feq',
|
|
|
|
|
key: 'feq',
|
|
|
|
|
align: "center",
|
|
|
|
|
className: 'font-14 maxnamewidth140s',
|
|
|
|
|
width: '140px',
|
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
|
width: '100px',
|
|
|
|
|
sorter: true,
|
|
|
|
|
sortDirections: sortDirections,
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '140px'}} className="maxnamewidth140s">
|
|
|
|
|
<a className="maxnamewidth140s" style={{
|
|
|
|
|
<div style={{width: '100px'}} className="maxnamewidth100s">
|
|
|
|
|
<a className="maxnamewidth100s" style={{
|
|
|
|
|
color:"#333333"
|
|
|
|
|
}} title={record.feq}>{record.feq}</a>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
@ -96,14 +96,13 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
dataIndex: 'start_at',
|
|
|
|
|
key: 'start_at',
|
|
|
|
|
align: "center",
|
|
|
|
|
className: 'font-14 maxnamewidth90s',
|
|
|
|
|
width: '90px',
|
|
|
|
|
className: 'font-14 ',
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '90px'}} >
|
|
|
|
|
<a className="maxnamewidth90s" style={{
|
|
|
|
|
<div>
|
|
|
|
|
<a style={{
|
|
|
|
|
color:"#333333"
|
|
|
|
|
}} title= {moment(record.start_at).format('YYYY-MM-DD HH:mm:ss')}> {record.start_at}</a>
|
|
|
|
|
</span>
|
|
|
|
|
}} title={moment(record.start_at).format('YYYY-MM-DD HH:mm:ss')}> {moment(record.start_at).format('YYYY-MM-DD HH:mm:ss')}</a>
|
|
|
|
|
</div>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
@ -111,14 +110,13 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
dataIndex: 'end_at',
|
|
|
|
|
key: 'end_at',
|
|
|
|
|
align: "center",
|
|
|
|
|
className: 'font-14 maxnamewidth90s',
|
|
|
|
|
width: '90px',
|
|
|
|
|
className: 'font-14 ',
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '90px'}} >
|
|
|
|
|
<a className="maxnamewidth90s" style={{
|
|
|
|
|
<div>
|
|
|
|
|
<a style={{
|
|
|
|
|
color:"#333333"
|
|
|
|
|
}} title={moment(record.end_at).format('YYYY-MM-DD HH:mm:ss')}>{record.end_at}</a>
|
|
|
|
|
</span>
|
|
|
|
|
}} title={moment(record.end_at).format('YYYY-MM-DD HH:mm:ss')}>{moment(record.end_at).format('YYYY-MM-DD HH:mm:ss')}</a>
|
|
|
|
|
</div>
|
|
|
|
|
),
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
@ -475,6 +473,20 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
return (
|
|
|
|
|
<React.Fragment>
|
|
|
|
|
<div className="ws100s">
|
|
|
|
|
<script>
|
|
|
|
|
{
|
|
|
|
|
`
|
|
|
|
|
a{
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
color:#333;
|
|
|
|
|
}
|
|
|
|
|
a:hover{
|
|
|
|
|
text-decoration:none;//鼠标放上面不显示下划线
|
|
|
|
|
color:#333;
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<div className="ws100s teacherentrydivss edu-back-white ">
|
|
|
|
|
<div className="ws100s sortinxdirection">
|
|
|
|
|
<div className="ws50s sptits font-18">{mytitle}</div>
|
|
|
|
|