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.
101 lines
3.3 KiB
101 lines
3.3 KiB
import React, {Component} from 'react';
|
|
|
|
import {Input, Select, Radio, Checkbox, Popconfirm, message, Modal} from 'antd';
|
|
|
|
import {BrowserRouter as Router, Route, Link, Switch} from "react-router-dom";
|
|
|
|
import axios from 'axios';
|
|
|
|
import TPMMDEditor from '../../tpm/challengesnew/TPMMDEditor';
|
|
|
|
import {getUrl} from 'educoder';
|
|
|
|
|
|
|
|
export default class TPMUpdatepropaede extends Component {
|
|
constructor(props) {
|
|
super(props)
|
|
this.neweditanswerRef=React.createRef();
|
|
this.state = {
|
|
shixunId:undefined,
|
|
}
|
|
}
|
|
|
|
componentDidMount() {
|
|
let id = this.props.match.params.shixunId;
|
|
let url="/shixuns/"+id+"/propaedeutics.json";
|
|
axios.get(url).then((response) => {
|
|
if (response.data.status === 403||response.data.status === 401||response.data.status === 500) {
|
|
|
|
}else{
|
|
this.setState({
|
|
shixunId:id,
|
|
})
|
|
if(response.data.content[0]!=null){
|
|
this.setState({
|
|
editanswersRefval:response.data.content,
|
|
})
|
|
this.neweditanswerRef.current.setValue(response.data.content)
|
|
}else{
|
|
this.setState({
|
|
editanswersRefval:"",
|
|
})
|
|
this.neweditanswerRef.current.setValue('')
|
|
}
|
|
}
|
|
}).catch((error) => {
|
|
console.log(error)
|
|
});
|
|
|
|
}
|
|
|
|
updatepropaedeuticsvalue=()=>{
|
|
let id = this.props.match.params.shixunId;
|
|
let url="/shixuns/"+id+"/update_propaedeutics.json";
|
|
const update_propaedeuticsvalue = this.neweditanswerRef.current.getValue().trim();
|
|
axios.post(url,{
|
|
content:update_propaedeuticsvalue
|
|
}
|
|
).then((response) => {
|
|
if (response.data.status === 403||response.data.status === 401||response.data.status === 500) {
|
|
|
|
}else{
|
|
this.props.showSnackbar(response.data.message);
|
|
}
|
|
}).catch((error) => {
|
|
console.log(error)
|
|
});
|
|
}
|
|
render() {
|
|
let {shixunId} = this.state;
|
|
return (
|
|
<React.Fragment>
|
|
<div className="educontent">
|
|
|
|
<div className="edu-back-white mt30">
|
|
<div className="font-16 pt30 pl20 pr20 pb40 bor-bottom-greyE clearfix">
|
|
<span className="fl">背景知识</span>
|
|
<a href={"/shixuns/"+shixunId+"/propaedeutics"}className="color-grey-9 fr">返回</a>
|
|
</div>
|
|
|
|
<div className="padding40-20">
|
|
<TPMMDEditor ref={this.neweditanswerRef} placeholder="请输入选择题的题干内容" mdID={'editquestioMDid'} refreshTimeout={1500}
|
|
needRecreate={true} watch={true} className="courseMessageMD" initValue={this.neweditanswerRefval}></TPMMDEditor>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="clearfix mb30 mt30">
|
|
<a className="defalutSubmitbtn fl mr20"
|
|
onClick={this.updatepropaedeuticsvalue}>保存</a>
|
|
<a href={"/shixuns/"+shixunId+"/propaedeutics"} className="defalutCancelbtn fl"
|
|
>取消</a>
|
|
</div>
|
|
|
|
</div>
|
|
</React.Fragment>
|
|
)
|
|
}
|
|
}
|
|
|
|
|