forked from Gitlink/forgeplus-react
318 lines
8.0 KiB
JavaScript
318 lines
8.0 KiB
JavaScript
import React, { Component } from "react";
|
||
import { SnackbarHOC, queryString } from 'educoder';
|
||
import axios from 'axios';
|
||
import { Breadcrumb } from "antd";
|
||
|
||
import { TPMIndexHOC } from "../tpm/TPMIndexHOC";
|
||
import './testioncss/testioncss.css';
|
||
import '../tpm/newshixuns/css/Newshixuns.css';
|
||
import Bottomsubmit from "../../modules/modals/Bottomsubmit";
|
||
import Seeoagertits from "./component/Seeoagertits";
|
||
import Comthetestpaperst from '../question/comthetestpaper/Comthetestpaperst';
|
||
import Paperlibraryseeid_itemss from './component/Paperlibraryseeid_itemss';
|
||
import NewMyShixunModel from "../question/NewMyShixunModel";
|
||
|
||
|
||
//试卷编辑
|
||
class Paperlibraryeditid extends Component {
|
||
constructor(props) {
|
||
super(props);
|
||
this.Judquestio = React.createRef();
|
||
this.state = {
|
||
Contentdata: [],
|
||
disciplinesdata: [],
|
||
knowledgepoints: [],
|
||
disciplmy: [],
|
||
item_banksedit: [],
|
||
newmyshixunmodelbool: false,
|
||
defaultActiveKey: "0",
|
||
}
|
||
|
||
|
||
}
|
||
|
||
getJudquestio = (Ref) => {
|
||
//console.log("子组件对象");
|
||
//console.log(Ref);
|
||
this.Judquestio = Ref;
|
||
}
|
||
|
||
//初始化
|
||
componentDidMount() {
|
||
this.getdata();
|
||
let urls = `/disciplines.json`;
|
||
axios.get(urls, {
|
||
params: {
|
||
source: "question"
|
||
}
|
||
}).then((response) => {
|
||
if (response) {
|
||
this.setState({
|
||
disciplinesdata: response.data.disciplines,
|
||
})
|
||
if (response.data) {
|
||
if (response.data.disciplines) {
|
||
|
||
const didata = response.data.disciplines;
|
||
|
||
for (var i = 0; i < didata.length; i++) {
|
||
const childern = [];
|
||
//方向
|
||
const fxdidata = didata[i].sub_disciplines;
|
||
|
||
|
||
for (var j = 0; j < fxdidata.length; j++) {
|
||
//课程
|
||
const zsddata = fxdidata[j].tag_disciplines;
|
||
childern.push(
|
||
{
|
||
value: fxdidata[j].id,
|
||
label: fxdidata[j].name,
|
||
}
|
||
)
|
||
for (var k = 0; k < zsddata.length; k++) {
|
||
//知识点
|
||
this.state.knowledgepoints.push(zsddata[k]);
|
||
|
||
|
||
}
|
||
}
|
||
|
||
const datakec = {
|
||
value: didata[i].id,
|
||
label: didata[i].name,
|
||
children: childern,
|
||
}
|
||
this.state.disciplmy.push(datakec);
|
||
}
|
||
|
||
this.setState({
|
||
knowledgepoints: this.state.knowledgepoints,
|
||
disciplmy: this.state.disciplmy,
|
||
})
|
||
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
});
|
||
|
||
const query = this.props.location.search;
|
||
const parsed = queryString.parse(query);
|
||
if (JSON.stringify(parsed) === "{}") {
|
||
this.setState({
|
||
defaultActiveKey: "0",
|
||
})
|
||
} else {
|
||
if (parsed.defaultActiveKey === "0") {
|
||
this.setState({
|
||
defaultActiveKey: "0",
|
||
})
|
||
} else {
|
||
this.setState({
|
||
defaultActiveKey: "1",
|
||
})
|
||
}
|
||
|
||
}
|
||
|
||
|
||
}
|
||
|
||
|
||
getdata = () => {
|
||
let urls = `/examination_banks/${this.props.match.params.id}.json`;
|
||
axios.get(urls).then((response) => {
|
||
if (response) {
|
||
this.setState({
|
||
Contentdata: response.data,
|
||
item_banksedit: response.data.exam,
|
||
})
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
|
||
//跳转道描点的地方
|
||
scrollToAnchor = (anchorName) => {
|
||
try {
|
||
if (anchorName) {
|
||
// 找到锚点
|
||
let anchorElement = document.getElementById(anchorName);
|
||
// 如果对应id的锚点存在，就跳转到锚点
|
||
if (anchorElement) {
|
||
anchorElement.scrollIntoView();
|
||
}
|
||
}
|
||
} catch (e) {
|
||
|
||
}
|
||
|
||
}
|
||
preservation = () => {
|
||
//保存试卷
|
||
if (this.Judquestio.Getdatas().length === 0) {
|
||
this.scrollToAnchor("Itembankstopid");
|
||
return;
|
||
}
|
||
var myrbkc = [];
|
||
var Getdatasdatas = this.Judquestio.Getdatas()[2].rbzsd;
|
||
for (let myda of Getdatasdatas) {
|
||
myrbkc.push(myda.id);
|
||
}
|
||
const url = `/examination_banks/${this.props.match.params.id}.json`;
|
||
var data = {
|
||
difficulty: this.Judquestio.Getdatas()[0].rbnd,
|
||
name: this.Judquestio.Getdatas()[4].classroom,
|
||
duration: this.Judquestio.Getdatas()[5].kssc,
|
||
discipline_id: this.Judquestio.Getdatas()[3].rbkc[0],
|
||
sub_discipline_id: this.Judquestio.Getdatas()[3].rbkc[1],
|
||
tag_discipline_id: myrbkc,
|
||
}
|
||
axios.put(url, data)
|
||
.then((result) => {
|
||
if (result.data.status === 0) {
|
||
// this.props.showNotification(`试卷更新成功`);
|
||
this.props.history.push('/paperlibrary/see/' + this.props.match.params.id);
|
||
}
|
||
}).catch((error) => {
|
||
//console.log(error);
|
||
})
|
||
|
||
}
|
||
|
||
|
||
setitem_type = (item_type) => {
|
||
|
||
|
||
}
|
||
|
||
setCohetepaperbool = (bool) => {
|
||
|
||
}
|
||
getcontentMdRef = (Ref) => {
|
||
this.contentMdRef = Ref;
|
||
}
|
||
|
||
setnewmyshixunmodelbool = (bool) => {
|
||
if (bool === true) {
|
||
let scrollToTop = window.setInterval(function () {
|
||
let pos = window.pageYOffset;
|
||
if (pos > 0) {
|
||
window.scrollTo(0, pos - 20); // how far to scroll on each step
|
||
} else {
|
||
window.clearInterval(scrollToTop);
|
||
}
|
||
}, 2);
|
||
}
|
||
this.setState({
|
||
newmyshixunmodelbool: bool
|
||
})
|
||
this.getdata();
|
||
}
|
||
|
||
render() {
|
||
let { Contentdata, newmyshixunmodelbool, defaultActiveKey } = this.state;
|
||
const params = this.props && this.props.match && this.props.match.params;
|
||
let urlsysl = `/paperlibrary?defaultActiveKey=${defaultActiveKey}`;
|
||
|
||
return (
|
||
<div>
|
||
<div id={"Itembankstopid"} className="newMain clearfix intermediatecenter "
|
||
>
|
||
{
|
||
newmyshixunmodelbool === true ?
|
||
<style>{
|
||
`
|
||
body{ overflow: hidden !important; }
|
||
`
|
||
}</style>
|
||
: ""
|
||
}
|
||
|
||
{
|
||
newmyshixunmodelbool === true ?
|
||
<div className="fangdatwo">
|
||
<NewMyShixunModel {...this.state} {...this.props} Contentdata={this.state.Contentdata} exam_id={this.props.match.params.id} setnewmyshixunmodelbool={(e) => this.setnewmyshixunmodelbool(e)}></NewMyShixunModel>
|
||
</div>
|
||
:
|
||
""
|
||
}
|
||
<div className="w1200ms">
|
||
<div className="w100s mt30">
|
||
<Breadcrumb separator=">">
|
||
<Breadcrumb.Item className={"shubiao"} >试卷库</Breadcrumb.Item>
|
||
<Breadcrumb.Item href={urlsysl}>{defaultActiveKey === "1" ? "公开试卷库" : "我的试卷库"}</Breadcrumb.Item>
|
||
<Breadcrumb.Item className={"shubiao"}>试卷编辑</Breadcrumb.Item>
|
||
</Breadcrumb>
|
||
</div>
|
||
<Comthetestpaperst {...this.state} {...this.props}
|
||
item_banksedit={this.state.item_banksedit}
|
||
getJudquestio={(ref) => this.getJudquestio(ref)}
|
||
></Comthetestpaperst>
|
||
|
||
|
||
<div className=" clearfix educontent Contentquestionbankstyle w100s w1200wuh mt19">
|
||
<style>
|
||
{
|
||
`
|
||
.seeoagertitscss .jixuxuanti{
|
||
background:#4CACFF;
|
||
}
|
||
`
|
||
}
|
||
</style>
|
||
<div className={"seeoagertitscss"}>
|
||
<Seeoagertits
|
||
setnewmyshixunmodelbool={(e) => this.setnewmyshixunmodelbool(e)}
|
||
all_score={Contentdata && Contentdata.exam && Contentdata.exam.all_questions_count}
|
||
all_questions_count={Contentdata && Contentdata.exam && Contentdata.exam.all_score}
|
||
difficulty={Contentdata && Contentdata.exam && Contentdata.exam.difficulty}
|
||
>
|
||
</Seeoagertits>
|
||
</div>
|
||
<Paperlibraryseeid_itemss
|
||
{...this.state}
|
||
{...this.props}
|
||
getdata={() => this.getdata()}
|
||
single_questions={Contentdata && Contentdata.single_questions && Contentdata.single_questions.questions.length > 0 ? Contentdata.single_questions : null}
|
||
multiple_questions={Contentdata && Contentdata.multiple_questions
|
||
&& Contentdata.multiple_questions.questions.length > 0 ? Contentdata.multiple_questions : null
|
||
}
|
||
judgement_questions={Contentdata && Contentdata.judgement_questions
|
||
&& Contentdata.judgement_questions.questions.length > 0 ? Contentdata.judgement_questions : null
|
||
}
|
||
program_questions={Contentdata && Contentdata.program_questions
|
||
&& Contentdata.program_questions.questions.length > 0 ? Contentdata.program_questions : null
|
||
}
|
||
></Paperlibraryseeid_itemss>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
{
|
||
newmyshixunmodelbool === true ? "" :
|
||
<Bottomsubmit {...this.props} {...this.state} bottomvalue={"保存"}
|
||
setCohetepaperbool={(bool) => this.setCohetepaperbool(bool)}
|
||
onSubmits={() => this.preservation()} url={urlsysl}></Bottomsubmit>
|
||
}
|
||
</div>
|
||
)
|
||
|
||
}
|
||
|
||
|
||
}
|
||
|
||
export default SnackbarHOC()(TPMIndexHOC(Paperlibraryeditid));
|
||
|
||
|