|
|
import React, {Component} from "react";
|
|
|
import {Link, NavLink} from 'react-router-dom';
|
|
|
import {WordsBtn, ActionBtn, getImageUrl} from 'educoder';
|
|
|
import {DragDropContext, Draggable, Droppable} from 'react-beautiful-dnd';
|
|
|
import axios from 'axios';
|
|
|
import {
|
|
|
notification,
|
|
|
Spin,
|
|
|
Table,
|
|
|
Pagination,
|
|
|
Drawer,
|
|
|
Input,
|
|
|
Button,
|
|
|
Breadcrumb
|
|
|
} from "antd";
|
|
|
import '../testioncss/testioncss.css';
|
|
|
import '../../tpm/newshixuns/css/Newshixuns.css';
|
|
|
import Paperlibraryseeid_items from './Paperlibraryseeid_items';
|
|
|
|
|
|
|
|
|
const reorder = (list, startIndex, endIndex) => {
|
|
|
const result = Array.from(list);
|
|
|
const [removed] = result.splice(startIndex, 1);
|
|
|
result.splice(endIndex, 0, removed);
|
|
|
|
|
|
return result;
|
|
|
};
|
|
|
|
|
|
class Paperreview_item extends Component {
|
|
|
constructor(props) {
|
|
|
super(props);
|
|
|
|
|
|
this.state = {
|
|
|
questions: 0,
|
|
|
totalscore: 0,
|
|
|
total: 0,
|
|
|
modalsTypedel: false,
|
|
|
modalsTypey: false,
|
|
|
modalsTypeys: false,
|
|
|
modalsTypedels: false,
|
|
|
titilesm: "",
|
|
|
titilesms: "",
|
|
|
singlebool: false,
|
|
|
multiplebool: false,
|
|
|
judgmentbool: false,
|
|
|
programbool: false,
|
|
|
paperreviewsingleindex: "无",
|
|
|
set_scoreid:null,
|
|
|
item_bank_id:null
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
//初始化
|
|
|
componentDidMount() {
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
preservation = () => {
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
setitem_type = (item_type) => {
|
|
|
|
|
|
|
|
|
}
|
|
|
onDragEnd = (result) => {
|
|
|
//console.log("单选题");
|
|
|
//console.log(result);
|
|
|
const ids = this.props.single_questions.questions[result.source.index].id;
|
|
|
const positions = this.props.single_questions.questions[result.destination.index].position;
|
|
|
|
|
|
const url = `/examination_items/${ids}/adjust_position.json`;
|
|
|
var data = {
|
|
|
position: positions
|
|
|
}
|
|
|
axios.post(url, data)
|
|
|
.then((result) => {
|
|
|
if (result.data.status == 0) {
|
|
|
// this.props.showNotification(`拖动成功`);
|
|
|
this.props.getdata();
|
|
|
}
|
|
|
}).catch((error) => {
|
|
|
//console.log(error);
|
|
|
})
|
|
|
}
|
|
|
|
|
|
onDragEnds = (result) => {
|
|
|
//console.log("多选题");
|
|
|
//console.log(result);
|
|
|
const ids = this.props.multiple_questions.questions[result.source.index].id;
|
|
|
const positions = this.props.multiple_questions.questions[result.destination.index].position;
|
|
|
const url = `/examination_items/${ids}/adjust_position.json`;
|
|
|
var data = {
|
|
|
position: positions
|
|
|
}
|
|
|
axios.post(url, data)
|
|
|
.then((result) => {
|
|
|
if (result.data.status == 0) {
|
|
|
// this.props.showNotification(`拖动成功`);
|
|
|
this.props.getdata();
|
|
|
}
|
|
|
}).catch((error) => {
|
|
|
//console.log(error);
|
|
|
})
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
onDragEndss = (result) => {
|
|
|
//console.log("判断题");
|
|
|
//console.log(result);
|
|
|
const ids = this.props.judgement_questions.questions[result.source.index].id;
|
|
|
const positions = this.props.judgement_questions.questions[result.destination.index].position;
|
|
|
const url = `/examination_items/${ids}/adjust_position.json`;
|
|
|
var data = {
|
|
|
position: positions
|
|
|
}
|
|
|
axios.post(url, data)
|
|
|
.then((result) => {
|
|
|
debugger
|
|
|
if (result.data.status == 0) {
|
|
|
// this.props.showNotification(`拖动成功`);
|
|
|
this.props.getdata();
|
|
|
}
|
|
|
}).catch((error) => {
|
|
|
//console.log(error);
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
onDragEndsss = (result) => {
|
|
|
//console.log("编程题");
|
|
|
//console.log(result);
|
|
|
|
|
|
const ids = this.props.program_questions.questions[result.source.index].id;
|
|
|
const positions = this.props.program_questions.questions[result.destination.index].position;
|
|
|
const url = `/examination_items/${ids}/adjust_position.json`;
|
|
|
var data = {
|
|
|
position: positions
|
|
|
}
|
|
|
axios.post(url, data)
|
|
|
.then((result) => {
|
|
|
if (result.data.status == 0) {
|
|
|
// this.props.showNotification(`拖动成功`);
|
|
|
this.props.getdata();
|
|
|
}
|
|
|
}).catch((error) => {
|
|
|
//console.log(error);
|
|
|
})
|
|
|
|
|
|
}
|
|
|
Singlemagazine = (name, bool) => {
|
|
|
if (bool === true) {
|
|
|
this.setState({
|
|
|
modalsTypey: true,
|
|
|
titilesm: name
|
|
|
})
|
|
|
} else {
|
|
|
this.setState({
|
|
|
modalsTypey: false,
|
|
|
titilesm: ""
|
|
|
})
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
setDownloady = (fenshu) => {
|
|
|
const url = "/item_baskets/batch_set_score.json";
|
|
|
var data = {
|
|
|
score: fenshu,
|
|
|
item_type: this.state.titilesm === "单选题" ? "SINGLE" : this.state.titilesm === "多选题" ? "MULTIPLE" : this.state.titilesm === "判断题" ? "JUDGMENT" : this.state.titilesm === "编程题" ? "PROGRAM" : '',
|
|
|
|
|
|
}
|
|
|
axios.post(url, data)
|
|
|
.then((result) => {
|
|
|
if (result.data.status == 0) {
|
|
|
// this.props.showNotification(`调分成功`);
|
|
|
this.props.getdata({});
|
|
|
this.Singlemagazine("", false);
|
|
|
}
|
|
|
}).catch((error) => {
|
|
|
//console.log(error);
|
|
|
})
|
|
|
}
|
|
|
|
|
|
setDownloadys=(value)=>{
|
|
|
const url = `/item_baskets/${this.state.set_scoreid}/set_score.json`;
|
|
|
var data = {
|
|
|
score: value,
|
|
|
}
|
|
|
axios.post(url, data)
|
|
|
.then((result) => {
|
|
|
if (result.data.status == 0) {
|
|
|
// this.props.showNotification(`调分成功`);
|
|
|
this.props.getdata({});
|
|
|
this.Singlemagazines(false);
|
|
|
}
|
|
|
}).catch((error) => {
|
|
|
//console.log(error);
|
|
|
})
|
|
|
}
|
|
|
|
|
|
Singlemagazines=(bool,id,name)=>{
|
|
|
if(bool===true){
|
|
|
this.setState({
|
|
|
set_scoreid:id,
|
|
|
modalsTypeys:bool,
|
|
|
titilesm: name
|
|
|
})
|
|
|
}else{
|
|
|
this.setState({
|
|
|
modalsTypeys:bool,
|
|
|
set_scoreid:null,
|
|
|
titilesm: null
|
|
|
})
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
hideparagraph = (name) => {
|
|
|
//console.log("hideparagraph");
|
|
|
|
|
|
}
|
|
|
|
|
|
hideparagraphs = () => {
|
|
|
this.setState({
|
|
|
singlebool: false,
|
|
|
multiplebool: false,
|
|
|
judgmentbool: false,
|
|
|
programbool: false,
|
|
|
})
|
|
|
}
|
|
|
showparagraph = (name) => {
|
|
|
//console.log("showparagraph");
|
|
|
if (name === "SINGLE") {
|
|
|
this.setState({
|
|
|
singlebool: true,
|
|
|
multiplebool: false,
|
|
|
judgmentbool: false,
|
|
|
programbool: false,
|
|
|
paperreviewsingleindex:"无",
|
|
|
paperreviewsinglename:"",
|
|
|
|
|
|
})
|
|
|
|
|
|
} else if (name === "MULTIPLE") {
|
|
|
this.setState({
|
|
|
singlebool: false,
|
|
|
multiplebool: true,
|
|
|
judgmentbool: false,
|
|
|
programbool: false,
|
|
|
paperreviewsingleindex:"无",
|
|
|
paperreviewsinglename:"",
|
|
|
|
|
|
|
|
|
})
|
|
|
} else if (name === "JUDGMENT") {
|
|
|
this.setState({
|
|
|
singlebool: false,
|
|
|
multiplebool: false,
|
|
|
judgmentbool: true,
|
|
|
programbool: false,
|
|
|
paperreviewsingleindex:"无",
|
|
|
paperreviewsinglename:"",
|
|
|
|
|
|
})
|
|
|
} else if (name === "PROGRAM") {
|
|
|
this.setState({
|
|
|
singlebool: false,
|
|
|
multiplebool: false,
|
|
|
judgmentbool: false,
|
|
|
programbool: true,
|
|
|
paperreviewsingleindex:"无",
|
|
|
paperreviewsinglename:"",
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
jixuxuantioncli = () => {
|
|
|
this.props.history.replace("/problemset");
|
|
|
}
|
|
|
|
|
|
showparagraphs = (e,name) => {
|
|
|
// //console.log("showparagraphs");
|
|
|
// //console.log(e);
|
|
|
this.setState({
|
|
|
paperreviewsingleindex: e,
|
|
|
paperreviewsinglename:name,
|
|
|
singlebool: false,
|
|
|
multiplebool: false,
|
|
|
judgmentbool: false,
|
|
|
programbool: false,
|
|
|
})
|
|
|
}
|
|
|
|
|
|
Setscore=(id)=>{
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
render() {
|
|
|
let {
|
|
|
questions, totalscore, total, modalsTypedel, modalsTypey, modalsTypedels,
|
|
|
singlebool,
|
|
|
multiplebool,
|
|
|
judgmentbool,
|
|
|
programbool,
|
|
|
paperreviewsingleindex,
|
|
|
modalsTypeys
|
|
|
} = this.state;
|
|
|
let {single_questions, multiple_questions, judgement_questions, program_questions, all_score} = this.props;
|
|
|
return (
|
|
|
<div className=" w100s">
|
|
|
|
|
|
<div className="w100s " >
|
|
|
|
|
|
{/*单选题*/}
|
|
|
{
|
|
|
single_questions && single_questions ?
|
|
|
<div className="backgroudwhites" style={{
|
|
|
position: "relative",
|
|
|
}}>
|
|
|
|
|
|
<div className="w100s mt20 mb20 postitonrelati">
|
|
|
<div
|
|
|
className={ "w100s sortinxdirection intermediatecenterysls mb20"}
|
|
|
>
|
|
|
<p className={"yldxtit"}>一、单选题</p> <p
|
|
|
className="ml15 yldxtits">（共{single_questions && single_questions.questions_count}题；共{single_questions && single_questions.questions_score}分）</p>
|
|
|
</div>
|
|
|
|
|
|
<DragDropContext onDragEnd={this.onDragEnd}>
|
|
|
<Droppable droppableId={"0"}>
|
|
|
{(provided, snapshot) => (
|
|
|
<div
|
|
|
ref={provided.innerRef}
|
|
|
{...provided.droppableProps}
|
|
|
className={""}
|
|
|
onScroll={this.contentViewScrolledit}
|
|
|
>
|
|
|
{
|
|
|
single_questions && single_questions.questions.map((object, index) => {
|
|
|
return (
|
|
|
<Draggable
|
|
|
key={object.id}
|
|
|
draggableId={object.id}
|
|
|
index={index}
|
|
|
className={""}
|
|
|
>
|
|
|
{(provided, snapshot) => (
|
|
|
<div
|
|
|
key={index}
|
|
|
ref={provided.innerRef}
|
|
|
{...provided.draggableProps}
|
|
|
{...provided.dragHandleProps}
|
|
|
>
|
|
|
|
|
|
<Paperlibraryseeid_items
|
|
|
typenames={"SINGLE"}
|
|
|
typenamesn={"单选题"}
|
|
|
key={index}
|
|
|
indexs={index}
|
|
|
indexx={index+1}
|
|
|
indexxy={index}
|
|
|
objectsingle={object}
|
|
|
>
|
|
|
|
|
|
</Paperlibraryseeid_items>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
)}
|
|
|
</Draggable>
|
|
|
)
|
|
|
})
|
|
|
|
|
|
}
|
|
|
</div>
|
|
|
)}
|
|
|
</Droppable>
|
|
|
</DragDropContext>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
: ""
|
|
|
}
|
|
|
|
|
|
|
|
|
{
|
|
|
multiple_questions && multiple_questions ?
|
|
|
<div className="backgroudwhites" style={{
|
|
|
position: "relative",
|
|
|
}}>
|
|
|
<div className="w100s mb20 postitonrelati">
|
|
|
<div
|
|
|
className={"w100s sortinxdirection intermediatecenterysls mb20"}
|
|
|
>
|
|
|
<p
|
|
|
className={"yldxtit"}>{single_questions === null ? "一" : "二"}、多选题</p>
|
|
|
<p
|
|
|
className="ml15 yldxtits">（共{multiple_questions && multiple_questions.questions_count}题；共{multiple_questions && multiple_questions.questions_score}分）</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<DragDropContext onDragEnd={this.onDragEnds}>
|
|
|
<Droppable droppableId={"0"}>
|
|
|
{(provided, snapshot) => (
|
|
|
<div
|
|
|
ref={provided.innerRef}
|
|
|
{...provided.droppableProps}
|
|
|
className={""}
|
|
|
onScroll={this.contentViewScrolledit}
|
|
|
>
|
|
|
{
|
|
|
multiple_questions && multiple_questions.questions.map((object, index) => {
|
|
|
return (
|
|
|
<Draggable
|
|
|
key={object.id}
|
|
|
draggableId={object.id}
|
|
|
index={index}
|
|
|
className={""}
|
|
|
>
|
|
|
{(provided, snapshot) => (
|
|
|
<div
|
|
|
key={index}
|
|
|
ref={provided.innerRef}
|
|
|
{...provided.draggableProps}
|
|
|
{...provided.dragHandleProps}
|
|
|
>
|
|
|
|
|
|
|
|
|
<Paperlibraryseeid_items
|
|
|
typenames={"MULTIPLE"}
|
|
|
typenamesn={"多选题"}
|
|
|
key={index}
|
|
|
indexs={index}
|
|
|
indexx={index+1}
|
|
|
indexxy={index}
|
|
|
objectsingle={object}
|
|
|
>
|
|
|
|
|
|
</Paperlibraryseeid_items>
|
|
|
</div>
|
|
|
)}
|
|
|
</Draggable>
|
|
|
)
|
|
|
})
|
|
|
|
|
|
}
|
|
|
</div>
|
|
|
)}
|
|
|
</Droppable>
|
|
|
</DragDropContext>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
:
|
|
|
""
|
|
|
}
|
|
|
|
|
|
{
|
|
|
judgement_questions && judgement_questions ?
|
|
|
<div className={ "backgroudwhites"} style={{
|
|
|
position: "relative",
|
|
|
}}>
|
|
|
<div className="w100s mb20 postitonrelati">
|
|
|
<div
|
|
|
className={"w100s sortinxdirection intermediatecenterysls mb20 "}
|
|
|
>
|
|
|
<p
|
|
|
className={ "yldxtit"}>{single_questions === null && multiple_questions === null ? "一" : single_questions === null && multiple_questions !== null ? "二"
|
|
|
: single_questions !== null && multiple_questions === null ? "二"
|
|
|
: "三"}、判断题</p> <p
|
|
|
className="ml15 yldxtits">（共{judgement_questions && judgement_questions.questions_count}题；共{judgement_questions && judgement_questions.questions_score}分）</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<DragDropContext onDragEnd={this.onDragEndss}>
|
|
|
<Droppable droppableId={"0"}>
|
|
|
{(provided, snapshot) => (
|
|
|
<div
|
|
|
ref={provided.innerRef}
|
|
|
{...provided.droppableProps}
|
|
|
className={""}
|
|
|
onScroll={this.contentViewScrolledit}
|
|
|
>
|
|
|
{
|
|
|
judgement_questions && judgement_questions.questions.map((object, index) => {
|
|
|
return (
|
|
|
<Draggable
|
|
|
key={object.id}
|
|
|
draggableId={object.id}
|
|
|
index={index}
|
|
|
className={""}
|
|
|
>
|
|
|
{(provided, snapshot) => (
|
|
|
<div
|
|
|
key={index}
|
|
|
ref={provided.innerRef}
|
|
|
{...provided.draggableProps}
|
|
|
{...provided.dragHandleProps}
|
|
|
>
|
|
|
|
|
|
|
|
|
<Paperlibraryseeid_items
|
|
|
typenames={"JUDGMENT"}
|
|
|
typenamesn={"判断题"}
|
|
|
key={index}
|
|
|
indexs={index}
|
|
|
indexx={index+1}
|
|
|
indexxy={index}
|
|
|
objectsingle={object}
|
|
|
>
|
|
|
|
|
|
</Paperlibraryseeid_items>
|
|
|
</div>
|
|
|
)}
|
|
|
</Draggable>
|
|
|
)
|
|
|
})
|
|
|
|
|
|
}
|
|
|
</div>
|
|
|
)}
|
|
|
</Droppable>
|
|
|
</DragDropContext>
|
|
|
</div>
|
|
|
</div>
|
|
|
: ""
|
|
|
}
|
|
|
|
|
|
|
|
|
{
|
|
|
program_questions && program_questions ?
|
|
|
<div className={ "backgroudwhites"} style={{
|
|
|
position: "relative",
|
|
|
}}>
|
|
|
|
|
|
<div className="w100s mb20 postitonrelati">
|
|
|
<div
|
|
|
className={"w100s sortinxdirection intermediatecenterysls mb20"}
|
|
|
>
|
|
|
<p className={ "yldxtit"}>
|
|
|
{single_questions === null && multiple_questions === null && program_questions === null ? "一"
|
|
|
: single_questions === null && multiple_questions === null && program_questions !== null ? "二"
|
|
|
: single_questions !== null && multiple_questions === null && program_questions === null ? "二"
|
|
|
: single_questions === null && multiple_questions !== null && program_questions === null ? "二"
|
|
|
: single_questions !== null && multiple_questions !== null && program_questions === null ? "三"
|
|
|
: single_questions === null && multiple_questions !== null && program_questions !== null ? "三"
|
|
|
: single_questions !== null && multiple_questions == null && program_questions !== null ? "三" :
|
|
|
"四"}
|
|
|
、编程题</p> <p
|
|
|
className="ml15 yldxtits">（共{program_questions && program_questions.questions_count}题；共{program_questions && program_questions.questions_score}分）</p>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<DragDropContext onDragEnd={this.onDragEndsss}>
|
|
|
<Droppable droppableId={"0"}>
|
|
|
{(provided, snapshot) => (
|
|
|
<div
|
|
|
ref={provided.innerRef}
|
|
|
{...provided.droppableProps}
|
|
|
className={""}
|
|
|
onScroll={this.contentViewScrolledit}
|
|
|
>
|
|
|
{
|
|
|
program_questions && program_questions.questions.map((object, index) => {
|
|
|
return (
|
|
|
<Draggable
|
|
|
key={object.id}
|
|
|
draggableId={object.id}
|
|
|
index={index}
|
|
|
className={""}
|
|
|
>
|
|
|
{(provided, snapshot) => (
|
|
|
<div
|
|
|
key={index}
|
|
|
ref={provided.innerRef}
|
|
|
{...provided.draggableProps}
|
|
|
{...provided.dragHandleProps}
|
|
|
>
|
|
|
|
|
|
|
|
|
<Paperlibraryseeid_items
|
|
|
key={index}
|
|
|
indexs={index}
|
|
|
indexx={index+1}
|
|
|
indexxy={index}
|
|
|
typenames={"PROGRAM"}
|
|
|
typenamesn={"编程题"}
|
|
|
objectsingle={object}
|
|
|
>
|
|
|
</Paperlibraryseeid_items>
|
|
|
</div>
|
|
|
)}
|
|
|
</Draggable>
|
|
|
)
|
|
|
})
|
|
|
|
|
|
}
|
|
|
</div>
|
|
|
)}
|
|
|
</Droppable>
|
|
|
</DragDropContext>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
:
|
|
|
""
|
|
|
}
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
export default Paperreview_item
|
|
|
|
|
|
|
