|
|
import React,{ Component } from "react";
|
|
|
import {Checkbox,Input,Table, Pagination,Menu} from "antd";
|
|
|
import {Link,NavLink} from 'react-router-dom';
|
|
|
import { WordsBtn ,ActionBtn} from 'educoder';
|
|
|
import CoursesListType from '../coursesPublic/CoursesListType';
|
|
|
import '../css/members.css';
|
|
|
import '../css/busyWork.css';
|
|
|
import axios from 'axios';
|
|
|
import Modals from '../../modals/Modals';
|
|
|
import DownloadMessage from '../../modals/DownloadMessage';
|
|
|
import Studentshavecompletedthelist from './Studentshavecompletedthelist';
|
|
|
import WrappedExercisesetting from './Exercisesetting';
|
|
|
import ExerciseDisplay from './ExerciseDisplay'
|
|
|
import Exercisestatisticalresult from './Exercisestatisticalresult';
|
|
|
import ImmediatelyPublish from "../poll/pollPublicBtn/ImmediatelyPublish";
|
|
|
import ImmediatelyEnd from "../poll/pollPublicBtn/ImmediatelyEnd";
|
|
|
import Ecerciseallbackagain from './Ecerciseallbackagain';
|
|
|
|
|
|
|
|
|
const polls_status={1:"未发布",2:"提交中",3:"已截止",4:"已结束"}
|
|
|
const start_Value={0:"继续答题",1:"查看答题",2:"开始答题"}
|
|
|
//试卷主要设置页面
|
|
|
class Testpapersettinghomepage extends Component{
|
|
|
constructor(props) {
|
|
|
super(props);
|
|
|
this.state={
|
|
|
tab:["0"],
|
|
|
searchtext:"",
|
|
|
Commonheadofthetestpaper:undefined,
|
|
|
visible:false,
|
|
|
groupyslsval:"",
|
|
|
current_status:undefined,
|
|
|
}
|
|
|
}
|
|
|
//切换tab
|
|
|
changeTab=(e)=>{
|
|
|
this.setState({
|
|
|
tab:e.key
|
|
|
})
|
|
|
|
|
|
// this.props.history.push(`/courses/${this.props.match.params.coursesId}/exercises/${this.props.match.params.Id}/student_exercise_list?tab=`+e.key)
|
|
|
|
|
|
}
|
|
|
componentDidMount(){
|
|
|
const query =this.props.location.search;
|
|
|
const type = query.split('?tab=');
|
|
|
let sum = []
|
|
|
sum.push(type[1])
|
|
|
// console.log("componentDidMountcomponentDidMount");
|
|
|
// console.log(sum);
|
|
|
this.setState({
|
|
|
tab:sum,
|
|
|
})
|
|
|
this.Commonheadofthetestpaper();
|
|
|
|
|
|
}
|
|
|
//试卷公用头部
|
|
|
Commonheadofthetestpaper=()=>{
|
|
|
// console.log("Commonheadofthetestpaper");
|
|
|
var exercise_id = this.props.match.params.Id;
|
|
|
var url = `/exercises/${exercise_id}/common_header.json`;
|
|
|
axios.get(url).then((response) => {
|
|
|
// console.log(JSON.stringify(response));
|
|
|
try {
|
|
|
if(response.status === 200){
|
|
|
this.setState({
|
|
|
Commonheadofthetestpaper:response.data,
|
|
|
current_status:response.data.user_permission.current_status
|
|
|
})
|
|
|
// console.log(JSON.stringify(response.data.show_statistic));
|
|
|
|
|
|
}
|
|
|
}catch (e) {
|
|
|
|
|
|
}
|
|
|
}).catch((error) => {
|
|
|
console.log(error)
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
Ecerciseacallagain=()=>{
|
|
|
this.setState({
|
|
|
visible:true
|
|
|
})
|
|
|
}
|
|
|
callback=(val)=>{
|
|
|
this.setState({
|
|
|
visible:false
|
|
|
})
|
|
|
if(val===1){
|
|
|
window.location.reload()
|
|
|
}
|
|
|
}
|
|
|
|
|
|
moveTos=(val)=>{
|
|
|
if(val===0){
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
setcourse_groupysls=(val)=>{
|
|
|
let list="";
|
|
|
val.map((item,key)=>{
|
|
|
if(item!=undefined){
|
|
|
list=list+"&exercise_group_id[]="+item
|
|
|
}
|
|
|
})
|
|
|
this.setState({
|
|
|
groupyslsval:list
|
|
|
})
|
|
|
}
|
|
|
experiment=(url)=>{
|
|
|
|
|
|
axios.get(url).then((response) => {
|
|
|
console.log(response);
|
|
|
if(response.data.status&&response.data.status===-1){
|
|
|
|
|
|
}else if(response.data.status&&response.data.status===-2){
|
|
|
if(response.data.messages === "100"){
|
|
|
// 已超出文件导出的上限数量（100 ），建议：
|
|
|
this.setState({
|
|
|
DownloadType:true,
|
|
|
DownloadMessageval:100
|
|
|
})
|
|
|
}else {
|
|
|
//因附件资料超过500M
|
|
|
this.setState({
|
|
|
DownloadType:true,
|
|
|
DownloadMessageval:500
|
|
|
})
|
|
|
}
|
|
|
}else {
|
|
|
window.open("/api"+url, '_blank');
|
|
|
}
|
|
|
}).catch((error) => {
|
|
|
console.log(error)
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
setgameexercise=(url)=>{
|
|
|
|
|
|
let{Commonheadofthetestpaper}=this.state;
|
|
|
if(Commonheadofthetestpaper.time>0){
|
|
|
this.setState({
|
|
|
Modalstype:true,
|
|
|
ModalSave:()=>this.props.history.push(url),
|
|
|
Modalstopval:`答题时长限制${Commonheadofthetestpaper.time}分钟，从首次答题开始实行不间断计时方法`,
|
|
|
modalsBottomval:'请确认是否有充足的答题时间？',
|
|
|
});
|
|
|
}else{
|
|
|
this.setState({
|
|
|
Modalstype:true,
|
|
|
ModalSave:()=>this.props.history.push(url),
|
|
|
Modalstopval:"是否确认开始答题？",
|
|
|
modalsBottomval:' ',
|
|
|
})
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
cancelmodel=()=>{
|
|
|
this.setState({
|
|
|
Modalstype:false,
|
|
|
ModalSave:' ',
|
|
|
Modalstopval:' ',
|
|
|
modalsBottomval:' ',
|
|
|
Loadtype:false
|
|
|
})
|
|
|
}
|
|
|
|
|
|
Downloadcal=()=>{
|
|
|
this.setState({
|
|
|
DownloadType:false,
|
|
|
DownloadMessageval:undefined
|
|
|
})
|
|
|
}
|
|
|
render(){
|
|
|
let {tab,visible,Commonheadofthetestpaper}=this.state;
|
|
|
const isAdmin =this.props.isAdmin();
|
|
|
const isStudent = this.props.isStudent();
|
|
|
|
|
|
return(
|
|
|
<div className="newMain clearfix ">
|
|
|
<DownloadMessage
|
|
|
{...this.props}
|
|
|
value={this.state.DownloadMessageval}
|
|
|
modalCancel={this.Downloadcal}
|
|
|
modalsType={this.state.DownloadType}
|
|
|
/>
|
|
|
<div className={"educontent mb20"} style={{width:"1200px"}}>
|
|
|
{/* 公用的提示弹框 */}
|
|
|
{this.state.Modalstype===true?<Modals
|
|
|
modalsType={this.state.Modalstype}
|
|
|
modalsTopval={this.state.Modalstopval}
|
|
|
modalsBottomval={this.state.modalsBottomval}
|
|
|
loadtype={this.state.Loadtype}
|
|
|
modalCancel={this.cancelmodel}
|
|
|
modalSave={this.state.ModalSave}
|
|
|
antIcon={this.state.Modalstypeloding}
|
|
|
></Modals>:""}
|
|
|
{visible===true?<Ecerciseallbackagain
|
|
|
{...this.props}
|
|
|
modalname={"打回重做"}
|
|
|
visible={visible}
|
|
|
callback={this.callback}
|
|
|
/>:""}
|
|
|
|
|
|
<div className="educontent mb20" style={{width:"1200px"}}>
|
|
|
<p className="clearfix mb20 mt10">
|
|
|
<ActionBtn className=" btn colorgrey fl hovercolorblue " to={`/courses/${this.props.match.params.coursesId}/students}`}>{this.props.coursedata.name}</ActionBtn>
|
|
|
<span className="color-grey-9 fl ml3 mr3">></span>
|
|
|
<ActionBtn className=" btn colorgrey fl hovercolorblue " to={`/courses/${this.props.match.params.coursesId}/exercises/${Commonheadofthetestpaper&&Commonheadofthetestpaper.user_permission.left_banner_id}`} >试卷</ActionBtn>
|
|
|
<span className="color-grey-9 fl ml3 mr3">></span>
|
|
|
<WordsBtn className="fl">试卷详情</WordsBtn>
|
|
|
</p>
|
|
|
</div>
|
|
|
<style>
|
|
|
{`
|
|
|
.summaryname{
|
|
|
line-height: 23px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
`}
|
|
|
</style>
|
|
|
|
|
|
<div className="educontent" style={{width:"1200px"}}>
|
|
|
<p className=" fl color-black summaryname ">
|
|
|
{Commonheadofthetestpaper === undefined?"":Commonheadofthetestpaper.exercise_name}
|
|
|
</p>
|
|
|
<CoursesListType
|
|
|
typelist={[`${polls_status[Commonheadofthetestpaper && Commonheadofthetestpaper.exercise_status]}`]}
|
|
|
/>
|
|
|
<a className="color-grey-6 fr font-16 summaryname mr30"
|
|
|
|
|
|
href={`/courses/${this.props.match.params.coursesId}/exercises/${Commonheadofthetestpaper&&Commonheadofthetestpaper.user_permission.left_banner_id}`}>返回</a>
|
|
|
<p className="color-grey-6 fr font-16"> </p>
|
|
|
|
|
|
</div>
|
|
|
<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={this.changeTab}>
|
|
|
<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={this.changeTab}>
|
|
|
<Menu.Item key="0">答题列表</Menu.Item>
|
|
|
{Commonheadofthetestpaper&&Commonheadofthetestpaper.show_statistic===true?
|
|
|
<Menu.Item key="1">统计结果</Menu.Item>:""}
|
|
|
<Menu.Item key="3">设置</Menu.Item>
|
|
|
</Menu>
|
|
|
}
|
|
|
</div>
|
|
|
{/*导出这块应该是下拉 因为需要前端导出，目前就只导出学生成绩*/}
|
|
|
{/*{isAdmin === true? <WordsBtn className="fr color-blue font-16">导出成绩</WordsBtn>:""}*/}
|
|
|
<style>
|
|
|
{ `
|
|
|
.drop_down_menu{
|
|
|
height: 118px;
|
|
|
left:0px;
|
|
|
width: 121px;
|
|
|
}
|
|
|
.drop_down_menu li {
|
|
|
overflow: visible;
|
|
|
width: 121px;
|
|
|
}
|
|
|
.drop_down_menu li a{
|
|
|
padding: 0px;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
.mt19{
|
|
|
margin-top:19px;
|
|
|
}
|
|
|
.drop_down_menu, .drop_down_normal{
|
|
|
padding-top: 10px;
|
|
|
padding-bottom: 8px;
|
|
|
}
|
|
|
a:hover {
|
|
|
color:#1A0B00 !important;
|
|
|
}
|
|
|
`}
|
|
|
</style>
|
|
|
<div className={"studentList_operation_ul mt23"}>
|
|
|
{isAdmin === true? <li className="li_line drop_down fr color-blue font-15" style={{"paddingLeft":"0px"}}>
|
|
|
导出<i className="iconfont icon-xiajiantou font-12 ml2"></i>
|
|
|
<ul className="drop_down_menu" style={{"right":"-34px","left":"unset","height":"auto"}}>
|
|
|
<li><a onClick={()=>this.experiment(`/exercises/${this.props.match.params.Id}/exercise_lists.xlsx`)}>学生成绩</a></li>
|
|
|
<li><a onClick={()=>this.experiment(`/exercises/${this.props.match.params.Id}/export_exercise`)} >空白试卷</a></li>
|
|
|
<li><a onClick={()=>this.experiment(`/zip/export_exercises?exercise_id=${this.props.match.params.Id}${this.state.groupyslsval}`)}>学生答题试卷</a></li>
|
|
|
</ul>
|
|
|
</li>:""}
|
|
|
</div>
|
|
|
|
|
|
{
|
|
|
isAdmin === true &&Commonheadofthetestpaper && Commonheadofthetestpaper.user_permission.user_commit_counts>0?
|
|
|
<a className="fr color-blue font-16 mt20 mr20" onClick={this.Ecerciseacallagain}>打回重做</a>:""
|
|
|
}
|
|
|
|
|
|
{isAdmin === true? Commonheadofthetestpaper!==undefined&&Commonheadofthetestpaper.user_permission.exercise_publish_count>0? <ImmediatelyEnd
|
|
|
{...this.props}
|
|
|
{...this.state}
|
|
|
className={"btn fr color-blue font-16 mt20 mr20"}
|
|
|
checkBoxValues={[parseInt(this.props.match.params.Id)]}
|
|
|
Exercisetype={"exercise"}
|
|
|
action={this.Commonheadofthetestpaper}
|
|
|
single={true}
|
|
|
></ImmediatelyEnd>:"":""}
|
|
|
{isAdmin === true?Commonheadofthetestpaper!==undefined&&Commonheadofthetestpaper.user_permission.exercise_unpublish_count>0? <ImmediatelyPublish
|
|
|
{...this.props}
|
|
|
{...this.state}
|
|
|
className={"btn fr color-blue font-16 mt20 mr20"}
|
|
|
checkBoxValues={[parseInt(this.props.match.params.Id)]}
|
|
|
Exercisetype={"exercise"}
|
|
|
action={this.Commonheadofthetestpaper}
|
|
|
single={true}
|
|
|
></ImmediatelyPublish>
|
|
|
:"":""}
|
|
|
{isAdmin === true? <Link className="fr color-blue font-16 mt20 mr20" to={`/courses/${this.props.match.params.coursesId}/exercises/${this.props.match.params.Id}/edit`}>编辑试卷</Link>:""}
|
|
|
|
|
|
{isAdmin === false && this.props.current_user !== undefined?
|
|
|
Commonheadofthetestpaper&&Commonheadofthetestpaper.user_permission.current_status===2?
|
|
|
<a className="fr color-blue font-16 mt20" onClick={()=>this.setgameexercise(`/courses/${this.props.match.params.coursesId}/exercises/${this.props.match.params.Id}/users/${this.props.current_user.login}`)}>开始答题</a>:
|
|
|
<Link className="fr color-blue font-16 mt20"
|
|
|
to={`/courses/${this.props.match.params.coursesId}/exercises/${this.props.match.params.Id}/users/${this.props.current_user.login}`}>
|
|
|
{start_Value[Commonheadofthetestpaper&&Commonheadofthetestpaper.user_permission.current_status]}
|
|
|
</Link>
|
|
|
:""}
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
{
|
|
|
// 教师列表
|
|
|
parseInt(tab[0])==0 && <Studentshavecompletedthelist {...this.props} {...this.state} setcourse_groupysls={(value)=>this.setcourse_groupysls(value)} current_status = {this.state.current_status}></Studentshavecompletedthelist>
|
|
|
}
|
|
|
|
|
|
{/*统计结果*/}
|
|
|
{
|
|
|
|
|
|
parseInt(tab[0])==1 && <Exercisestatisticalresult {...this.props} {...this.state}></Exercisestatisticalresult>
|
|
|
}
|
|
|
|
|
|
{
|
|
|
|
|
|
parseInt(tab[0])==2 && <ExerciseDisplay {...this.props} {...this.state}></ExerciseDisplay>
|
|
|
}
|
|
|
{
|
|
|
|
|
|
parseInt(tab[0])==3 && <WrappedExercisesetting {...this.props} {...this.state} ></WrappedExercisesetting>
|
|
|
}
|
|
|
</div>
|
|
|
</div>
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
|
|
|
export default Testpapersettinghomepage; |
