|
|
|
@ -1,10 +1,12 @@
|
|
|
|
import React,{ Component } from "react";
|
|
|
|
import React,{ Component } from "react";
|
|
|
|
import {Table, Pagination, Tooltip, Spin, Row, Col, Checkbox, Tabs, Menu, Dropdown, Icon, Input} from "antd";
|
|
|
|
import {Table, Pagination,Tooltip,Spin, Row, Col ,Checkbox,Tabs,Menu, Dropdown, Icon,Input} from "antd";
|
|
|
|
import {WordsBtn, on, off, trigger, getImageUrl, sortDirections} from 'educoder';
|
|
|
|
import { WordsBtn,on, off, trigger ,getImageUrl,sortDirections} from 'educoder';
|
|
|
|
import axios from'axios';
|
|
|
|
import axios from'axios';
|
|
|
|
import Dropdownbox from './Dropdownbox';
|
|
|
|
import Dropdownbox from './Dropdownbox';
|
|
|
|
import Dynamiclist from './Dynamiclist';
|
|
|
|
import Dynamiclist from './Dynamiclist';
|
|
|
|
|
|
|
|
import NoneData from "../../courses/coursesPublic/NoneData";
|
|
|
|
import './Statistics.css';
|
|
|
|
import './Statistics.css';
|
|
|
|
|
|
|
|
|
|
|
|
const { TabPane } = Tabs;
|
|
|
|
const { TabPane } = Tabs;
|
|
|
|
class Statistics extends Component{
|
|
|
|
class Statistics extends Component{
|
|
|
|
constructor(props){
|
|
|
|
constructor(props){
|
|
|
|
@ -12,165 +14,163 @@ class Statistics extends Component{
|
|
|
|
this.state={
|
|
|
|
this.state={
|
|
|
|
nd1:60,
|
|
|
|
nd1:60,
|
|
|
|
nd2:40,
|
|
|
|
nd2:40,
|
|
|
|
nd3: 20,
|
|
|
|
nd3:20,
|
|
|
|
data: undefined,
|
|
|
|
data:undefined,
|
|
|
|
bomdata: undefined,
|
|
|
|
bomdata:undefined,
|
|
|
|
topisSpin: true,
|
|
|
|
topisSpin:true,
|
|
|
|
bomisSpin: true,
|
|
|
|
bomisSpin:true,
|
|
|
|
sort: 'desc',
|
|
|
|
sort:'desc',
|
|
|
|
course_groups: [],
|
|
|
|
course_groups:[],
|
|
|
|
page: 1,
|
|
|
|
page:1,
|
|
|
|
all_count: null,
|
|
|
|
all_count:null,
|
|
|
|
activeKey: '1',
|
|
|
|
activeKey:'1',
|
|
|
|
visible: false,
|
|
|
|
visible: false,
|
|
|
|
group_ids: [],
|
|
|
|
group_ids:[],
|
|
|
|
course_members: []
|
|
|
|
course_members:[]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
componentDidMount() {
|
|
|
|
componentDidMount() {
|
|
|
|
this.getdatas()
|
|
|
|
this.getdatas()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
getdatas = () => {
|
|
|
|
getdatas=()=>{
|
|
|
|
let {page, group_ids, sort} = this.state;
|
|
|
|
let {page,group_ids,sort}=this.state;
|
|
|
|
let courseId = this.props.match.params.coursesId;
|
|
|
|
let courseId=this.props.match.params.coursesId;
|
|
|
|
let url = `/courses/${courseId}/statistics.json`;
|
|
|
|
let url=`/courses/${courseId}/statistics.json`;
|
|
|
|
axios.get(url).then((result) => {
|
|
|
|
axios.get(url).then((result) => {
|
|
|
|
if (result) {
|
|
|
|
if (result) {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
data: result.data.top_scores,
|
|
|
|
data:result.data.top_scores,
|
|
|
|
topisSpin: false
|
|
|
|
topisSpin:false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).catch((error) => {
|
|
|
|
}).catch((error) => {
|
|
|
|
console.log(error);
|
|
|
|
console.log(error);
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
topisSpin: false,
|
|
|
|
topisSpin:false,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
let courseurl = `/courses/${courseId}/all_course_groups.json`;
|
|
|
|
let courseurl=`/courses/${courseId}/all_course_groups.json`;
|
|
|
|
axios.get(courseurl).then((result) => {
|
|
|
|
axios.get(courseurl).then((result) => {
|
|
|
|
if (result) {
|
|
|
|
if (result) {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
course_groups: result.data.course_groups
|
|
|
|
course_groups:result.data.course_groups
|
|
|
|
})
|
|
|
|
})
|
|
|
|
let list = result.data.course_groups;
|
|
|
|
let list=result.data.course_groups;
|
|
|
|
if (list.length > 0) {
|
|
|
|
// if(list.length>0){
|
|
|
|
this.setState({
|
|
|
|
// this.setState({
|
|
|
|
group_ids: [list[0].id],
|
|
|
|
// group_ids:[list[0].id],
|
|
|
|
})
|
|
|
|
// })
|
|
|
|
this.getwork_scoredata(page, [list[0].id], sort);
|
|
|
|
// }
|
|
|
|
}
|
|
|
|
this.getwork_scoredata(page,undefined,sort);
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).catch((error) => {
|
|
|
|
}).catch((error) => {
|
|
|
|
console.log(error);
|
|
|
|
console.log(error);
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
getDynamiclistdatas = (group_ids) => {
|
|
|
|
getDynamiclistdatas=(group_ids)=>{
|
|
|
|
|
|
|
|
|
|
|
|
let courseId = this.props.match.params.coursesId;
|
|
|
|
let courseId=this.props.match.params.coursesId;
|
|
|
|
let url = `/courses/${courseId}/act_score.json`;
|
|
|
|
let url=`/courses/${courseId}/act_score.json`;
|
|
|
|
let data = {
|
|
|
|
let data={
|
|
|
|
group_ids: group_ids,
|
|
|
|
group_ids:group_ids,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
axios.get(url, {
|
|
|
|
axios.get(url,{params:
|
|
|
|
params:
|
|
|
|
|
|
|
|
data
|
|
|
|
data
|
|
|
|
}).then((result) => {
|
|
|
|
}).then((result) => {
|
|
|
|
if (result) {
|
|
|
|
if (result) {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
course_members: result.data.course_members,
|
|
|
|
course_members:result.data.course_members,
|
|
|
|
bomisSpin: false
|
|
|
|
bomisSpin:false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).catch((error) => {
|
|
|
|
}).catch((error) => {
|
|
|
|
console.log(error);
|
|
|
|
console.log(error);
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
bomisSpin: false,
|
|
|
|
bomisSpin:false,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
getwork_scoredata = (page, group_ids, sort) => {
|
|
|
|
getwork_scoredata=(page,group_ids,sort)=>{
|
|
|
|
let {activeKey} = this.state;
|
|
|
|
let {activeKey}=this.state;
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
page: page,
|
|
|
|
page:page,
|
|
|
|
sort: sort,
|
|
|
|
sort:sort,
|
|
|
|
group_ids: group_ids,
|
|
|
|
group_ids:this.props.isStudent()===true?undefined:group_ids,
|
|
|
|
bomisSpin: true,
|
|
|
|
bomisSpin:true,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
if (activeKey === '1') {
|
|
|
|
if(activeKey==='1'){
|
|
|
|
let courseId = this.props.match.params.coursesId;
|
|
|
|
let courseId=this.props.match.params.coursesId;
|
|
|
|
let url = `/courses/${courseId}/work_score.json`;
|
|
|
|
let url=`/courses/${courseId}/work_score.json`;
|
|
|
|
let data = {
|
|
|
|
let data={
|
|
|
|
limit: 20,
|
|
|
|
limit:20,
|
|
|
|
page: page,
|
|
|
|
page:page,
|
|
|
|
group_ids: group_ids,
|
|
|
|
group_ids:this.props.isStudent()===true?undefined:group_ids,
|
|
|
|
sort: sort
|
|
|
|
sort:sort
|
|
|
|
}
|
|
|
|
}
|
|
|
|
axios.get(url, {
|
|
|
|
axios.get(url,{params:
|
|
|
|
params:
|
|
|
|
|
|
|
|
data
|
|
|
|
data
|
|
|
|
}).then((result) => {
|
|
|
|
}).then((result) => {
|
|
|
|
if (result) {
|
|
|
|
if (result) {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
bomdata: result.data.course_members,
|
|
|
|
bomdata:result.data.course_members,
|
|
|
|
all_count: result.data.all_count,
|
|
|
|
all_count:result.data.all_count,
|
|
|
|
bomisSpin: false
|
|
|
|
bomisSpin:false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).catch((error) => {
|
|
|
|
}).catch((error) => {
|
|
|
|
console.log(error);
|
|
|
|
console.log(error);
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
bomisSpin: false,
|
|
|
|
bomisSpin:false,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
}else{
|
|
|
|
this.getDynamiclistdatas(group_ids)
|
|
|
|
this.getDynamiclistdatas(group_ids)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
activeKey = (key) => {
|
|
|
|
activeKey=(key)=>{
|
|
|
|
if (key === "1") {
|
|
|
|
if(key==="1"){
|
|
|
|
let {page, group_ids, sort} = this.state;
|
|
|
|
let {page,group_ids,sort}=this.state;
|
|
|
|
// this.getdatas()
|
|
|
|
// this.getdatas()
|
|
|
|
this.getwork_scoredata(page, group_ids, sort)
|
|
|
|
this.getwork_scoredata(page,group_ids,sort)
|
|
|
|
} else {
|
|
|
|
}else{
|
|
|
|
let {group_ids} = this.state;
|
|
|
|
let{group_ids}=this.state;
|
|
|
|
this.getDynamiclistdatas(group_ids)
|
|
|
|
this.getDynamiclistdatas(group_ids)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
activeKey: key
|
|
|
|
activeKey:key
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
PaginationCourse = (pageNumber) => {
|
|
|
|
PaginationCourse=(pageNumber)=>{
|
|
|
|
let {group_ids, sort} = this.state;
|
|
|
|
let {group_ids,sort}=this.state;
|
|
|
|
|
|
|
|
|
|
|
|
this.getwork_scoredata(pageNumber, group_ids, sort);
|
|
|
|
this.getwork_scoredata(pageNumber,group_ids,sort);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
derivefun = (url) => {
|
|
|
|
derivefun=(url)=>{
|
|
|
|
let {group_ids} = this.state;
|
|
|
|
let{group_ids}=this.state;
|
|
|
|
let data = {
|
|
|
|
let data={
|
|
|
|
group_id: group_ids
|
|
|
|
group_id:group_ids
|
|
|
|
}
|
|
|
|
}
|
|
|
|
axios.get(url, {
|
|
|
|
axios.get(url,{params:
|
|
|
|
params:
|
|
|
|
|
|
|
|
data
|
|
|
|
data
|
|
|
|
}).then((response) => {
|
|
|
|
}).then((response)=>{
|
|
|
|
if (response === undefined) {
|
|
|
|
if(response === undefined){
|
|
|
|
return
|
|
|
|
return
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (response.data.status && response.data.status === -1) {
|
|
|
|
if(response.data.status&&response.data.status===-1){
|
|
|
|
this.props.showNotification(response.data.message);
|
|
|
|
this.props.showNotification(response.data.message);
|
|
|
|
} else if (response.data.status && response.data.status === -2) {
|
|
|
|
}else if(response.data.status&&response.data.status===-2){
|
|
|
|
// if(response.data.message === "100"){
|
|
|
|
// if(response.data.message === "100"){
|
|
|
|
// // 已超出文件导出的上限数量（100 ），建议：
|
|
|
|
// // 已超出文件导出的上限数量（100 ），建议：
|
|
|
|
//
|
|
|
|
//
|
|
|
|
@ -186,7 +186,7 @@ class Statistics extends Component{
|
|
|
|
// })
|
|
|
|
// })
|
|
|
|
// }
|
|
|
|
// }
|
|
|
|
this.props.showNotification(response.data.message);
|
|
|
|
this.props.showNotification(response.data.message);
|
|
|
|
} else {
|
|
|
|
}else {
|
|
|
|
// this.props.showNotification(`正在下载中`);
|
|
|
|
// this.props.showNotification(`正在下载中`);
|
|
|
|
// window.open("/api"+url, '_blank');
|
|
|
|
// window.open("/api"+url, '_blank');
|
|
|
|
this.props.slowDownload(url);
|
|
|
|
this.props.slowDownload(url);
|
|
|
|
@ -198,31 +198,31 @@ class Statistics extends Component{
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 筛选
|
|
|
|
// 筛选
|
|
|
|
handleTableChange = (pagination, filters, data) => {
|
|
|
|
handleTableChange =(pagination, filters, data)=>{
|
|
|
|
let order = data.order;
|
|
|
|
let order=data.order;
|
|
|
|
let {page, group_ids} = this.state;
|
|
|
|
let {page,group_ids}=this.state;
|
|
|
|
if (order === "descend") {
|
|
|
|
if(order==="descend"){
|
|
|
|
this.getwork_scoredata(page, group_ids, 'desc')
|
|
|
|
this.getwork_scoredata(page,group_ids,'desc')
|
|
|
|
} else {
|
|
|
|
}else{
|
|
|
|
this.getwork_scoredata(page, group_ids, 'asc')
|
|
|
|
this.getwork_scoredata(page,group_ids,'asc')
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
render(){
|
|
|
|
render(){
|
|
|
|
let {nd1, nd2, nd3, data, bomdata} = this.state;
|
|
|
|
let {nd1,nd2,nd3,data,bomdata,course_members}=this.state;
|
|
|
|
|
|
|
|
|
|
|
|
const columns = [
|
|
|
|
const columns = [
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: this.props.isAdmin() === true ? '序号' : '排名',
|
|
|
|
title: this.props.isAdmin()===true?'序号':'排名',
|
|
|
|
dataIndex: 'index',
|
|
|
|
dataIndex: 'index',
|
|
|
|
render: (text, record, index) => {
|
|
|
|
render: (text, record,index) => {
|
|
|
|
return this.props.isAdmin() === true ? (this.state.page - 1) * 20 + index + 1 : record.rank
|
|
|
|
return this.props.isAdmin()===true?(this.state.page - 1) * 20 + index + 1:record.rank
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '姓名',
|
|
|
|
title: '姓名',
|
|
|
|
dataIndex: 'user_name',
|
|
|
|
dataIndex:'user_name',
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span>{record.user_name}</span>
|
|
|
|
<span>{record.user_name}</span>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
@ -231,68 +231,66 @@ class Statistics extends Component{
|
|
|
|
title: '分班',
|
|
|
|
title: '分班',
|
|
|
|
dataIndex: 'course_group',
|
|
|
|
dataIndex: 'course_group',
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span>{record.course_group}</span>
|
|
|
|
<span >{record.course_group}</span>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '实训作业',
|
|
|
|
title: '实训作业',
|
|
|
|
dataIndex: 'practice_score',
|
|
|
|
dataIndex: 'practice_score',
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span>{record.practice_score.toFixed(2)}</span>
|
|
|
|
<span >{record.practice_score.toFixed(2)}</span>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '普通作业',
|
|
|
|
title: '普通作业',
|
|
|
|
dataIndex: 'common_score',
|
|
|
|
dataIndex: 'common_score',
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span>{record.common_score.toFixed(2)}</span>
|
|
|
|
<span >{record.common_score.toFixed(2)}</span>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '分组作业',
|
|
|
|
title: '分组作业',
|
|
|
|
dataIndex: 'group_score',
|
|
|
|
dataIndex: 'group_score',
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span>{record.group_score.toFixed(2)}</span>
|
|
|
|
<span >{record.group_score.toFixed(2)}</span>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '毕设任务',
|
|
|
|
title: '毕设任务',
|
|
|
|
dataIndex: 'graduation_score',
|
|
|
|
dataIndex: 'graduation_score',
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span>{record.graduation_score.toFixed(2)}</span>
|
|
|
|
<span >{record.graduation_score.toFixed(2)}</span>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '试卷',
|
|
|
|
title: '试卷',
|
|
|
|
dataIndex: 'exercise_score',
|
|
|
|
dataIndex: 'exercise_score',
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span>{record.exercise_score}</span>
|
|
|
|
<span >{record.exercise_score}</span>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: '总成绩',
|
|
|
|
title: '总成绩',
|
|
|
|
dataIndex: 'total_score',
|
|
|
|
dataIndex: 'total_score',
|
|
|
|
sorter: this.props.isAdmin() === true ? true : false,
|
|
|
|
sorter: this.props.isAdmin()===true?true:false,
|
|
|
|
defaultSortOrder: 'descend',
|
|
|
|
defaultSortOrder: 'descend',
|
|
|
|
sortDirections: sortDirections,
|
|
|
|
sortDirections: sortDirections,
|
|
|
|
render: (text, record) => (
|
|
|
|
render: (text, record) => (
|
|
|
|
<span>{record.total_score.toFixed(2)}</span>
|
|
|
|
<span >{record.total_score.toFixed(2)}</span>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
];
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
let course_grouptype = false;
|
|
|
|
let course_grouptype=false;
|
|
|
|
if (this.props && this.props.course_modules != undefined) {
|
|
|
|
if(this.props&&this.props.course_modules!=undefined){
|
|
|
|
{
|
|
|
|
{this.props&&this.props.course_modules.map((item,key)=>{
|
|
|
|
this.props && this.props.course_modules.map((item, key) => {
|
|
|
|
if(item.type==="course_group"){
|
|
|
|
if (item.type === "course_group") {
|
|
|
|
course_grouptype=true
|
|
|
|
course_grouptype = true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})}
|
|
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (course_grouptype === false) {
|
|
|
|
if(course_grouptype===false){
|
|
|
|
columns.some((item, key) => {
|
|
|
|
columns.some((item,key)=> {
|
|
|
|
if (item.title === "分班") {
|
|
|
|
if (item.title === "分班") {
|
|
|
|
columns.splice(key, 1)
|
|
|
|
columns.splice(key, 1)
|
|
|
|
return true
|
|
|
|
return true
|
|
|
|
@ -317,168 +315,166 @@ class Statistics extends Component{
|
|
|
|
<Dropdownbox
|
|
|
|
<Dropdownbox
|
|
|
|
{...this.props}
|
|
|
|
{...this.props}
|
|
|
|
{...this.state}
|
|
|
|
{...this.state}
|
|
|
|
postwork_scoredata={(group_idss) => this.getwork_scoredata(1, group_idss, 'desc')}
|
|
|
|
postwork_scoredata={(group_idss)=>this.getwork_scoredata(1,group_idss,'desc')}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
<a className={"ml20 ant-btn-link"}
|
|
|
|
<a className={"ml20 ant-btn-link"} onClick={()=>this.derivefun(`/courses/${this.props.match.params.coursesId}/export_member_scores_excel.xlsx`)}>导出</a>
|
|
|
|
onClick={() => this.derivefun(`/courses/${this.props.match.params.coursesId}/export_member_scores_excel.xlsx`)}>导出</a>
|
|
|
|
|
|
|
|
</React.Fragment>;
|
|
|
|
</React.Fragment>;
|
|
|
|
return(
|
|
|
|
return(
|
|
|
|
<React.Fragment>
|
|
|
|
<React.Fragment>
|
|
|
|
<div className="edu-back-white">
|
|
|
|
<div className="edu-back-white">
|
|
|
|
<Spin size="large" spinning={this.state.topisSpin}>
|
|
|
|
<Spin size="large" spinning={this.state.topisSpin}>
|
|
|
|
<p className="clearfix padding30">
|
|
|
|
<p className="clearfix padding30">
|
|
|
|
<Row gutter={24}>
|
|
|
|
<Row gutter={24}>
|
|
|
|
<Col>
|
|
|
|
<Col className={"Statisticsmxxy"}>
|
|
|
|
明星学员
|
|
|
|
明星学员
|
|
|
|
</Col>
|
|
|
|
</Col>
|
|
|
|
</Row>
|
|
|
|
</Row>
|
|
|
|
|
|
|
|
|
|
|
|
<Row type="flex" justify="center" align="bottom">
|
|
|
|
<Row type="flex" justify="center" align="bottom">
|
|
|
|
{data && data.map((item, key) => {
|
|
|
|
{data&&data.map((item,key)=>{
|
|
|
|
if (key === 3) {
|
|
|
|
if(key===3){
|
|
|
|
return (
|
|
|
|
return(
|
|
|
|
<Col span={3}>
|
|
|
|
<Col span={3}>
|
|
|
|
<li className="pr rankingss">
|
|
|
|
<li className="pr rankingss">
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
<img src={getImageUrl(`images/${item.avatar_url}`)}/>
|
|
|
|
<img src={getImageUrl(`images/${item.avatar_url}`)}/>
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
</Col>
|
|
|
|
</Col>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
})}
|
|
|
|
})}
|
|
|
|
{data && data.map((item, key) => {
|
|
|
|
{data&&data.map((item,key)=>{
|
|
|
|
if (key === 1) {
|
|
|
|
if(key===1){
|
|
|
|
return (
|
|
|
|
return(
|
|
|
|
<Col span={5}>
|
|
|
|
<Col span={5}>
|
|
|
|
<li className="pr rankingss">
|
|
|
|
<li className="pr rankingss">
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
<img src={getImageUrl(`images/${item.avatar_url}`)} className={"mb10"}/>
|
|
|
|
<img src={getImageUrl(`images/${item.avatar_url}`)} className={"mb10"}/>
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
<Col className={`height-${nd2}`}>
|
|
|
|
<Col className={`height-${nd2}`}>
|
|
|
|
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
})}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{data && data.map((item, key) => {
|
|
|
|
|
|
|
|
if (key === 0) {
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
|
|
<Col span={5} className={"relatives"}>
|
|
|
|
|
|
|
|
<li className="pr rankingss">
|
|
|
|
|
|
|
|
<img src="https://test-newweb.educoder.net/images/educoder/huangguan.png"
|
|
|
|
|
|
|
|
className="huangguans mb5"/>
|
|
|
|
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
|
|
|
|
<img src={getImageUrl(`images/${item.avatar_url}`)} className={"mb10 mt5"}/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<Col className={`height-${nd1}`}>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
</Col>
|
|
|
|
)
|
|
|
|
</Col>
|
|
|
|
}
|
|
|
|
)
|
|
|
|
|
|
|
|
}
|
|
|
|
})}
|
|
|
|
|
|
|
|
|
|
|
|
})}
|
|
|
|
{data && data.map((item, key) => {
|
|
|
|
|
|
|
|
if (key === 2) {
|
|
|
|
{data&&data.map((item,key)=>{
|
|
|
|
return (
|
|
|
|
if(key===0){
|
|
|
|
<Col span={5}>
|
|
|
|
return(
|
|
|
|
<li className="pr rankingss">
|
|
|
|
<Col span={5} className={"relatives"}>
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
<li className="pr rankingss">
|
|
|
|
<img src={getImageUrl(`images/${item.avatar_url}`)} className={"mb10"}/>
|
|
|
|
<img src="https://test-newweb.educoder.net/images/educoder/huangguan.png" className="huangguans mb5" />
|
|
|
|
</a>
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
</li>
|
|
|
|
<img src={getImageUrl(`images/${item.avatar_url}`)} className={"mb10 mt5"}/>
|
|
|
|
<Col className={`height-${nd3}`}>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
</Col>
|
|
|
|
<Col className={`height-${nd1}`}>
|
|
|
|
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
</Col>
|
|
|
|
)
|
|
|
|
</Col>
|
|
|
|
}
|
|
|
|
)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
})}
|
|
|
|
})}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{data&&data.map((item,key)=>{
|
|
|
|
|
|
|
|
if(key===2){
|
|
|
|
|
|
|
|
return(
|
|
|
|
|
|
|
|
<Col span={5}>
|
|
|
|
|
|
|
|
<li className="pr rankingss">
|
|
|
|
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
|
|
|
|
<img src={getImageUrl(`images/${item.avatar_url}`)} className={"mb10"}/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
<Col className={`height-${nd3}`}>
|
|
|
|
|
|
|
|
|
|
|
|
{data && data.map((item, key) => {
|
|
|
|
|
|
|
|
if (key === 4) {
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
|
|
<Col span={3}>
|
|
|
|
|
|
|
|
<li className="pr rankingss">
|
|
|
|
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
|
|
|
|
<img src={getImageUrl(`images/${item.avatar_url}`)}/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
</Col>
|
|
|
|
)
|
|
|
|
</Col>
|
|
|
|
}
|
|
|
|
)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
})}
|
|
|
|
})}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</Row>
|
|
|
|
{data&&data.map((item,key)=>{
|
|
|
|
|
|
|
|
if(key===4){
|
|
|
|
|
|
|
|
return(
|
|
|
|
|
|
|
|
<Col span={3}>
|
|
|
|
|
|
|
|
<li className="pr rankingss">
|
|
|
|
|
|
|
|
<a href={`/users/${item.user_login}`} className="color-dark">
|
|
|
|
|
|
|
|
<img src={getImageUrl(`images/${item.avatar_url}`)}/>
|
|
|
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</li>
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
})}
|
|
|
|
|
|
|
|
|
|
|
|
<Row className="mt10" type="flex" justify="center" align="bottom">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{data && data.map((item, key) => {
|
|
|
|
</Row>
|
|
|
|
if (key === 3) {
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
|
|
|
<Col span={3} className={"Statisticscenter"}>
|
|
|
|
<Row className="mt10" type="flex" justify="center" align="bottom">
|
|
|
|
<Col>{item.user_name}</Col>
|
|
|
|
|
|
|
|
<Col>4th</Col>
|
|
|
|
{data&&data.map((item,key)=>{
|
|
|
|
</Col>
|
|
|
|
if(key===3){
|
|
|
|
)
|
|
|
|
return(
|
|
|
|
}
|
|
|
|
<Col span={3} className={"Statisticscenter"}>
|
|
|
|
})}
|
|
|
|
<Col>{item.user_name}</Col>
|
|
|
|
{data && data.map((item, key) => {
|
|
|
|
<Col>4th</Col>
|
|
|
|
if (key === 1) {
|
|
|
|
</Col>
|
|
|
|
return (
|
|
|
|
)
|
|
|
|
<Col span={5} className={"Statisticscenter"}>
|
|
|
|
}
|
|
|
|
<Col>{item.user_name}</Col>
|
|
|
|
})}
|
|
|
|
<Col>2th</Col>
|
|
|
|
{data&&data.map((item,key)=>{
|
|
|
|
</Col>
|
|
|
|
if(key===1){
|
|
|
|
)
|
|
|
|
return(
|
|
|
|
}
|
|
|
|
<Col span={5} className={"Statisticscenter"}>
|
|
|
|
})}
|
|
|
|
<Col>{item.user_name}</Col>
|
|
|
|
{data && data.map((item, key) => {
|
|
|
|
<Col>2nd</Col>
|
|
|
|
if (key === 0) {
|
|
|
|
</Col>
|
|
|
|
return (
|
|
|
|
)
|
|
|
|
<Col span={5} className={"Statisticscenter"}>
|
|
|
|
}
|
|
|
|
<Col>{item.user_name}</Col>
|
|
|
|
})}
|
|
|
|
<Col>1th</Col>
|
|
|
|
{data&&data.map((item,key)=>{
|
|
|
|
</Col>
|
|
|
|
if(key===0){
|
|
|
|
)
|
|
|
|
return(
|
|
|
|
}
|
|
|
|
<Col span={5} className={"Statisticscenter"}>
|
|
|
|
})}
|
|
|
|
<Col>{item.user_name}</Col>
|
|
|
|
{data && data.map((item, key) => {
|
|
|
|
<Col>1st</Col>
|
|
|
|
if (key === 2) {
|
|
|
|
</Col>
|
|
|
|
return (
|
|
|
|
)
|
|
|
|
<Col span={5} className={"Statisticscenter"}>
|
|
|
|
}
|
|
|
|
<Col>{item.user_name}</Col>
|
|
|
|
})}
|
|
|
|
<Col>3th</Col>
|
|
|
|
{data&&data.map((item,key)=>{
|
|
|
|
</Col>
|
|
|
|
if(key===2){
|
|
|
|
)
|
|
|
|
return(
|
|
|
|
}
|
|
|
|
<Col span={5} className={"Statisticscenter"}>
|
|
|
|
})}
|
|
|
|
<Col>{item.user_name}</Col>
|
|
|
|
{data && data.map((item, key) => {
|
|
|
|
<Col>3rd</Col>
|
|
|
|
if (key === 4) {
|
|
|
|
</Col>
|
|
|
|
return (
|
|
|
|
)
|
|
|
|
<Col span={3} className={"Statisticscenter"}>
|
|
|
|
}
|
|
|
|
<Col>{item.user_name}</Col>
|
|
|
|
})}
|
|
|
|
<Col>5th</Col>
|
|
|
|
{data&&data.map((item,key)=>{
|
|
|
|
</Col>
|
|
|
|
if(key===4){
|
|
|
|
)
|
|
|
|
return(
|
|
|
|
}
|
|
|
|
<Col span={3} className={"Statisticscenter"}>
|
|
|
|
})}
|
|
|
|
<Col>{item.user_name}</Col>
|
|
|
|
|
|
|
|
<Col>5th</Col>
|
|
|
|
|
|
|
|
</Col>
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
})}
|
|
|
|
|
|
|
|
|
|
|
|
</Row>
|
|
|
|
</Row>
|
|
|
|
</p>
|
|
|
|
</p>
|
|
|
|
</Spin>
|
|
|
|
</Spin>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@ -494,31 +490,30 @@ class Statistics extends Component{
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.ant-table-thead > tr > th, .ant-table-tbody > tr > td {
|
|
|
|
.ant-table-thead > tr > th, .ant-table-tbody > tr > td {
|
|
|
|
padding: 16px 0px;
|
|
|
|
padding: 16px 0px;
|
|
|
|
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
`
|
|
|
|
`
|
|
|
|
}</style>
|
|
|
|
}</style>
|
|
|
|
<Tabs className="statisticsTabs" activeKey={this.state.activeKey} onChange={this.activeKey}
|
|
|
|
<Tabs className="statisticsTabs" activeKey={this.state.activeKey} onChange={this.activeKey} tabBarExtraContent={this.props.isAdmin()===true?operations:""}>
|
|
|
|
tabBarExtraContent={this.props.isAdmin() === true ? operations : ""}>
|
|
|
|
<TabPane tab="学习成绩" key="1" className={"statisticsTabs1"} >
|
|
|
|
<TabPane tab="学习成绩" key="1" className={"statisticsTabs1"}>
|
|
|
|
{bomdata===undefined||bomdata===null?"":bomdata.length===0?<NoneData/>:<Table
|
|
|
|
<Table
|
|
|
|
columns={columns}
|
|
|
|
columns={columns}
|
|
|
|
dataSource={bomdata}
|
|
|
|
dataSource={bomdata}
|
|
|
|
pagination={false}
|
|
|
|
pagination={false}
|
|
|
|
onChange={this.handleTableChange}
|
|
|
|
onChange={this.handleTableChange}
|
|
|
|
/>}
|
|
|
|
/>
|
|
|
|
</TabPane>
|
|
|
|
</TabPane>
|
|
|
|
<TabPane tab="课堂活跃度" key="2">
|
|
|
|
<TabPane tab="课堂活跃度" key="2">
|
|
|
|
{course_members===undefined||course_members===null?"":course_members.length===0?<NoneData/>:<Dynamiclist
|
|
|
|
<Dynamiclist
|
|
|
|
{...this.state}
|
|
|
|
{...this.state}
|
|
|
|
{...this.props}
|
|
|
|
{...this.props}
|
|
|
|
/>}
|
|
|
|
/>
|
|
|
|
</TabPane>
|
|
|
|
</TabPane>
|
|
|
|
</Tabs>
|
|
|
|
</Tabs>
|
|
|
|
|
|
|
|
</Spin>
|
|
|
|
</Spin>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
{this.state.all_count === undefined || this.state.all_count === null || this.state.activeKey === "2" ? '' : this.state.all_count > 20 && this.props.isAdmin() === true ?
|
|
|
|
{this.state.all_count===undefined||this.state.all_count===null||this.state.activeKey==="2"?'':this.state.all_count >20&&this.props.isAdmin()===true?<div className="mb40 edu-txt-center padding20-30"
|
|
|
|
<div className="mb40 edu-txt-center padding20-30"
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
>
|
|
|
|
|
|
|
|
|
|
|
|
@ -526,12 +521,12 @@ class Statistics extends Component{
|
|
|
|
showQuickJumper
|
|
|
|
showQuickJumper
|
|
|
|
defaultCurrent={1}
|
|
|
|
defaultCurrent={1}
|
|
|
|
pageSize={20}
|
|
|
|
pageSize={20}
|
|
|
|
total={this.state.all_count === undefined ? 0 : this.state.all_count === null ? 0 : this.state.all_count}
|
|
|
|
total={this.state.all_count===undefined?0:this.state.all_count===null?0:this.state.all_count}
|
|
|
|
current={this.state.page}
|
|
|
|
current={this.state.page}
|
|
|
|
onChange={this.PaginationCourse}
|
|
|
|
onChange={this.PaginationCourse}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
|
|
</div> : ""}
|
|
|
|
</div>:""}
|
|
|
|
|
|
|
|
|
|
|
|
</React.Fragment>
|
|
|
|
</React.Fragment>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
|
