You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
440 lines
18 KiB
440 lines
18 KiB
import React, { Component } from 'react';
|
|
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
|
|
|
|
import { Input, Pagination, Tooltip } from 'antd';
|
|
import { Loadable } from 'educoder';
|
|
import Loading from '../../Loading';
|
|
import Guide from "../../modules/courses/shixunHomework/Guide";
|
|
//业务组件
|
|
import CoursesBanner from "./coursesDetail/CoursesBanner";
|
|
import Coursesleftnav from "./coursesDetail/CoursesLeftNav";
|
|
|
|
//普通作业
|
|
const CommonWork = Loadable({
|
|
loader: () => import('./busyWork/commonWork'),
|
|
loading: Loading,
|
|
})
|
|
const GroupWork = Loadable({
|
|
loader: () => import('./busyWork/commonWork'),
|
|
loading: Loading,
|
|
})
|
|
// 讨论
|
|
const Boards = Loadable({
|
|
loader: () => import('./boards'),
|
|
loading: Loading,
|
|
})
|
|
//教师列表
|
|
const TeacherList = Loadable({
|
|
loader: () => import('./members/teacherList'),
|
|
loading: Loading,
|
|
})
|
|
//学生列表
|
|
const StudentsList = Loadable({
|
|
loader: () => import('./members/studentsList'),
|
|
loading: Loading,
|
|
});
|
|
//分班列表
|
|
const CourseGroupList = Loadable({
|
|
loader: () => import('./members/CourseGroupList'),
|
|
loading: Loading,
|
|
});
|
|
|
|
const Eduinforms = Loadable({
|
|
loader: () => import('./gradinforms/Eduinforms'),
|
|
loading: Loading,
|
|
});
|
|
|
|
//2019.10.29 统计
|
|
const Statistics = Loadable({
|
|
loader: () => import('./statistics/Statistics'),
|
|
loading: Loading,
|
|
});
|
|
|
|
const Elearning = Loadable({
|
|
loader: () => import('./elearning/Elearning'),
|
|
loading: Loading,
|
|
});
|
|
//
|
|
const Exercise = Loadable({
|
|
loader: () => import('./exercise/Exercise'),
|
|
loading: Loading,
|
|
})
|
|
//
|
|
const Poll = Loadable({
|
|
loader: () => import('./poll/Poll'),
|
|
loading: Loading,
|
|
})
|
|
|
|
// 资源
|
|
const Resourcelist = Loadable({
|
|
loader: () => import('./Resource/index'),
|
|
loading: Loading,
|
|
})
|
|
|
|
// 视频
|
|
const CourseVideo = Loadable({
|
|
loader: () => import('./Video/VideoIndex'),
|
|
loading: Loading,
|
|
})
|
|
|
|
//实训作业
|
|
const ShixunHomework = Loadable({
|
|
loader: () => import('./shixunHomework/shixunHomework'),
|
|
loading: Loading,
|
|
})
|
|
|
|
const GraduationTopics = Loadable({
|
|
loader: () => import('./graduation/topics'),
|
|
loading: Loading,
|
|
})
|
|
const GraduationTasks = Loadable({
|
|
loader: () => import('./graduation/tasks'),
|
|
loading: Loading,
|
|
})
|
|
class ListPageIndex extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
yslGuideone: undefined,
|
|
yslElearning: false,
|
|
isexcellent: false
|
|
}
|
|
}
|
|
comyslElearning(bool) {
|
|
if (bool === true) {
|
|
this.setState({
|
|
yslElearning: true,
|
|
})
|
|
} else {
|
|
this.setState({
|
|
yslElearning: false,
|
|
})
|
|
}
|
|
|
|
}
|
|
componentDidMount() {
|
|
// console.log("77");
|
|
var yslGuideone = window.localStorage.getItem('yslGuideone');
|
|
// console.log("78");
|
|
// console.log(yslGuideone);
|
|
try {
|
|
if (yslGuideone === "true") {
|
|
// console.log("true 字符串");
|
|
this.setState({
|
|
yslGuideone: true,
|
|
})
|
|
} else {
|
|
this.setState({
|
|
yslGuideone: false,
|
|
});
|
|
// console.log("false 字符串");
|
|
}
|
|
} catch (e) {
|
|
console.log(e);
|
|
this.setState({
|
|
yslGuideone: false,
|
|
});
|
|
}
|
|
|
|
|
|
}
|
|
//
|
|
// getleftNavid=(navid,newselectnavid)=>{
|
|
// console.log(navid,newselectnavid)
|
|
// this.setState({
|
|
// navkey:navid,
|
|
// navttype:newselectnavid
|
|
// })
|
|
// }
|
|
componentWillUnmount() {
|
|
// window.localStorage.setItem('yslGuideone', "false");
|
|
}
|
|
setwindowlocal = (bool) => {
|
|
window.localStorage.setItem('yslGuideone', bool);
|
|
try {
|
|
if (bool === "true") {
|
|
|
|
this.setState({
|
|
yslGuideone: true,
|
|
})
|
|
} else {
|
|
this.setState({
|
|
yslGuideone: false,
|
|
});
|
|
|
|
}
|
|
} catch (e) {
|
|
// console.log(e);
|
|
this.setState({
|
|
yslGuideone: false,
|
|
});
|
|
}
|
|
}
|
|
ispostexcellenttype = (excellent) => {
|
|
this.setState({
|
|
isexcellent: excellent
|
|
})
|
|
}
|
|
updatabanners = () => {
|
|
this.refs.CoursesBanner.updatabanner()
|
|
}
|
|
render() {
|
|
let { yslGuideone } = this.state;
|
|
// console.log("98");
|
|
// console.log(yslGuideone);
|
|
// console.log(this.props.isAdmin());
|
|
// // var yslGuideones = window.sessionStorage.getItem('yslGuideone');
|
|
// console.log(this.props);
|
|
// console.log(this.props.location.search);
|
|
return (
|
|
<div>
|
|
<div className="newMain clearfix">
|
|
{/*头部banner*/}
|
|
<CoursesBanner ref={"CoursesBanner"} {...this.props} ispostexcellenttype={(excellent)=>this.ispostexcellenttype(excellent)}></CoursesBanner>
|
|
{/*下面是指引哦*/}
|
|
{/*{yslGuideone!==undefined?*/}
|
|
{/*(*/}
|
|
{/* yslGuideone===true?*/}
|
|
{/* <Guide*/}
|
|
{/* setwindowlocal={(b)=>this.setwindowlocal(b)}*/}
|
|
{/* >*/}
|
|
{/* </Guide>*/}
|
|
{/* :""*/}
|
|
{/* )*/}
|
|
{/* :""*/}
|
|
{/*}*/}
|
|
<div className="educontent clearfix" style={{flex: "1 0 auto"}}>
|
|
|
|
<div className="stud-class-set">
|
|
<div className="news">
|
|
<div className="edu-class-inner container clearfix">
|
|
<div className="member for-content-0 for-content">
|
|
<div className="people clearfix mb60">
|
|
|
|
{/*left_nav*/}
|
|
<div className={"with22 fl setleft"} style={{width:'264px',minHeight:'500px'}}>
|
|
<Coursesleftnav {...this.props} {...this.state} comyslElearning={(i)=>this.comyslElearning(i)}/>
|
|
</div>
|
|
|
|
{/*right_concent*/}
|
|
<div className="with78 fl">
|
|
<div className={"ml20 clearfix"}>
|
|
<Switch {...this.props}>
|
|
{/* --------------------------------------------------------------------- */}
|
|
|
|
{/* 作业设置 */}
|
|
{/* http://localhost:3007/courses/1309/homework/9300/setting */}
|
|
{/* 普通作业 */}
|
|
<Route path="/courses/:coursesId/common_homeworks/:category_id"
|
|
render={
|
|
(props) => (<CommonWork {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
{/* 作品列表 */}
|
|
<Route path="/courses/:coursesId/group_homeworks/:category_id"
|
|
render={
|
|
(props) => (<CommonWork {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
<Route exact path="/courses/:coursesId/boards/:boardId"
|
|
render={
|
|
(props) => (<Boards {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
{/*视频列表*/}
|
|
<Route path="/courses/:coursesId/course_video/:videoId"
|
|
render={
|
|
(props) => (<CourseVideo {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
<Route path="/courses/:coursesId/course_videos"
|
|
render={
|
|
(props) => (<CourseVideo {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
<Route path="/courses/:coursesId/teachers"
|
|
render={
|
|
(props) => (<TeacherList updatabanners={()=>this.updatabanners()} {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
{/* 学生列表*/}
|
|
<Route path="/courses/:coursesId/students"
|
|
render={
|
|
(props) => (<StudentsList {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
<Route path="/courses/:coursesId/course_groups/:course_group_id"
|
|
render={
|
|
(props) => (<StudentsList {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
<Route path="/courses/:coursesId/course_groups"
|
|
render={
|
|
(props) => (<CourseGroupList {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
<Route path="/courses/:coursesId/exercises/:Id"
|
|
render={
|
|
(props) => (<Exercise {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
{/*right_concent*/}
|
|
<div className="with78 fl">
|
|
<div className={"ml20 clearfix"}>
|
|
<Switch {...this.props}>
|
|
{/* --------------------------------------------------------------------- */}
|
|
|
|
{/* 作业设置 */}
|
|
{/* http://localhost:3007/courses/1309/homework/9300/setting */}
|
|
{/* 普通作业 */}
|
|
<Route path="/courses/:coursesId/common_homeworks/:category_id"
|
|
render={
|
|
(props) => (<CommonWork {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
{/* 作品列表 */}
|
|
<Route path="/courses/:coursesId/group_homeworks/:category_id"
|
|
render={
|
|
(props) => (<CommonWork {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
<Route exact path="/courses/:coursesId/boards/:boardId"
|
|
render={
|
|
(props) => (<Boards {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
{/*视频列表*/}
|
|
|
|
<Route path="/courses/:coursesId/course_videos"
|
|
render={
|
|
(props) => (<CourseVideo {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
<Route path="/courses/:coursesId/teachers"
|
|
render={
|
|
(props) => (<TeacherList updatabanners={() => this.updatabanners()} {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
{/* 学生列表*/}
|
|
<Route path="/courses/:coursesId/students"
|
|
render={
|
|
(props) => (<StudentsList {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
<Route path="/courses/:coursesId/course_groups/:course_group_id"
|
|
render={
|
|
(props) => (<StudentsList {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
<Route path="/courses/:coursesId/course_groups"
|
|
render={
|
|
(props) => (<CourseGroupList {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
<Route path="/courses/:coursesId/exercises/:Id"
|
|
render={
|
|
(props) => (<Exercise {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
<Route path="/courses/:coursesId/polls/:Id"
|
|
render={
|
|
(props) => (<Poll {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
{/* <Route path="/courses/:coursesId/file/:Id"
|
|
render={
|
|
(props) => (<Resourcelist {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route> */}
|
|
|
|
{/* 实训作业子页面*/}
|
|
<Route path="/courses/:coursesId/shixun_homework/:category_id"
|
|
render={
|
|
(props) => (<ShixunHomework {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
{/*课堂统计列表2019.10.29 */}
|
|
|
|
<Route path="/courses/:coursesId/statistics"
|
|
render={
|
|
(props) => (<Statistics {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
|
|
{/*公告栏列表*/}
|
|
|
|
<Route path="/courses/:coursesId/informs"
|
|
render={
|
|
(props) => (<Eduinforms {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
{/*在线学习*/}
|
|
<Route
|
|
path="/courses/:coursesId/online_learning"
|
|
render={
|
|
(props) => (<Elearning {...this.props} {...props} {...this.state} comyslElearning={(i) => this.comyslElearning(i)} />)
|
|
}
|
|
>
|
|
</Route>
|
|
{/* 实训作业页面*/}
|
|
<Route path="/courses/:coursesId/shixun_homeworks/:main_id"
|
|
render={
|
|
(props) => (<ShixunHomework {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
|
|
<Route path="/courses/:coursesId/files/:main_id"
|
|
render={
|
|
(props) => (<Resourcelist {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
<Route path="/courses/:coursesId/file/:Id"
|
|
render={
|
|
(props) => (<Resourcelist {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
<Route path="/courses/:coursesId/graduation_topics/:Id"
|
|
render={
|
|
(props) => (<GraduationTopics {...this.props} {...props} {...this.state} />)
|
|
}></Route>
|
|
<Route path="/courses/:coursesId/graduation_tasks/:Id"
|
|
render={
|
|
(props) => (<GraduationTasks {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
{/* 默认 */}
|
|
<Route path="/courses/:coursesId"
|
|
render={
|
|
(props) => (<StudentsList {...this.props} {...props} {...this.state} />)
|
|
}
|
|
></Route>
|
|
|
|
</Switch>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
export default ListPageIndex; |