|
|
|
@ -1,7 +1,7 @@
|
|
|
|
|
import React, {Component} from "react";
|
|
|
|
|
import '../../signin/css/signincdi.css';
|
|
|
|
|
import {Pagination,Table} from 'antd';
|
|
|
|
|
import {getImageUrl,sortDirections} from 'educoder';
|
|
|
|
|
import {Pagination,Table,Spin} from 'antd';
|
|
|
|
|
import {getImageUrl,sortDirections,formatSeconds} from 'educoder';
|
|
|
|
|
import axios from 'axios';
|
|
|
|
|
import LoadingSpin from "../../../../common/LoadingSpin";
|
|
|
|
|
import NoneDatas from "../../signin/component/NoneDatas";
|
|
|
|
@ -34,7 +34,12 @@ class Videostatisticslist extends Component {
|
|
|
|
|
className: 'font-14 maxnamewidth150s',
|
|
|
|
|
width: '150px',
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '150px'}} className="maxnamewidth150s">{record.title}</span>
|
|
|
|
|
<span style={{width: '150px'}} className="maxnamewidth150s">
|
|
|
|
|
<a className="maxnamewidth150s" style={{
|
|
|
|
|
color:"#333333"
|
|
|
|
|
}} title={record.title}>{record.title}</a>
|
|
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
@ -55,12 +60,17 @@ class Videostatisticslist extends Component {
|
|
|
|
|
dataIndex: 'total_time',
|
|
|
|
|
key: 'total_time',
|
|
|
|
|
align: "center",
|
|
|
|
|
className: 'font-14 maxnamewidth150s',
|
|
|
|
|
width: '150px',
|
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
|
width: '100px',
|
|
|
|
|
sorter: true,
|
|
|
|
|
sortDirections: sortDirections,
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '150px'}} className="maxnamewidth150s">{record.total_time}</span>
|
|
|
|
|
<span style={{width: '100px'}} className="maxnamewidth100s">
|
|
|
|
|
<a className="maxnamewidth100s" style={{
|
|
|
|
|
color:"#333333"
|
|
|
|
|
}} title={record.total_time}>{record.total_time}</a>
|
|
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
@ -71,7 +81,12 @@ class Videostatisticslist extends Component {
|
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
|
width: '100px',
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '100px'}} className="maxnamewidth100s">{record.user_name}</span>
|
|
|
|
|
<span style={{width: '100px'}} className="maxnamewidth100s">
|
|
|
|
|
<a className="maxnamewidth100s" style={{
|
|
|
|
|
color:"#333333"
|
|
|
|
|
}} title={record.user_name}>{record.user_name}</a>
|
|
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
@ -80,9 +95,9 @@ class Videostatisticslist extends Component {
|
|
|
|
|
key: 'id',
|
|
|
|
|
align: "center",
|
|
|
|
|
className: 'font-14',
|
|
|
|
|
width: '90px',
|
|
|
|
|
width: '50px',
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '90px',color:'#5091FF'}} className="xiaoshou" onClick={()=>this.props.tisticsbools(true,record.id)}>详情</span>
|
|
|
|
|
<span style={{width: '50px',color:'#5091FF'}} className="xiaoshou" onClick={()=>this.props.tisticsbools(true,record.id)}>详情</span>
|
|
|
|
|
),
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
@ -137,7 +152,7 @@ class Videostatisticslist extends Component {
|
|
|
|
|
number: (parseInt(this.state.page) - 1) * parseInt(this.state.limit) + (i + 1),
|
|
|
|
|
title: response.data.videos[i].title,
|
|
|
|
|
people_num: response.data.videos[i].people_num,
|
|
|
|
|
total_time: response.data.videos[i].total_time,
|
|
|
|
|
total_time: response.data.videos[i].total_time?formatSeconds(response.data.videos[i].total_time):0,
|
|
|
|
|
user_name: response.data.videos[i].user_name,
|
|
|
|
|
id: response.data.videos[i].id,
|
|
|
|
|
})
|
|
|
|
@ -235,7 +250,7 @@ class Videostatisticslist extends Component {
|
|
|
|
|
<React.Fragment>
|
|
|
|
|
<div className="ws100s mt20">
|
|
|
|
|
<div className="ws100s edu-back-white">
|
|
|
|
|
<div className="ws100s teacherentrydivs ">
|
|
|
|
|
<div className="ws100s teacherentrydivss ">
|
|
|
|
|
<div className="ws100s sortinxdirection">
|
|
|
|
|
<div className="ws100s sptits">统计详情</div>
|
|
|
|
|
</div>
|
|
|
|
@ -250,14 +265,7 @@ class Videostatisticslist extends Component {
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
{
|
|
|
|
|
loading===true?
|
|
|
|
|
<div style={{
|
|
|
|
|
minHeight: "400px",
|
|
|
|
|
}} className="ws100s">
|
|
|
|
|
<LoadingSpin></LoadingSpin>
|
|
|
|
|
</div>
|
|
|
|
|
:
|
|
|
|
|
|
|
|
|
|
<div className="ws100s ysltableo teacherentrydivs">
|
|
|
|
|
{
|
|
|
|
|
data.length===0?
|
|
|
|
@ -267,6 +275,7 @@ class Videostatisticslist extends Component {
|
|
|
|
|
<NoneDatas></NoneDatas>
|
|
|
|
|
</div>
|
|
|
|
|
:
|
|
|
|
|
<Spin spinning={loading}>
|
|
|
|
|
<Table
|
|
|
|
|
columns={columnsstu}
|
|
|
|
|
dataSource={data}
|
|
|
|
@ -274,11 +283,11 @@ class Videostatisticslist extends Component {
|
|
|
|
|
onChange={this.table1handleChange}
|
|
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
</Spin>
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|