|
|
|
|
@ -5,6 +5,7 @@ import {getImageUrl, sortDirections,formatSeconds} from 'educoder';
|
|
|
|
|
import axios from 'axios';
|
|
|
|
|
import LoadingSpin from "../../../../common/LoadingSpin";
|
|
|
|
|
import NoneDatas from "../../signin/component/NoneDatas";
|
|
|
|
|
import moment from 'moment';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//条目
|
|
|
|
|
@ -52,9 +53,9 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
key: 'is_finished',
|
|
|
|
|
align: "center",
|
|
|
|
|
className: 'font-14',
|
|
|
|
|
width: '98px',
|
|
|
|
|
width: '90px',
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '98px'}}>{record.is_finished === true ?
|
|
|
|
|
<span style={{width: '90px'}}>{record.is_finished === true ?
|
|
|
|
|
<span style={{color: "#5091FF"}}>是</span> : <span style={{color: "#E02020"}}>否</span>}</span>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
@ -63,12 +64,12 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
dataIndex: 'total_duration',
|
|
|
|
|
key: 'total_duration',
|
|
|
|
|
align: "center",
|
|
|
|
|
className: 'font-14 maxnamewidth150s',
|
|
|
|
|
width: '150px',
|
|
|
|
|
className: 'font-14 maxnamewidth140s',
|
|
|
|
|
width: '140px',
|
|
|
|
|
sorter: true,
|
|
|
|
|
sortDirections: sortDirections,
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '150px'}} className="maxnamewidth150s"><a className="maxnamewidth150s" style={{
|
|
|
|
|
<span style={{width: '140px'}} className="maxnamewidth140s"><a className="maxnamewidth140s" style={{
|
|
|
|
|
color:"#333333"
|
|
|
|
|
}} title={record.total_duration}>{record.total_duration}</a></span>
|
|
|
|
|
),
|
|
|
|
|
@ -78,13 +79,13 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
dataIndex: 'feq',
|
|
|
|
|
key: 'feq',
|
|
|
|
|
align: "center",
|
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
|
width: '100px',
|
|
|
|
|
className: 'font-14 maxnamewidth140s',
|
|
|
|
|
width: '140px',
|
|
|
|
|
sorter: true,
|
|
|
|
|
sortDirections: sortDirections,
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '100px'}} className="maxnamewidth100s">
|
|
|
|
|
<a className="maxnamewidth100s" style={{
|
|
|
|
|
<span style={{width: '140px'}} className="maxnamewidth140s">
|
|
|
|
|
<a className="maxnamewidth140s" style={{
|
|
|
|
|
color:"#333333"
|
|
|
|
|
}} title={record.feq}>{record.feq}</a>
|
|
|
|
|
</span>
|
|
|
|
|
@ -95,13 +96,13 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
dataIndex: 'start_at',
|
|
|
|
|
key: 'start_at',
|
|
|
|
|
align: "center",
|
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
|
width: '100px',
|
|
|
|
|
className: 'font-14 maxnamewidth90s',
|
|
|
|
|
width: '90px',
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '100px'}} >
|
|
|
|
|
<a className="maxnamewidth100s" style={{
|
|
|
|
|
<span style={{width: '90px'}} >
|
|
|
|
|
<a className="maxnamewidth90s" style={{
|
|
|
|
|
color:"#333333"
|
|
|
|
|
}} title= {record.start_at}> {record.start_at}</a>
|
|
|
|
|
}} title= {moment(record.start_at).format('YYYY-MM-DD HH:mm:ss')}> {record.start_at}</a>
|
|
|
|
|
</span>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
@ -110,13 +111,13 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
dataIndex: 'end_at',
|
|
|
|
|
key: 'end_at',
|
|
|
|
|
align: "center",
|
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
|
width: '100px',
|
|
|
|
|
className: 'font-14 maxnamewidth90s',
|
|
|
|
|
width: '90px',
|
|
|
|
|
render: (text, record) => (
|
|
|
|
|
<span style={{width: '100px'}} >
|
|
|
|
|
<a className="maxnamewidth100s" style={{
|
|
|
|
|
<span style={{width: '90px'}} >
|
|
|
|
|
<a className="maxnamewidth90s" style={{
|
|
|
|
|
color:"#333333"
|
|
|
|
|
}} title= {record.end_at}>{record.end_at}</a>
|
|
|
|
|
}} title={moment(record.end_at).format('YYYY-MM-DD HH:mm:ss')}>{record.end_at}</a>
|
|
|
|
|
</span>
|
|
|
|
|
),
|
|
|
|
|
}
|
|
|
|
|
@ -457,7 +458,18 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
mytitle=this.props&&this.props.mytitle;
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
mytitle=this.state.data[0].title;
|
|
|
|
|
if(this.state.data){
|
|
|
|
|
if(this.state.data.length>0){
|
|
|
|
|
try {
|
|
|
|
|
if(this.state.data[0].title){
|
|
|
|
|
mytitle=this.state.data[0].title;
|
|
|
|
|
}
|
|
|
|
|
}catch (e) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
@ -465,7 +477,7 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
<div className="ws100s">
|
|
|
|
|
<div className="ws100s teacherentrydivss edu-back-white ">
|
|
|
|
|
<div className="ws100s sortinxdirection">
|
|
|
|
|
<div className="ws50s sptits">{mytitle}</div>
|
|
|
|
|
<div className="ws50s sptits font-18">{mytitle}</div>
|
|
|
|
|
<div className="ws50s sptitss xaxisreverseorder font-14" style={{
|
|
|
|
|
color: "#5091FF",
|
|
|
|
|
lineHeight: "42px",
|
|
|
|
|
@ -506,7 +518,7 @@ class Videostatisticscomtwo extends Component {
|
|
|
|
|
{
|
|
|
|
|
`
|
|
|
|
|
.ysltableo .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
|
|
|
|
|
padding: 10px 10px;
|
|
|
|
|
padding: 10px 5px;
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
|
