视频统计

public/react/src/modules/courses/videostatistics/component/Videostatisticscomtwo.js

@@ -7,7 +7,6 @@ import LoadingSpin from "../../../../common/LoadingSpin";
 import NoneDatas from "../../signin/component/NoneDatas";
 
 
-
 //条目
 class Videostatisticscom extends Component {
 	//条目组件
@@ -209,7 +208,6 @@ class Videostatisticscom extends Component {
 				}
 
 
-
 			}
 			this.setState({
 				loading: false
@@ -222,11 +220,28 @@ class Videostatisticscom extends Component {
 	}
 
 
-
 	paginationonChange = (pageNumber) => {
 		this.setState({
 			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) {
@@ -362,7 +377,6 @@ class Videostatisticscom extends Component {
 	}
 
 
-
 	render() {
 		let {loading, data, page, limit, members_count, columnsstu, fbbool, course_groups} = this.state;
 		const isAdmin = this.props.isAdmin();
@@ -405,8 +419,11 @@ class Videostatisticscom extends Component {
 								<div className="xiaoshou" onClick={() => this.props.tisticsbools(false, null)}>
 									<span className="mr5 xiaoshou">视频统计总览</span><i className="iconfont icon-fanhui  font-13 xiaoshou"></i>
 								</div>
+								{
+									isAdmin === true ?
 										<div className="xiaoshou" onClick={() => this.fenbanone()}>
-									<Dropdown  getPopupContainer={trigger => trigger.parentNode}   overlay={menu} placement="bottomCenter" >
+											<Dropdown getPopupContainer={trigger => trigger.parentNode} overlay={menu}
+																placement="bottomCenter">
 								   <span>
 										 	<span className="mr5 xiaoshou">分班</span>
 										 {
@@ -418,6 +435,10 @@ class Videostatisticscom extends Component {
 									 </span>
 											</Dropdown>
 										</div>
+										:
+										""
+								}
+
 							</div>
 						</div>
 

public/react/src/modules/courses/videostatistics/component/Videostatisticslist.js

@@ -1,6 +1,6 @@
 import React, {Component} from "react";
 import '../../signin/css/signincdi.css';
-import {Pagination,Table} from 'antd';
+import {Pagination,Table,sortDirections} from 'antd';
 import {getImageUrl} from 'educoder';
 import axios from 'axios';
 import LoadingSpin from "../../../../common/LoadingSpin";
@@ -44,6 +44,8 @@ class Videostatisticslist extends Component {
 					align: "center",
 					className: 'font-14',
 					width: '98px',
+					sorter: true,
+					sortDirections: sortDirections,
 					render: (text, record) => (
 						<span style={{width: '98px'}}>{record.people_num}</span>
 					),
@@ -55,6 +57,8 @@ class Videostatisticslist extends Component {
 					align: "center",
 					className: 'font-14 maxnamewidth150s',
 					width: '150px',
+					sorter: true,
+					sortDirections: sortDirections,
 					render: (text, record) => (
 						<span style={{width: '150px'}} className="maxnamewidth150s">{record.total_time}</span>
 					),
@@ -87,11 +91,16 @@ class Videostatisticslist extends Component {
 			page:1,
 			limit:10,
 			members_count:0,
+			order:undefined,
 		}
 	}
 
 	componentDidMount() {
-		this.togetdatas(1);
+		let data={
+			page:1,
+			order:this.state.order
+		}
+		this.togetdatas(data);
 
 	}
 
@@ -103,27 +112,59 @@ class Videostatisticslist extends Component {
 		this.setState({
 			page: pageNumber,
 		})
-   this.togetdatas(pageNumber);
+		let data={
+			page:pageNumber,
+			order:this.state.order
+		}
+   this.togetdatas(data);
 	}
 
 
-	togetdatas(page){
+	togetdatas(data){
 		this.setState({
 			loading:true
 		})
 		const CourseId=this.props.match.params.coursesId;
 		let url=`/courses/${CourseId}/watch_video_histories.json`;
-		axios.get(url,{params:{
-			page:page
-			}
+		axios.get(url,{params:data
 		}).then((response) => {
 			if (response) {
+				if (response.data) {
+					if (response.data.videos.length > 0) {
+						let datalists = [];
+						for (var i = 0; i < response.data.videos.length; i++) {
+							datalists.push({
+								number: (parseInt(page) - 1) * parseInt(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,
+								user_name: response.data.videos[i].user_name,
+								id: response.data.videos[i].id,
+x							})
+						}
+
 						this.setState({
-					data:response.data&&response.data.videos?response.data.videos:[],
+							data: datalists,
+							members_count: response.data.count,
+						})
+					} else {
+						this.setState({
+							data: [],
 							members_count: response.data.count,
 						})
+					}
+				} else {
+					this.setState({
+						data: [],
+						members_count: response.data.count,
+					})
+				}
+
 
 			}
+
+
+
 			this.setState({
 				loading:false
 			})
@@ -135,6 +176,57 @@ class Videostatisticslist extends Component {
 	}
 
 
+	//实训作业tbale 列表塞选数据
+	table1handleChange = (pagination, filters, sorter) => {
+		if (JSON.stringify(sorter) === "{}") {
+			//没有选择
+		} else {
+			try {
+				//学生学号排序
+				if (sorter.columnKey === "people_num"||sorter.columnKey === "total_time") {
+					let mysorder="";
+					if (sorter.order === "ascend") {
+						if(sorter.columnKey === "people_num"){
+							mysorder="people_num-asc";
+						}else{
+							mysorder="total_time-asc";
+
+						}
+						//升序
+						let data={
+							page:this.state.page,
+							order:mysorder
+						}
+						this.togetdatas(data);
+						this.setState({
+							order: mysorder,
+						})
+					} else if (sorter.order === "descend") {
+						if(sorter.columnKey === "people_num"){
+							mysorder="people_num-desc";
+						}else{
+							mysorder="total_time-desc";
+
+						}
+						//降序
+						let data={
+							page:this.state.page,
+							order:mysorder
+						}
+						this.togetdatas(data);
+						this.setState({
+							order: mysorder,
+						})
+					}
+				}
+			} catch (e) {
+
+			}
+
+		}
+
+	}
+
 
 
 	render() {
@@ -175,7 +267,13 @@ class Videostatisticslist extends Component {
 												<NoneDatas></NoneDatas>
 											</div>
 											:
-											<Table columns={columnsstu} dataSource={data} pagination={false}/>
+											<Table
+												columns={columnsstu}
+												dataSource={data}
+												pagination={false}
+												onChange={this.table1handleChange}
+
+											/>
 									}