|
|
|
@ -1,24 +1,23 @@
|
|
|
|
import React, {Component} from "react";
|
|
|
|
import React, {Component} from "react";
|
|
|
|
import '../../signin/css/signincdi.css';
|
|
|
|
import '../../signin/css/signincdi.css';
|
|
|
|
import {Pagination,Table} from 'antd';
|
|
|
|
import {Pagination, Table, Menu, Dropdown} from 'antd';
|
|
|
|
import {getImageUrl} from 'educoder';
|
|
|
|
import {getImageUrl, sortDirections} from 'educoder';
|
|
|
|
import axios from 'axios';
|
|
|
|
import axios from 'axios';
|
|
|
|
import LoadingSpin from "../../../../common/LoadingSpin";
|
|
|
|
import LoadingSpin from "../../../../common/LoadingSpin";
|
|
|
|
import NoneDatas from "../../signin/component/NoneDatas";
|
|
|
|
import NoneDatas from "../../signin/component/NoneDatas";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//条目
|
|
|
|
//条目
|
|
|
|
class Videostatisticscom extends Component {
|
|
|
|
class Videostatisticscomtwo extends Component {
|
|
|
|
//条目组件
|
|
|
|
//条目组件
|
|
|
|
constructor(props) {
|
|
|
|
constructor(props) {
|
|
|
|
super(props);
|
|
|
|
super(props);
|
|
|
|
|
|
|
|
|
|
|
|
this.state = {
|
|
|
|
this.state = {
|
|
|
|
data:[],
|
|
|
|
data: [],
|
|
|
|
page:1,
|
|
|
|
page: 1,
|
|
|
|
limit:10,
|
|
|
|
limit: 10,
|
|
|
|
members_count:0,
|
|
|
|
members_count: 0,
|
|
|
|
columnsstu: [
|
|
|
|
columnsstu: [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '序号',
|
|
|
|
title: '序号',
|
|
|
|
@ -50,7 +49,8 @@ class Videostatisticscom extends Component {
|
|
|
|
className: 'font-14',
|
|
|
|
className: 'font-14',
|
|
|
|
width: '98px',
|
|
|
|
width: '98px',
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span style={{width: '98px'}}>{record.is_finished}</span>
|
|
|
|
<span style={{width: '98px'}}>{record.is_finished === true ?
|
|
|
|
|
|
|
|
<span style={{color: "#5091FF"}}>是</span> : <span style={{color: "#E02020"}}>否</span>}</span>
|
|
|
|
),
|
|
|
|
),
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
@ -60,6 +60,8 @@ class Videostatisticscom extends Component {
|
|
|
|
align: "center",
|
|
|
|
align: "center",
|
|
|
|
className: 'font-14 maxnamewidth150s',
|
|
|
|
className: 'font-14 maxnamewidth150s',
|
|
|
|
width: '150px',
|
|
|
|
width: '150px',
|
|
|
|
|
|
|
|
sorter: true,
|
|
|
|
|
|
|
|
sortDirections: sortDirections,
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span style={{width: '150px'}} className="maxnamewidth150s">{record.total_duration}</span>
|
|
|
|
<span style={{width: '150px'}} className="maxnamewidth150s">{record.total_duration}</span>
|
|
|
|
),
|
|
|
|
),
|
|
|
|
@ -71,6 +73,8 @@ class Videostatisticscom extends Component {
|
|
|
|
align: "center",
|
|
|
|
align: "center",
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
width: '100px',
|
|
|
|
width: '100px',
|
|
|
|
|
|
|
|
sorter: true,
|
|
|
|
|
|
|
|
sortDirections: sortDirections,
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span style={{width: '100px'}} className="maxnamewidth100s">{record.feq}</span>
|
|
|
|
<span style={{width: '100px'}} className="maxnamewidth100s">{record.feq}</span>
|
|
|
|
),
|
|
|
|
),
|
|
|
|
@ -83,7 +87,7 @@ class Videostatisticscom extends Component {
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
width: '100px',
|
|
|
|
width: '100px',
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span style={{width: '100px',color:'#5091FF'}} className="xiaoshou" >{record.start_at}</span>
|
|
|
|
<span style={{width: '100px', color: '#5091FF'}} className="xiaoshou">{record.start_at}</span>
|
|
|
|
),
|
|
|
|
),
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
@ -94,35 +98,40 @@ class Videostatisticscom extends Component {
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
className: 'font-14 maxnamewidth100s',
|
|
|
|
width: '100px',
|
|
|
|
width: '100px',
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span style={{width: '100px',color:'#5091FF'}} className="xiaoshou" >{record.end_at}</span>
|
|
|
|
<span style={{width: '100px', color: '#5091FF'}} className="xiaoshou">{record.end_at}</span>
|
|
|
|
),
|
|
|
|
),
|
|
|
|
}
|
|
|
|
}
|
|
|
|
],
|
|
|
|
],
|
|
|
|
loading:false,
|
|
|
|
loading: false,
|
|
|
|
order:undefined,
|
|
|
|
order: undefined,
|
|
|
|
course_groups:[],
|
|
|
|
course_groups: [],
|
|
|
|
|
|
|
|
fbbool: false,
|
|
|
|
|
|
|
|
groupsid: null,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
componentDidMount() {
|
|
|
|
componentDidMount() {
|
|
|
|
if(this.props.isAdmin()){
|
|
|
|
this.setState({
|
|
|
|
//老师
|
|
|
|
order: undefined
|
|
|
|
const CourseId=this.props.match.params.coursesId;
|
|
|
|
})
|
|
|
|
|
|
|
|
if (this.props.isAdmin()) {
|
|
|
|
|
|
|
|
//老师
|
|
|
|
|
|
|
|
const CourseId = this.props.match.params.coursesId;
|
|
|
|
|
|
|
|
|
|
|
|
var data={
|
|
|
|
var data = {
|
|
|
|
id:CourseId,
|
|
|
|
id: CourseId,
|
|
|
|
page:this.state.page,
|
|
|
|
page: this.state.page,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.getdatas(data);
|
|
|
|
this.getdatas(data);
|
|
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
} else {
|
|
|
|
//学生
|
|
|
|
//学生
|
|
|
|
var data={
|
|
|
|
var data = {
|
|
|
|
page:this.state.page,
|
|
|
|
page: this.state.page,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.getdatas(data);
|
|
|
|
this.getdatas(data);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.fenbans();
|
|
|
|
this.fenbans();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
componentDidUpdate = (prevProps) => {
|
|
|
|
componentDidUpdate = (prevProps) => {
|
|
|
|
@ -131,21 +140,21 @@ class Videostatisticscom extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//分班
|
|
|
|
//分班
|
|
|
|
fenbans=()=>{
|
|
|
|
fenbans = () => {
|
|
|
|
const CourseId=this.props.match.params.coursesId;
|
|
|
|
const CourseId = this.props.match.params.coursesId;
|
|
|
|
let url=`/courses/${CourseId}/course_groups.json`;
|
|
|
|
let url = `/courses/${CourseId}/course_groups.json`;
|
|
|
|
axios.get(url).then((response) => {
|
|
|
|
axios.get(url).then((response) => {
|
|
|
|
if(response){
|
|
|
|
if (response) {
|
|
|
|
console.log("分班");
|
|
|
|
console.log("分班");
|
|
|
|
console.log("response");
|
|
|
|
console.log("response");
|
|
|
|
console.log(response);
|
|
|
|
console.log(response);
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
course_groups:response.data.course_groups,
|
|
|
|
course_groups: response.data.course_groups,
|
|
|
|
current_group_id:response.data.current_group_id,
|
|
|
|
current_group_id: response.data.current_group_id,
|
|
|
|
none_group_member_count:response.data.none_group_member_count,
|
|
|
|
none_group_member_count: response.data.none_group_member_count,
|
|
|
|
group_count:response.data.group_count,
|
|
|
|
group_count: response.data.group_count,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}).catch((error) => {
|
|
|
|
}).catch((error) => {
|
|
|
|
|
|
|
|
|
|
|
|
@ -153,92 +162,283 @@ class Videostatisticscom extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//学生
|
|
|
|
//学生
|
|
|
|
getdatas=(data)=>{
|
|
|
|
getdatas = (data) => {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
loading:true
|
|
|
|
loading: true
|
|
|
|
})
|
|
|
|
})
|
|
|
|
const CourseId=this.props.match.params.coursesId;
|
|
|
|
const CourseId = this.props.match.params.coursesId;
|
|
|
|
let url="";
|
|
|
|
let url = "";
|
|
|
|
if(this.props.isAdmin()){
|
|
|
|
if (this.props.isAdmin()) {
|
|
|
|
url=`/course_videos/${this.props.tisid}/watch_histories.json`;
|
|
|
|
url = `/course_videos/${this.props.tisid}/watch_histories.json`;
|
|
|
|
}else {
|
|
|
|
} else {
|
|
|
|
url=`/courses/${CourseId}/own_watch_histories.json`;
|
|
|
|
url = `/courses/${CourseId}/own_watch_histories.json`;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
axios.get(url,{params:data}).then((response) => {
|
|
|
|
axios.get(url, {params: data}).then((response) => {
|
|
|
|
if(response){
|
|
|
|
if (response) {
|
|
|
|
if(response.data){
|
|
|
|
if (response.data) {
|
|
|
|
if(response.data.data.length>0){
|
|
|
|
if (response.data.data.length > 0) {
|
|
|
|
let datalists=[];
|
|
|
|
let datalists = [];
|
|
|
|
for (var i = 0; i < response.data.data.length; i++) {
|
|
|
|
for (var i = 0; i < response.data.data.length; i++) {
|
|
|
|
datalists.push({
|
|
|
|
datalists.push({
|
|
|
|
number: (parseInt(page) - 1) * parseInt(limit) + (i + 1),
|
|
|
|
number: (parseInt(this.state.page) - 1) * parseInt(this.state.limit) + (i + 1),
|
|
|
|
user_name:response.data.data[i].user_name,
|
|
|
|
user_name: response.data.data[i].user_name,
|
|
|
|
is_finished:response.data.data[i].is_finished,
|
|
|
|
is_finished: response.data.data[i].is_finished,
|
|
|
|
total_duration:response.data.data[i].total_duration,
|
|
|
|
total_duration: response.data.data[i].total_duration,
|
|
|
|
feq:response.data.data[i].feq,
|
|
|
|
feq: response.data.data[i].feq,
|
|
|
|
start_at:response.data.data[i].start_at,
|
|
|
|
start_at: response.data.data[i].start_at,
|
|
|
|
end_at:response.data.data[i].end_at,
|
|
|
|
end_at: response.data.data[i].end_at,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
data:datalists,
|
|
|
|
data: datalists,
|
|
|
|
members_count:response.data.count,
|
|
|
|
members_count: response.data.count,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}else{
|
|
|
|
} else {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
data:[],
|
|
|
|
data: [],
|
|
|
|
members_count:response.data.count,
|
|
|
|
members_count: response.data.count,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}else{
|
|
|
|
} else {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
data:[],
|
|
|
|
data: [],
|
|
|
|
members_count:response.data.count,
|
|
|
|
members_count: response.data.count,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
loading:false
|
|
|
|
loading: false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}).catch((error) => {
|
|
|
|
}).catch((error) => {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
loading:false
|
|
|
|
loading: false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
paginationonChange = (pageNumber) => {
|
|
|
|
paginationonChange = (pageNumber) => {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
page: pageNumber,
|
|
|
|
page: pageNumber,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
let data = {}
|
|
|
|
|
|
|
|
if (this.props.isAdmin()) {
|
|
|
|
|
|
|
|
//老师
|
|
|
|
|
|
|
|
const CourseId = this.props.match.params.coursesId;
|
|
|
|
|
|
|
|
data = {
|
|
|
|
|
|
|
|
id: CourseId,
|
|
|
|
|
|
|
|
page: pageNumber,
|
|
|
|
|
|
|
|
group_id: this.state.groupsid,
|
|
|
|
|
|
|
|
order: this.state.order,
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
//学生
|
|
|
|
|
|
|
|
data = {
|
|
|
|
|
|
|
|
page: pageNumber,
|
|
|
|
|
|
|
|
order: this.state.order,
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
this.getdatas(data);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
fenbanone = () => {
|
|
|
|
|
|
|
|
if (this.state.fbbool === false) {
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
fbbool: true
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
fbbool: false
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
setcourse_groups = (id) => {
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
groupsid: id
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
//老师
|
|
|
|
|
|
|
|
const CourseId = this.props.match.params.coursesId;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var data = {};
|
|
|
|
|
|
|
|
if (id) {
|
|
|
|
|
|
|
|
data = {
|
|
|
|
|
|
|
|
id: CourseId,
|
|
|
|
|
|
|
|
page: this.state.page,
|
|
|
|
|
|
|
|
group_id: id
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
data = {
|
|
|
|
|
|
|
|
id: CourseId,
|
|
|
|
|
|
|
|
page: this.state.page
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
this.getdatas(data);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
render() {
|
|
|
|
//实训作业tbale 列表塞选数据
|
|
|
|
let {loading,data,page,limit,members_count,columnsstu}=this.state;
|
|
|
|
table1handleChange = (pagination, filters, sorter) => {
|
|
|
|
const isAdmin =this.props.isAdmin();
|
|
|
|
if (JSON.stringify(sorter) === "{}") {
|
|
|
|
|
|
|
|
//没有选择
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
try {
|
|
|
|
|
|
|
|
//学生学号排序
|
|
|
|
|
|
|
|
if (sorter.columnKey === "total_duration" || sorter.columnKey === "feq") {
|
|
|
|
|
|
|
|
let mysorder = "";
|
|
|
|
|
|
|
|
if (sorter.order === "ascend") {
|
|
|
|
|
|
|
|
if (sorter.columnKey === "total_duration") {
|
|
|
|
|
|
|
|
mysorder = "total_duration-asc";
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
mysorder = "freq-asc";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
//升序
|
|
|
|
|
|
|
|
let data = {}
|
|
|
|
|
|
|
|
if (this.props.isAdmin()) {
|
|
|
|
|
|
|
|
//老师
|
|
|
|
|
|
|
|
const CourseId = this.props.match.params.coursesId;
|
|
|
|
|
|
|
|
if (this.state.groupsid) {
|
|
|
|
|
|
|
|
data = {
|
|
|
|
|
|
|
|
id: CourseId,
|
|
|
|
|
|
|
|
page: this.state.page,
|
|
|
|
|
|
|
|
group_id: this.state.groupsid,
|
|
|
|
|
|
|
|
order: mysorder,
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
data = {
|
|
|
|
|
|
|
|
id: CourseId,
|
|
|
|
|
|
|
|
page: this.state.page,
|
|
|
|
|
|
|
|
order: mysorder,
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
//学生
|
|
|
|
|
|
|
|
data = {
|
|
|
|
|
|
|
|
page: this.state.page,
|
|
|
|
|
|
|
|
order: mysorder,
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.getdatas(data);
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
order: mysorder,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
} else if (sorter.order === "descend") {
|
|
|
|
|
|
|
|
if (sorter.columnKey === "total_duration") {
|
|
|
|
|
|
|
|
mysorder = "total_duration-desc";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
mysorder = "freq-desc";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
//降序
|
|
|
|
|
|
|
|
let data = {}
|
|
|
|
|
|
|
|
if (this.props.isAdmin()) {
|
|
|
|
|
|
|
|
//老师
|
|
|
|
|
|
|
|
const CourseId = this.props.match.params.coursesId;
|
|
|
|
|
|
|
|
if (this.state.groupsid) {
|
|
|
|
|
|
|
|
data = {
|
|
|
|
|
|
|
|
id: CourseId,
|
|
|
|
|
|
|
|
page: this.state.page,
|
|
|
|
|
|
|
|
group_id: this.state.groupsid,
|
|
|
|
|
|
|
|
order: mysorder,
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
data = {
|
|
|
|
|
|
|
|
id: CourseId,
|
|
|
|
|
|
|
|
page: this.state.page,
|
|
|
|
|
|
|
|
order: mysorder,
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
//学生
|
|
|
|
|
|
|
|
data = {
|
|
|
|
|
|
|
|
page: this.state.page,
|
|
|
|
|
|
|
|
order: mysorder,
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.getdatas(data);
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
|
|
|
order: mysorder,
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} catch (e) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
render() {
|
|
|
|
|
|
|
|
let {loading, data, page, limit, members_count, columnsstu, fbbool, course_groups} = this.state;
|
|
|
|
|
|
|
|
const isAdmin = this.props.isAdmin();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const menu = (
|
|
|
|
|
|
|
|
<Menu>
|
|
|
|
|
|
|
|
<Menu.Item>
|
|
|
|
|
|
|
|
<a onClick={() => this.setcourse_groups(null)}>
|
|
|
|
|
|
|
|
<p className="maxnamewidth200s">全部</p>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</Menu.Item>
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
course_groups && course_groups.length > 0 ?
|
|
|
|
|
|
|
|
(
|
|
|
|
|
|
|
|
course_groups.map((item, key) => {
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
|
|
<Menu.Item>
|
|
|
|
|
|
|
|
<a onClick={() => this.setcourse_groups(item.id)} key={key}>
|
|
|
|
|
|
|
|
<p className="maxnamewidth200s">{item.name}</p>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</Menu.Item>
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
:
|
|
|
|
|
|
|
|
""
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</Menu>
|
|
|
|
|
|
|
|
);
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<React.Fragment>
|
|
|
|
<React.Fragment>
|
|
|
|
<div className="ws100s" >
|
|
|
|
<div className="ws100s">
|
|
|
|
<div className="ws100s teacherentrydivs edu-back-white ">
|
|
|
|
<div className="ws100s teacherentrydivs edu-back-white ">
|
|
|
|
<div className="ws100s sortinxdirection">
|
|
|
|
<div className="ws100s sortinxdirection">
|
|
|
|
<div className="ws50s sptits">视频名称视频名称…</div>
|
|
|
|
<div className="ws50s sptits">视频名称视频名称…</div>
|
|
|
|
<div className="ws50s sptitss xaxisreverseorder font-14" style={{
|
|
|
|
<div className="ws50s sptitss xaxisreverseorder font-14" style={{
|
|
|
|
color:"#5091FF",
|
|
|
|
color: "#5091FF",
|
|
|
|
lineHeight: "42px",
|
|
|
|
lineHeight: "42px",
|
|
|
|
}}>
|
|
|
|
}}>
|
|
|
|
<div className="xiaoshou" onClick={()=>this.props.tisticsbools(false,null)}>
|
|
|
|
<div className="xiaoshou" 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>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div className="xiaoshou">
|
|
|
|
|
|
|
|
<span className="mr5 xiaoshou">分班</span><i className="iconfont icon-sanjiaoxing-up font-13 mr32 xiaoshou"></i>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
isAdmin === true ?
|
|
|
|
|
|
|
|
<div className="xiaoshou" onClick={() => this.fenbanone()}>
|
|
|
|
|
|
|
|
<Dropdown getPopupContainer={trigger => trigger.parentNode} overlay={menu}
|
|
|
|
|
|
|
|
placement="bottomCenter">
|
|
|
|
|
|
|
|
<span>
|
|
|
|
|
|
|
|
<span className="mr5 xiaoshou">分班</span>
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
fbbool === true ?
|
|
|
|
|
|
|
|
<i className="iconfont icon-sanjiaoxing-down font-13 mr32 xiaoshou"></i>
|
|
|
|
|
|
|
|
:
|
|
|
|
|
|
|
|
<i className="iconfont icon-sanjiaoxing-up font-13 mr32 xiaoshou"></i>
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
|
|
</Dropdown>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
:
|
|
|
|
|
|
|
|
""
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@ -253,7 +453,7 @@ class Videostatisticscom extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
{
|
|
|
|
{
|
|
|
|
loading===true?
|
|
|
|
loading === true ?
|
|
|
|
<div style={{
|
|
|
|
<div style={{
|
|
|
|
minHeight: "400px",
|
|
|
|
minHeight: "400px",
|
|
|
|
}} className="ws100s">
|
|
|
|
}} className="ws100s">
|
|
|
|
@ -262,14 +462,19 @@ class Videostatisticscom extends Component {
|
|
|
|
:
|
|
|
|
:
|
|
|
|
<div className="ws100s ysltableo teacherentrydivs">
|
|
|
|
<div className="ws100s ysltableo teacherentrydivs">
|
|
|
|
{
|
|
|
|
{
|
|
|
|
data.length===0?
|
|
|
|
data.length === 0 ?
|
|
|
|
<div style={{
|
|
|
|
<div style={{
|
|
|
|
minHeight: "400px",
|
|
|
|
minHeight: "400px",
|
|
|
|
}} className="ws100s">
|
|
|
|
}} className="ws100s">
|
|
|
|
<NoneDatas></NoneDatas>
|
|
|
|
<NoneDatas></NoneDatas>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
:
|
|
|
|
:
|
|
|
|
<Table columns={columnsstu} dataSource={data} pagination={false}/>
|
|
|
|
<Table
|
|
|
|
|
|
|
|
columns={columnsstu}
|
|
|
|
|
|
|
|
dataSource={data}
|
|
|
|
|
|
|
|
pagination={false}
|
|
|
|
|
|
|
|
onChange={this.table1handleChange}
|
|
|
|
|
|
|
|
/>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -281,11 +486,11 @@ class Videostatisticscom extends Component {
|
|
|
|
|
|
|
|
|
|
|
|
<div className="mb30 clearfix educontent mt40 intermediatecenter">
|
|
|
|
<div className="mb30 clearfix educontent mt40 intermediatecenter">
|
|
|
|
{
|
|
|
|
{
|
|
|
|
data&&data.length>0?
|
|
|
|
data && data.length > 0 ?
|
|
|
|
<Pagination showQuickJumper current={this.state.page} onChange={this.paginationonChange}
|
|
|
|
<Pagination showQuickJumper current={this.state.page} onChange={this.paginationonChange}
|
|
|
|
pageSize={this.state.limit}
|
|
|
|
pageSize={this.state.limit}
|
|
|
|
total={this.state.members_count}></Pagination>
|
|
|
|
total={this.state.members_count}></Pagination>
|
|
|
|
:""
|
|
|
|
: ""
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -296,4 +501,4 @@ class Videostatisticscom extends Component {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export default Videostatisticscom;
|
|
|
|
export default Videostatisticscomtwo;
|
|
|
|
|
cxt
5 years ago