|
|
|
@ -1,274 +1,274 @@
|
|
|
|
import React,{ Component } from "react";
|
|
|
|
import React,{ Component } from "react";
|
|
|
|
|
|
|
|
|
|
|
|
import {getUrl} from 'educoder';
|
|
|
|
import {getUrl,markdownToHTML} from 'educoder';
|
|
|
|
import {Input} from 'antd';
|
|
|
|
import {Input} from 'antd';
|
|
|
|
import { BrowserRouter as Router, Route, Link, Switch } from "react-router-dom";
|
|
|
|
import { BrowserRouter as Router, Route, Link, Switch } from "react-router-dom";
|
|
|
|
|
|
|
|
|
|
|
|
import axios from 'axios';
|
|
|
|
import axios from 'axios';
|
|
|
|
// import '../page/tpiPage.css';
|
|
|
|
// import '../page/tpiPage.css';
|
|
|
|
require('codemirror/lib/codemirror.css');
|
|
|
|
require('codemirror/lib/codemirror.css');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const $ = window.$;
|
|
|
|
const $ = window.$;
|
|
|
|
|
|
|
|
|
|
|
|
let origin = getUrl();
|
|
|
|
let origin = getUrl();
|
|
|
|
let path = getUrl("/editormd/lib/");
|
|
|
|
let path = getUrl("/editormd/lib/");
|
|
|
|
function create_editorMD(id, width, high, placeholder, imageUrl,initValue, callback) {
|
|
|
|
function create_editorMD(id, width, high, placeholder, imageUrl,initValue, callback) {
|
|
|
|
var editorName = window.editormd(id, {
|
|
|
|
var editorName = window.editormd(id, {
|
|
|
|
width: width,
|
|
|
|
width: width,
|
|
|
|
height: high,
|
|
|
|
height: high,
|
|
|
|
path: path, // "/editormd/lib/"
|
|
|
|
path: path, // "/editormd/lib/"
|
|
|
|
markdown : initValue,
|
|
|
|
markdown : initValue,
|
|
|
|
syncScrolling: "single",
|
|
|
|
syncScrolling: "single",
|
|
|
|
tex: true,
|
|
|
|
tex: true,
|
|
|
|
tocm: true,
|
|
|
|
tocm: true,
|
|
|
|
emoji: true,
|
|
|
|
emoji: true,
|
|
|
|
taskList: true,
|
|
|
|
taskList: true,
|
|
|
|
codeFold: true,
|
|
|
|
codeFold: true,
|
|
|
|
searchReplace: true,
|
|
|
|
searchReplace: true,
|
|
|
|
htmlDecode: "style,script,iframe",
|
|
|
|
htmlDecode: "style,script,iframe",
|
|
|
|
sequenceDiagram: true,
|
|
|
|
sequenceDiagram: true,
|
|
|
|
autoFocus: false,
|
|
|
|
autoFocus: false,
|
|
|
|
placeholder: placeholder,
|
|
|
|
placeholder: placeholder,
|
|
|
|
toolbarIcons: function () {
|
|
|
|
toolbarIcons: function () {
|
|
|
|
// Or return editormd.toolbarModes[name]; // full, simple, mini
|
|
|
|
// Or return editormd.toolbarModes[name]; // full, simple, mini
|
|
|
|
// Using "||" set icons align right.
|
|
|
|
// Using "||" set icons align right.
|
|
|
|
return ["bold", "italic", "|", "list-ul", "list-ol", "|", "code", "code-block", "|", "testIcon", "testIcon1", '|', "image", "table", '|', "watch", "clear"]
|
|
|
|
return ["bold", "italic", "|", "list-ul", "list-ol", "|", "code", "code-block", "|", "testIcon", "testIcon1", '|', "image", "table", '|', "watch", "clear"]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
toolbarCustomIcons: {
|
|
|
|
toolbarCustomIcons: {
|
|
|
|
testIcon: "<a type=\"inline\" class=\"latex\" ><div class='zbg'></div></a>",
|
|
|
|
testIcon: "<a type=\"inline\" class=\"latex\" ><div class='zbg'></div></a>",
|
|
|
|
testIcon1: "<a type=\"latex\" class=\"latex\" ><div class='zbg_latex'></div></a>"
|
|
|
|
testIcon1: "<a type=\"latex\" class=\"latex\" ><div class='zbg_latex'></div></a>"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
//这个配置在simple.html中并没有，但是为了能够提交表单，使用这个配置可以让构造出来的HTML代码直接在第二个隐藏的textarea域中，方便post提交表单。
|
|
|
|
//这个配置在simple.html中并没有，但是为了能够提交表单，使用这个配置可以让构造出来的HTML代码直接在第二个隐藏的textarea域中，方便post提交表单。
|
|
|
|
saveHTMLToTextarea: true,
|
|
|
|
saveHTMLToTextarea: true,
|
|
|
|
// 用于增加自定义工具栏的功能，可以直接插入HTML标签，不使用默认的元素创建图标
|
|
|
|
// 用于增加自定义工具栏的功能，可以直接插入HTML标签，不使用默认的元素创建图标
|
|
|
|
dialogMaskOpacity: 0.6,
|
|
|
|
dialogMaskOpacity: 0.6,
|
|
|
|
imageUpload: true,
|
|
|
|
imageUpload: true,
|
|
|
|
imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp", "JPG", "JPEG", "GIF", "PNG", "BMP", "WEBP"],
|
|
|
|
imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp", "JPG", "JPEG", "GIF", "PNG", "BMP", "WEBP"],
|
|
|
|
imageUploadURL: imageUrl,//url
|
|
|
|
imageUploadURL: imageUrl,//url
|
|
|
|
onload: function () {
|
|
|
|
onload: function () {
|
|
|
|
// this.previewing();
|
|
|
|
// this.previewing();
|
|
|
|
$("#" + id + " [type=\"latex\"]").bind("click", function () {
|
|
|
|
$("#" + id + " [type=\"latex\"]").bind("click", function () {
|
|
|
|
editorName.cm.replaceSelection("```latex");
|
|
|
|
editorName.cm.replaceSelection("```latex");
|
|
|
|
editorName.cm.replaceSelection("\n");
|
|
|
|
editorName.cm.replaceSelection("\n");
|
|
|
|
editorName.cm.replaceSelection("\n");
|
|
|
|
editorName.cm.replaceSelection("\n");
|
|
|
|
editorName.cm.replaceSelection("```");
|
|
|
|
editorName.cm.replaceSelection("```");
|
|
|
|
var __Cursor = editorName.cm.getDoc().getCursor();
|
|
|
|
var __Cursor = editorName.cm.getDoc().getCursor();
|
|
|
|
editorName.cm.setCursor(__Cursor.line - 1, 0);
|
|
|
|
editorName.cm.setCursor(__Cursor.line - 1, 0);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
$("#" + id + " [type=\"inline\"]").bind("click", function () {
|
|
|
|
$("#" + id + " [type=\"inline\"]").bind("click", function () {
|
|
|
|
editorName.cm.replaceSelection("$$$$");
|
|
|
|
editorName.cm.replaceSelection("$$$$");
|
|
|
|
var __Cursor = editorName.cm.getDoc().getCursor();
|
|
|
|
var __Cursor = editorName.cm.getDoc().getCursor();
|
|
|
|
editorName.cm.setCursor(__Cursor.line, __Cursor.ch - 2);
|
|
|
|
editorName.cm.setCursor(__Cursor.line, __Cursor.ch - 2);
|
|
|
|
editorName.cm.focus();
|
|
|
|
editorName.cm.focus();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
$("[type=\"inline\"]").attr("title", "行内公式");
|
|
|
|
$("[type=\"inline\"]").attr("title", "行内公式");
|
|
|
|
$("[type=\"latex\"]").attr("title", "多行公式");
|
|
|
|
$("[type=\"latex\"]").attr("title", "多行公式");
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
callback && callback()
|
|
|
|
callback && callback()
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
// 一个页面有多个md时，onload方法只执行了一次
|
|
|
|
// 一个页面有多个md时，onload方法只执行了一次
|
|
|
|
window.md_elocalStorage(editorName, `MemoQuestion_${id}`, `${id}`);
|
|
|
|
window.md_elocalStorage(editorName, `MemoQuestion_${id}`, `${id}`);
|
|
|
|
|
|
|
|
|
|
|
|
return editorName;
|
|
|
|
return editorName;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class PathNew extends Component{
|
|
|
|
class PathNew extends Component{
|
|
|
|
constructor(props){
|
|
|
|
constructor(props){
|
|
|
|
super(props);
|
|
|
|
super(props);
|
|
|
|
this.state={
|
|
|
|
this.state={
|
|
|
|
pathName:"",
|
|
|
|
pathName:"",
|
|
|
|
description:"",
|
|
|
|
description:"",
|
|
|
|
point:"",
|
|
|
|
point:"",
|
|
|
|
flag_name:true
|
|
|
|
flag_name:true
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 提交
|
|
|
|
// 提交
|
|
|
|
submitNewPath=()=>{
|
|
|
|
submitNewPath=()=>{
|
|
|
|
let {pathName} = this.state;
|
|
|
|
let {pathName} = this.state;
|
|
|
|
if(pathName===""){
|
|
|
|
if(pathName===""){
|
|
|
|
this.props.showSnackbar("请输入实训课程名称");
|
|
|
|
this.props.showSnackbar("请输入实训课程名称");
|
|
|
|
window.location.href="#part_Name";
|
|
|
|
window.location.href="#part_Name";
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
flag_name:false
|
|
|
|
flag_name:false
|
|
|
|
})
|
|
|
|
})
|
|
|
|
return;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
let des=this.Des_editMD.getValue();
|
|
|
|
let des=this.Des_editMD.getValue();
|
|
|
|
if(des===""){
|
|
|
|
if(des===""){
|
|
|
|
this.props.showSnackbar("请输入实训课程的简介");
|
|
|
|
this.props.showSnackbar("请输入实训课程的简介");
|
|
|
|
window.location.href="#part_Des";
|
|
|
|
window.location.href="#part_Des";
|
|
|
|
return;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (des.length > 5000) {
|
|
|
|
if (des.length > 5000) {
|
|
|
|
this.props.showSnackbar("实训课程的简介最大限制5000个字符");
|
|
|
|
this.props.showSnackbar("实训课程的简介最大限制5000个字符");
|
|
|
|
window.location.href="#part_Des";
|
|
|
|
window.location.href="#part_Des";
|
|
|
|
return;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
let point = this.Point_editMD.getValue();
|
|
|
|
let point = this.Point_editMD.getValue();
|
|
|
|
if(point===""){
|
|
|
|
if(point===""){
|
|
|
|
this.props.showSnackbar("请输入实训课程的学习须知");
|
|
|
|
this.props.showSnackbar("请输入实训课程的学习须知");
|
|
|
|
window.location.href="#part_point";
|
|
|
|
window.location.href="#part_point";
|
|
|
|
return;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if(point.length > 500){
|
|
|
|
if(point.length > 500){
|
|
|
|
this.props.showSnackbar("实训课程的学习须知最大限制500个字符");
|
|
|
|
this.props.showSnackbar("实训课程的学习须知最大限制500个字符");
|
|
|
|
window.location.href="#part_point";
|
|
|
|
window.location.href="#part_point";
|
|
|
|
return;
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (this.isEditPage == true) {
|
|
|
|
if (this.isEditPage == true) {
|
|
|
|
let pathId = this.props.match.params.pathId;
|
|
|
|
let pathId = this.props.match.params.pathId;
|
|
|
|
|
|
|
|
|
|
|
|
const editUrl = `/paths/${pathId}.json`
|
|
|
|
const editUrl = `/paths/${pathId}.json`
|
|
|
|
axios.put(editUrl,{
|
|
|
|
axios.put(editUrl,{
|
|
|
|
name:pathName,
|
|
|
|
name:pathName,
|
|
|
|
description:des,
|
|
|
|
description:des,
|
|
|
|
learning_notes:point
|
|
|
|
learning_notes:point
|
|
|
|
}).then((response)=>{
|
|
|
|
}).then((response)=>{
|
|
|
|
// console.log(response.data.subject_id);
|
|
|
|
// console.log(response.data.subject_id);
|
|
|
|
if (response.data.subject_id) {
|
|
|
|
if (response.data.subject_id) {
|
|
|
|
this.props.history.push(`/paths/${response.data.subject_id}`)
|
|
|
|
this.props.history.push(`/paths/${response.data.subject_id}`)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).catch((error)=>{
|
|
|
|
}).catch((error)=>{
|
|
|
|
console.log(error);
|
|
|
|
console.log(error);
|
|
|
|
})
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
let url="/paths.json"
|
|
|
|
let url="/paths.json"
|
|
|
|
axios.post(url,{
|
|
|
|
axios.post(url,{
|
|
|
|
name:pathName,
|
|
|
|
name:pathName,
|
|
|
|
description:des,
|
|
|
|
description:des,
|
|
|
|
learning_notes:point
|
|
|
|
learning_notes:point
|
|
|
|
}).then((response)=>{
|
|
|
|
}).then((response)=>{
|
|
|
|
// console.log(response.data.subject_id);
|
|
|
|
// console.log(response.data.subject_id);
|
|
|
|
if (response.data.subject_id) {
|
|
|
|
if (response.data.subject_id) {
|
|
|
|
this.props.history.push(`/paths/${response.data.subject_id}`)
|
|
|
|
this.props.history.push(`/paths/${response.data.subject_id}`)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).catch((error)=>{
|
|
|
|
}).catch((error)=>{
|
|
|
|
console.log(error);
|
|
|
|
console.log(error);
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
componentDidMount() {
|
|
|
|
componentDidMount() {
|
|
|
|
let pathId = this.props.match.params.pathId;
|
|
|
|
let pathId = this.props.match.params.pathId;
|
|
|
|
if (pathId) {
|
|
|
|
if (pathId) {
|
|
|
|
this.isEditPage = true
|
|
|
|
this.isEditPage = true
|
|
|
|
|
|
|
|
|
|
|
|
// const url = `/paths/${pathId}.json`
|
|
|
|
// const url = `/paths/${pathId}.json`
|
|
|
|
const url = `/paths/${pathId}/edit.json`
|
|
|
|
const url = `/paths/${pathId}/edit.json`
|
|
|
|
axios.get(url).then((response)=>{
|
|
|
|
axios.get(url).then((response)=>{
|
|
|
|
/**
|
|
|
|
/**
|
|
|
|
description:
|
|
|
|
description:
|
|
|
|
id: 13
|
|
|
|
id: 13
|
|
|
|
learning_notes:
|
|
|
|
learning_notes:
|
|
|
|
name:
|
|
|
|
name:
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
if (response.data.name) {
|
|
|
|
if (response.data.name) {
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
pathName: response.data.name
|
|
|
|
pathName: response.data.name
|
|
|
|
})
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
const Des_editMD = create_editorMD("shixun_introduction","100%","490px"
|
|
|
|
const Des_editMD = create_editorMD("shixun_introduction","100%","490px"
|
|
|
|
,"请在此输入实训课程的简介，最大限制5000个字符","/api/attachments.json", response.data.description,"");
|
|
|
|
,"请在此输入实训课程的简介，最大限制5000个字符","/api/attachments.json", response.data.description,"");
|
|
|
|
this.Des_editMD=Des_editMD;
|
|
|
|
this.Des_editMD=Des_editMD;
|
|
|
|
const Point_editMD = create_editorMD("shixun_propaedeutics","100%","260px"
|
|
|
|
const Point_editMD = create_editorMD("shixun_propaedeutics","100%","260px"
|
|
|
|
,"请在此输入实训课程的学习须知，最大限制500个字符","/api/attachments.json",response.data.learning_notes,"");
|
|
|
|
,"请在此输入实训课程的学习须知，最大限制500个字符","/api/attachments.json",response.data.learning_notes,"");
|
|
|
|
this.Point_editMD=Point_editMD;
|
|
|
|
this.Point_editMD=Point_editMD;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}).catch((error)=>{
|
|
|
|
}).catch((error)=>{
|
|
|
|
console.log(error);
|
|
|
|
console.log(error);
|
|
|
|
})
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
this.isEditPage = false
|
|
|
|
this.isEditPage = false
|
|
|
|
|
|
|
|
|
|
|
|
const Des_editMD = create_editorMD("shixun_introduction","100%","490px","请在此输入实训课程的简介，最大限制5000个字符","/api/attachments.json","","");
|
|
|
|
const Des_editMD = create_editorMD("shixun_introduction","100%","490px","请在此输入实训课程的简介，最大限制5000个字符","/api/attachments.json","","");
|
|
|
|
this.Des_editMD=Des_editMD;
|
|
|
|
this.Des_editMD=Des_editMD;
|
|
|
|
const Point_editMD = create_editorMD("shixun_propaedeutics","100%","260px","请在此输入实训课程的学习须知，最大限制500个字符","/api/attachments.json","","");
|
|
|
|
const Point_editMD = create_editorMD("shixun_propaedeutics","100%","260px","请在此输入实训课程的学习须知，最大限制500个字符","/api/attachments.json","","");
|
|
|
|
this.Point_editMD=Point_editMD;
|
|
|
|
this.Point_editMD=Point_editMD;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
InputName=(e)=>{
|
|
|
|
InputName=(e)=>{
|
|
|
|
this.setState({
|
|
|
|
this.setState({
|
|
|
|
pathName:e.target.value,
|
|
|
|
pathName:e.target.value,
|
|
|
|
})
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
render(){
|
|
|
|
render(){
|
|
|
|
let {pathName,description,point,flag_name}=this.state;
|
|
|
|
let {pathName,description,point,flag_name}=this.state;
|
|
|
|
return(
|
|
|
|
return(
|
|
|
|
<div className="newContainer">
|
|
|
|
<div className="newContainer">
|
|
|
|
<div className="newMain clearfix">
|
|
|
|
<div className="newMain clearfix">
|
|
|
|
<div className="educontent mt10 mb50">
|
|
|
|
<div className="educontent mt10 mb50">
|
|
|
|
<div className="mb10 edu-back-white">
|
|
|
|
<div className="mb10 edu-back-white">
|
|
|
|
<p className="padding20 bor-bottom-greyE font-18 color-grey-3">创建实训课程</p>
|
|
|
|
<p className="padding20 bor-bottom-greyE font-18 color-grey-3">创建实训课程</p>
|
|
|
|
<div className="padding30-20" id="part_Name">
|
|
|
|
<div className="padding30-20" id="part_Name">
|
|
|
|
<p className="color-grey-6 font-16 mb15">实训课程名称</p>
|
|
|
|
<p className="color-grey-6 font-16 mb15">实训课程名称</p>
|
|
|
|
<div className="df">
|
|
|
|
<div className="df">
|
|
|
|
<span className="mr30 color-orange pt10">*</span>
|
|
|
|
<span className="mr30 color-orange pt10">*</span>
|
|
|
|
<div className="flex1 mr20">
|
|
|
|
<div className="flex1 mr20">
|
|
|
|
<Input className={flag_name===true?"input-100-45 greyInput":"input-100-45 greyInput bor-red"}
|
|
|
|
<Input className={flag_name===true?"input-100-45 greyInput":"input-100-45 greyInput bor-red"}
|
|
|
|
maxLength="60"
|
|
|
|
maxLength="60"
|
|
|
|
placeholder="例如：从Python程序设计-入门精通"
|
|
|
|
placeholder="例如：从Python程序设计-入门精通"
|
|
|
|
value={pathName}
|
|
|
|
value={pathName}
|
|
|
|
onInput={this.InputName}
|
|
|
|
onInput={this.InputName}
|
|
|
|
></Input>
|
|
|
|
></Input>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div className="mb10 edu-back-white padding30-20" id="part_Des">
|
|
|
|
<div className="mb10 edu-back-white padding30-20" id="part_Des">
|
|
|
|
<p className="color-grey-6 font-16 mb15">简介</p>
|
|
|
|
<p className="color-grey-6 font-16 mb15">简介</p>
|
|
|
|
<div className="df">
|
|
|
|
<div className="df">
|
|
|
|
<span className="mr30 color-orange pt10">*</span>
|
|
|
|
<span className="mr30 color-orange pt10">*</span>
|
|
|
|
<div className="flex1 mr20">
|
|
|
|
<div className="flex1 mr20">
|
|
|
|
<div id="shixun_introduction" className="new_li editormd editormd-vertical">
|
|
|
|
<div id="shixun_introduction" className="new_li editormd editormd-vertical">
|
|
|
|
<textarea className="input-100-45" name="description" placeholder="请在此输入实训课程的简介" value={description}></textarea>
|
|
|
|
<textarea className="input-100-45" name="description" placeholder="请在此输入实训课程的简介" value={description}></textarea>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p id="e_tip_shixun_introduction" className="edu-txt-right color-grey-cd font-12"></p>
|
|
|
|
<p id="e_tip_shixun_introduction" className="edu-txt-right color-grey-cd font-12"></p>
|
|
|
|
<p id="e_tips_shixun_introduction" className="edu-txt-right color-grey-cd font-12"></p>
|
|
|
|
<p id="e_tips_shixun_introduction" className="edu-txt-right color-grey-cd font-12"></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div className="mb10 edu-back-white padding30-20" id="part_point">
|
|
|
|
<div className="mb10 edu-back-white padding30-20" id="part_point">
|
|
|
|
<p className="color-grey-6 font-16 mb15">学习须知</p>
|
|
|
|
<p className="color-grey-6 font-16 mb15">学习须知</p>
|
|
|
|
<div className="df">
|
|
|
|
<div className="df">
|
|
|
|
<span className="mr30 color-orange pt10">*</span>
|
|
|
|
<span className="mr30 color-orange pt10">*</span>
|
|
|
|
<div className="flex1 mr20">
|
|
|
|
<div className="flex1 mr20">
|
|
|
|
<div id="shixun_propaedeutics" className="new_li editormd editormd-vertical">
|
|
|
|
<div id="shixun_propaedeutics" className="new_li editormd editormd-vertical">
|
|
|
|
<textarea name="learning_notes" placeholder="请在此输入实训课程的学习须知" value={point}></textarea>
|
|
|
|
<textarea name="learning_notes" placeholder="请在此输入实训课程的学习须知" value={point}></textarea>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p id="e_tip_shixun_propaedeutics" className="edu-txt-right color-grey-cd font-12"></p>
|
|
|
|
<p id="e_tip_shixun_propaedeutics" className="edu-txt-right color-grey-cd font-12"></p>
|
|
|
|
<p id="e_tips_shixun_propaedeutics" className="edu-txt-right color-grey-cd font-12"></p>
|
|
|
|
<p id="e_tips_shixun_propaedeutics" className="edu-txt-right color-grey-cd font-12"></p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div className="clearfix mb30 mt30">
|
|
|
|
<div className="clearfix mb30 mt30">
|
|
|
|
<a href="javascript:void(0)" className="defalutSubmitbtn fl mr20" onClick={this.submitNewPath}>提交</a>
|
|
|
|
<a href="javascript:void(0)" className="defalutSubmitbtn fl mr20" onClick={this.submitNewPath}>提交</a>
|
|
|
|
{this.isEditPage ?
|
|
|
|
{this.isEditPage ?
|
|
|
|
<Link to={`/paths/${this.props.match.params.pathId}`}
|
|
|
|
<Link to={`/paths/${this.props.match.params.pathId}`}
|
|
|
|
className="defalutCancelbtn fl">取消</Link>
|
|
|
|
className="defalutCancelbtn fl">取消</Link>
|
|
|
|
: <Link to={`/paths`} className="defalutCancelbtn fl">取消</Link>
|
|
|
|
: <Link to={`/paths`} className="defalutCancelbtn fl">取消</Link>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
export default PathNew;
|
|
|
|
export default PathNew;
|
