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.
447 lines
15 KiB
447 lines
15 KiB
import React, {Component} from "react";
|
|
import {Link, NavLink} from 'react-router-dom';
|
|
import {WordsBtn, ActionBtn} from 'educoder';
|
|
import axios from 'axios';
|
|
import {
|
|
notification
|
|
} from "antd";
|
|
import '../css/members.css';
|
|
import "../common/formCommon.css";
|
|
import '../css/Courses.css';
|
|
import './style.css';
|
|
import '../css/busyWork.css';
|
|
import '../poll/pollStyle.css';
|
|
import Listofworks from "./Listofworks";
|
|
import Listofworksstudentone from './Listofworksstudentone';
|
|
import Trainingjobsetting from './Trainingjobsetting';
|
|
import Workquestionandanswer from './Workquestionandanswer';
|
|
import CoursesListType from '../coursesPublic/CoursesListType';
|
|
import ShixunStudentWork from "./ShixunStudentWork";
|
|
import Startshixuntask from "../coursesPublic/Startshixuntask";
|
|
import HomeworkModal from "../coursesPublic/HomeworkModal";
|
|
import moment from 'moment';
|
|
|
|
class ShixunHomeworkPage extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
tab: ["0"],
|
|
jobsettingsdata: undefined,
|
|
teacherdata: undefined,
|
|
code_review: false,
|
|
view_report: false,
|
|
}
|
|
|
|
}
|
|
|
|
//切换tab
|
|
ChangeTab = (e) => {
|
|
// console.log(e);
|
|
this.setState({
|
|
tab: e
|
|
})
|
|
try {
|
|
var currenturl = window.location.href;
|
|
var newUrl = (currenturl.split("?"))[0];
|
|
window.history.pushState('','',newUrl+'?tab='+e);
|
|
}catch (e) {
|
|
console.log(e);
|
|
console.log("44");
|
|
}
|
|
|
|
}
|
|
Getdataback = (jobsettingsdata, teacherdata) => {
|
|
this.setState({
|
|
jobsettingsdata: jobsettingsdata,
|
|
teacherdata: teacherdata,
|
|
code_review: teacherdata.code_review,
|
|
view_report: teacherdata.view_report,
|
|
})
|
|
}
|
|
|
|
componentDidMount() {
|
|
const query = this.props.location.search;
|
|
const type = query.split('?tab=');
|
|
// let sum = []
|
|
// sum.push(type[1])
|
|
// console.log("componentDidMountcomponentDidMount");
|
|
console.log(type);
|
|
this.setState({
|
|
tab: type[1],
|
|
})
|
|
let querys = this.props.location.pathname;
|
|
const types = querys.split('/');
|
|
console.log(types);
|
|
this.setState({
|
|
shixuntypes: types[3]
|
|
})
|
|
}
|
|
//立即发布
|
|
homeworkstart = () => {
|
|
debugger
|
|
let homeworkid = this.props.match.params.homeworkid;
|
|
let url = "/homework_commons/" + homeworkid + "/publish_groups.json";
|
|
|
|
|
|
axios.get(url).then((response) => {
|
|
|
|
if (response.status === 200) {
|
|
let starttime = this.props.getNowFormatDates(1);
|
|
let endtime = this.props.getNowFormatDates(2);
|
|
this.setState({
|
|
modalname: "立即发布",
|
|
modaltype: response.data.course_groups === null || response.data.course_groups.length === 0 ? 2 : 1,
|
|
svisible: true,
|
|
Topval:"学生将立即收到作业",
|
|
// Botvalleft:"暂不发布",
|
|
Botval:`本操作只对"未发布"的分班有效`,
|
|
starttime: "发布时间：" + moment(moment(new Date())).format("YYYY-MM-DD HH:mm"),
|
|
endtime: "截止时间：" + endtime,
|
|
starttimes:starttime,
|
|
typs:"start",
|
|
Cancelname: "暂不发布",
|
|
Savesname: "立即发布",
|
|
Cancel: this.homeworkhide,
|
|
Saves: this.homeworkstartend,
|
|
course_groups: response.data.course_groups,
|
|
})
|
|
}
|
|
}).catch((error) => {
|
|
console.log(error)
|
|
});
|
|
|
|
}
|
|
|
|
getcourse_groupslist = (id) => {
|
|
this.setState({
|
|
course_groupslist: id
|
|
})
|
|
|
|
}
|
|
|
|
isupdatas = () => {
|
|
// var homeworkid = this.props.match.params.homeworkid;
|
|
// // this.Gettitleinformation(homeworkid);
|
|
// this.Getalistofworks(homeworkid);
|
|
}
|
|
|
|
homeworkhide = () => {
|
|
this.isupdatas()
|
|
this.setState({
|
|
modalname: undefined,
|
|
modaltype: undefined,
|
|
svisible: false,
|
|
Topval: undefined,
|
|
Topvalright: undefined,
|
|
Botvalleft: undefined,
|
|
Botval: undefined,
|
|
starttime: undefined,
|
|
endtime: undefined,
|
|
Cancelname: undefined,
|
|
Savesname: undefined,
|
|
Cancel: undefined,
|
|
Saves: undefined,
|
|
StudentList_value: undefined,
|
|
addname: undefined,
|
|
addnametype: false,
|
|
addnametab: undefined,
|
|
course_groupyslstwo: undefined,
|
|
typs:undefined,
|
|
starttimes:undefined,
|
|
})
|
|
}
|
|
// 立即发布
|
|
homeworkstartend = (ds,endtime) => {
|
|
var homeworkid = this.props.match.params.homeworkid;
|
|
let {course_groupslist} = this.state;
|
|
|
|
let coursesId = this.props.match.params.coursesId;
|
|
let url = "/courses/" + coursesId + "/homework_commons/publish_homework.json";
|
|
axios.post(url, {
|
|
homework_ids: [homeworkid],
|
|
group_ids: course_groupslist,
|
|
end_time:endtime,
|
|
}).then((result) => {
|
|
if (result.status === 200) {
|
|
if (result.data.status === 0) {
|
|
notification.open({
|
|
message: "提示",
|
|
description: result.data.message
|
|
});
|
|
this.homeworkhide()
|
|
}
|
|
|
|
}
|
|
}).catch((error) => {
|
|
console.log(error);
|
|
})
|
|
}
|
|
|
|
|
|
//立即截止
|
|
homeworkends = () => {
|
|
let homeworkid = this.props.match.params.homeworkid;
|
|
let url = "/homework_commons/" + homeworkid + "/end_groups.json";
|
|
|
|
axios.get(url).then((response) => {
|
|
|
|
if (response.status === 200) {
|
|
this.setState({})
|
|
this.setState({
|
|
modalname: "立即截止",
|
|
modaltype: response.data.course_groups === null || response.data.course_groups.length === 0 ? 2 : 1,
|
|
svisible: true,
|
|
Topval:"学生将不能再提交作业",
|
|
// Botvalleft:"暂不截止",
|
|
Botval:`本操作只对"提交中"的分班有效`,
|
|
Cancelname: "暂不截止",
|
|
Savesname: "立即截止",
|
|
Cancel: this.homeworkhide,
|
|
Saves: this.coursetaskend,
|
|
starttime: undefined,
|
|
endtime: undefined,
|
|
course_groups: response.data.course_groups,
|
|
typs:"end",
|
|
})
|
|
}
|
|
}).catch((error) => {
|
|
console.log(error)
|
|
});
|
|
}
|
|
|
|
//立即截止确定按钮
|
|
coursetaskend = () => {
|
|
var homeworkid = this.props.match.params.homeworkid;
|
|
let {course_groupslist} = this.state;
|
|
|
|
|
|
const cid = this.props.match.params.coursesId;
|
|
let url = "/courses/" + cid + "/homework_commons/end_homework.json";
|
|
axios.post(url, {
|
|
group_ids: course_groupslist,
|
|
homework_ids: [homeworkid],
|
|
})
|
|
.then((response) => {
|
|
if (response.data.status == 0) {
|
|
notification.open({
|
|
message: "提示",
|
|
description: response.data.message
|
|
});
|
|
this.homeworkhide()
|
|
}
|
|
})
|
|
.catch(function (error) {
|
|
console.log(error);
|
|
});
|
|
}
|
|
|
|
render() {
|
|
let {tab, jobsettingsdata, teacherdata} = this.state;
|
|
const isAdmin = this.props.isAdmin();
|
|
return (
|
|
<div className="newMain clearfix ">
|
|
{/*立即发布*/}
|
|
<HomeworkModal
|
|
modaltype={this.state.modaltype}
|
|
modalname={this.state.modalname}
|
|
visible={this.state.svisible}
|
|
Topval={this.state.Topval}
|
|
Topvalright={this.state.Topvalright}
|
|
Botvalleft={this.state.Botvalleft}
|
|
Botval={this.state.Botval}
|
|
starttime={this.state.starttime}
|
|
endtime={this.state.endtime}
|
|
Cancelname={this.state.Cancelname}
|
|
Savesname={this.state.Savesname}
|
|
Cancel={this.state.Cancel}
|
|
Saves={this.state.Saves}
|
|
course_groups={this.state.course_groups}
|
|
getcourse_groupslist={(id) => this.getcourse_groupslist(id)}
|
|
starttimes={this.state.starttimes}
|
|
typs={this.state.typs}
|
|
/>
|
|
<div className={"educontent mb20"} style={{width: "1200px"}}>
|
|
|
|
<div className="educontent mb20">
|
|
<p className="clearfix mb20 mt10">
|
|
<ActionBtn className=" btn colorgrey fl hovercolorblue "
|
|
to={`/courses/${this.props.match.params.coursesId}/students`}>{jobsettingsdata === undefined ? "" : jobsettingsdata.data.course_name}</ActionBtn>
|
|
<span className="color-grey-9 fl ml3 mr3">></span>
|
|
<ActionBtn
|
|
className=" btn colorgrey fl hovercolorblue "
|
|
to={`/courses/${this.props.match.params.coursesId}/${this.state.shixuntypes}/${jobsettingsdata === undefined ? "" : jobsettingsdata.data.category.category_id === undefined ? "" : jobsettingsdata.data.category.category_id}`}>{jobsettingsdata === undefined ? "" : jobsettingsdata.data.category.category_name}</ActionBtn>
|
|
<span className="color-grey-9 fl ml3 mr3">></span>
|
|
<WordsBtn className="fl">作业详情</WordsBtn>
|
|
</p>
|
|
</div>
|
|
<div className="educontent mb20">
|
|
<p className=" fl color-black summaryname" style={{heigth: "33px"}}>
|
|
{teacherdata === undefined ? "" : teacherdata.homework_name}
|
|
</p>
|
|
<CoursesListType
|
|
typelist={teacherdata === undefined ? [""] : teacherdata.homework_status}
|
|
/>
|
|
<a className="color-grey-9 fr font-16 summaryname ml20 mr20"
|
|
href={`/courses/${this.props.match.params.coursesId}/${this.state.shixuntypes}/${jobsettingsdata === undefined ? "" : jobsettingsdata.data.category.category_id === undefined ? "" : jobsettingsdata.data.category.category_id}`}>返回</a>
|
|
<a className="color-grey-9 fr font-16 mr20"
|
|
href={`/shixuns/${teacherdata === undefined ? "" : teacherdata.shixun_identifier}/challenges`}
|
|
target={"_blank"}>实训详情</a>
|
|
|
|
|
|
</div>
|
|
|
|
<div className="edu-back-white ">
|
|
<div className="stud-class-set bor-bottom-greyE ">
|
|
<div className=" clearfix edu-back-white poll_list">
|
|
<a className={parseInt(tab) === 0 ? "active" : ""} onClick={(e) => this.ChangeTab(0)}>作品列表</a>
|
|
<a className={parseInt(tab) === 1 ? "active" : ""} onClick={(e) => this.ChangeTab(1)}>作业问答</a>
|
|
{this.props.isAdmin() ?
|
|
this.state.code_review === true || jobsettingsdata === undefined ? [""] : jobsettingsdata.data.homework_status[0] === "未发布" ? "" :
|
|
<a
|
|
className={parseInt(tab) === 2 ? "active" : ""}
|
|
onClick={(e) => this.ChangeTab(2)}>
|
|
代码查重</a> : ""}
|
|
{parseInt(tab) === 3?
|
|
<style>{
|
|
`
|
|
.poll_list a.active:after {
|
|
content: '';
|
|
width: 57px;
|
|
left: 10px;
|
|
bottom: 0px;
|
|
height: 2px;
|
|
background-color: #4CACFF;
|
|
position: absolute;
|
|
}
|
|
`
|
|
}</style>
|
|
:""}
|
|
<a className={parseInt(tab) === 3 ? "active" : ""}
|
|
onClick={(e) => this.ChangeTab(3)}
|
|
>设置</a>
|
|
{/*{this.props.isAdmin() ? <a*/}
|
|
{/* className="fr color-blue font-16"*/}
|
|
{/* href={`/api/homework_commons/${this.props.match.params.coursesId}/works_list.xlsx`}*/}
|
|
{/*>导出</a> : ""}*/}
|
|
<style>{`
|
|
.drop_down_menu li a {
|
|
padding: 0px;
|
|
font-size: 14px;
|
|
}
|
|
.drop_down_menu {
|
|
width: 93px;
|
|
}
|
|
.drop_down_menu li {
|
|
overflow: visible;
|
|
width: 93px;
|
|
}
|
|
.drop_down_menu, .drop_down_normal {
|
|
padding-top: 10px;
|
|
padding-bottom: 8px;
|
|
}
|
|
a:hover {
|
|
color:#1A0B00 !important;
|
|
}
|
|
`}</style>
|
|
{this.props.isAdmin() ?
|
|
<li className="li_line drop_down fr color-blue font-16 mr8 mt20" style={{"padding": "0 20px"}}>
|
|
导出<i className="iconfont icon-xiajiantou font-12 ml2"></i>
|
|
<ul className="drop_down_menu" style={{"right": "-0px", "left": "unset", "height": "auto"}}>
|
|
<li><a
|
|
onClick={() => this.confirmysl(`/zip/shixun_report?homework_common_id=${this.props.match.params.homeworkid}&work_status=${this.state.course_groupyslstwo}&course_group=${this.state.checkedValuesineinfo}&search=${this.state.searchtext}`)}>实训报告</a>
|
|
</li>
|
|
<li><a
|
|
onClick={() => this.confirmysl(`/homework_commons/${this.props.match.params.homeworkid}/works_list.xlsx?group_id=${this.state.checkedValuesineinfo}&search=${this.state.searchtext}`)}>学生成绩</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</li> : ""}
|
|
{this.props.isAdmin() ?
|
|
teacherdata && teacherdata.end_immediately === true ?
|
|
<a className="fr color-blue font-16" onClick={this.homeworkends}>立即截止</a>
|
|
: ""
|
|
: ""}
|
|
{this.props.isAdmin() ?
|
|
teacherdata && teacherdata.publish_immediately === true ?
|
|
<a className="fr color-blue font-16" onClick={this.homeworkstart}>立即发布</a>
|
|
: ""
|
|
: ""}
|
|
{this.props.isAdmin() ?
|
|
teacherdata && teacherdata.code_review === true ?
|
|
<a className="fr color-blue font-16" onClick={this.workshowmodel}>代码查重</a>
|
|
: "" : ""}
|
|
{this.state.view_report === true ? <Link className="fr color-blue font-16" target={"_blank"}
|
|
to={`/courses/${this.props.match.params.coursesId}/${this.state.shixuntypes}/${this.props.match.params.homeworkid}/shixun_work_report`}>
|
|
查看实训报告
|
|
</Link> : ""}
|
|
{
|
|
teacherdata === undefined ? ""
|
|
: teacherdata.commit_des === null || teacherdata.commit_des === undefined ? "" :
|
|
<a className="fr color-blue font-16"
|
|
href={`/courses/${this.props.match.params.coursesId}/${this.state.shixuntypes}/${teacherdata === undefined ? "" : teacherdata.id}/commitsummary/${this.props.match.params.homeworkid}`}>{teacherdata.commit_des}</a>
|
|
}
|
|
{teacherdata === undefined ? "" : <Startshixuntask
|
|
{...this.props}
|
|
data={teacherdata}
|
|
/>}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
{
|
|
// 教师列表
|
|
parseInt(tab) === 0 ? (isAdmin === true ?
|
|
<Listofworks {...this.props} {...this.state}
|
|
Getdataback={(jobsettingsdata, teacherdata) => this.Getdataback(jobsettingsdata, teacherdata)}></Listofworks>
|
|
:
|
|
<Listofworksstudentone {...this.props} {...this.state}
|
|
Getdataback={(jobsettingsdata, teacherdata) => this.Getdataback(jobsettingsdata, teacherdata)}></Listofworksstudentone>)
|
|
:
|
|
parseInt(tab) === 1 ?
|
|
<Workquestionandanswer {...this.props} {...this.state}
|
|
Getdataback={(jobsettingsdata, teacherdata) => this.Getdataback(jobsettingsdata, teacherdata)}></Workquestionandanswer>
|
|
:
|
|
parseInt(tab) === 2 ?
|
|
<ShixunStudentWork {...this.props} {...this.state}
|
|
Getdataback={(jobsettingsdata, teacherdata) => this.Getdataback(jobsettingsdata, teacherdata)}></ShixunStudentWork>
|
|
:
|
|
<Trainingjobsetting {...this.props} {...this.state}
|
|
Getdataback={(jobsettingsdata, teacherdata) => this.Getdataback(jobsettingsdata, teacherdata)}></Trainingjobsetting>
|
|
}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
|
|
export default ShixunHomeworkPage;
|
|
|
|
// <div className="edu-back-white mt10" >
|
|
// <div className="stud-class-set bor-bottom-greyE ">
|
|
// <div className=" clearfix edu-back-white pl30 pr30">
|
|
// <div className="fl task_menu_ul">
|
|
// {this.props.isAdmin() === true ?
|
|
//
|
|
// <Menu mode="horizontal" selectedKeys={tab} onClick={(e)=>this.changeTab(e)}>
|
|
// <Menu.Item key="0">作品列表</Menu.Item>
|
|
// <Menu.Item key="1">作业回答</Menu.Item>
|
|
// <Menu.Item key="2">代码查重</Menu.Item>
|
|
// <Menu.Item key="3">设置</Menu.Item>
|
|
// </Menu>
|
|
// :
|
|
// <Menu mode="horizontal" selectedKeys={tab} onClick={(e)=>this.changeTab(e)}>
|
|
// <Menu.Item key="0">作品列表</Menu.Item>
|
|
// <Menu.Item key="1">作业回答</Menu.Item>
|
|
// <Menu.Item key="2">代码查重</Menu.Item>
|
|
// </Menu>
|
|
// }
|
|
//
|
|
// </div>
|
|
// </div>
|
|
{/* </div>*/
|
|
}
|
|
|
|
|
|
{/*</div>*/
|
|
} |