|
|
import React, { Component } from 'react';
|
|
|
import {getImageUrl} from 'educoder';
|
|
|
import {Modal,Input} from 'antd';
|
|
|
class Addshixuns extends Component {
|
|
|
constructor(props) {
|
|
|
super(props);
|
|
|
this.state = {
|
|
|
shixunname:undefined,
|
|
|
shixunzero:false
|
|
|
}
|
|
|
}
|
|
|
|
|
|
handleChange=(e)=>{
|
|
|
this.setState({
|
|
|
shixunname:e.target.value,
|
|
|
})
|
|
|
|
|
|
if(e.target.value.length>0){
|
|
|
this.setState({
|
|
|
shixunzero:false
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
modalCancel=()=>{
|
|
|
this.setState({
|
|
|
shixunname:undefined,
|
|
|
})
|
|
|
this.props.modalCancel()
|
|
|
}
|
|
|
|
|
|
//判断是否为空
|
|
|
getshixunname( str ){
|
|
|
if ( str == "" ) return true;
|
|
|
var regu = "^[ ]+$";
|
|
|
var re = new RegExp(regu);
|
|
|
return re.test(str);
|
|
|
}
|
|
|
|
|
|
modalSave=()=>{
|
|
|
let {shixunname}=this.state;
|
|
|
if(this.getshixunname(shixunname)===true){
|
|
|
this.setState({
|
|
|
shixunzero:true
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
if(shixunname===undefined||shixunname.length===0){
|
|
|
this.setState({
|
|
|
shixunzero:true
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
this.props.Setaddshixuns(shixunname);
|
|
|
this.props.modalCancel();
|
|
|
}
|
|
|
|
|
|
render() {
|
|
|
|
|
|
return(
|
|
|
<Modal
|
|
|
className={this.props.className}
|
|
|
keyboard={false}
|
|
|
title="新建实训项目"
|
|
|
visible={this.props.Addshixunstype===undefined?false:this.props.Addshixunstype}
|
|
|
closable={false}
|
|
|
footer={null}
|
|
|
destroyOnClose={true}
|
|
|
centered={true}
|
|
|
width="530px"
|
|
|
>
|
|
|
{this.props.Addshixunstype===true?<style>
|
|
|
{
|
|
|
`
|
|
|
body{
|
|
|
overflow: hidden !important;
|
|
|
}
|
|
|
`
|
|
|
}
|
|
|
</style>:""}
|
|
|
|
|
|
<div className="task-popup-content">
|
|
|
<p className="task-popup-text-center font-16">
|
|
|
<span style={{ "line-height":"30px"}}>实训名称：</span>
|
|
|
<span><Input style={{ width:"80%"}} className="yslzxueshisy " placeholder="请输入60字以内的实训名称" onChange={this.handleChange} addonAfter={String(this.state.shixunname===undefined?0:this.state.shixunname.length)+"/60"} maxLength={60} />
|
|
|
</span>
|
|
|
</p>
|
|
|
{this.state.shixunzero===true?<p className={"color-red ml85"}>请输入实训名称</p>:""}
|
|
|
<div className="clearfix mt30 edu-txt-center">
|
|
|
<a className="task-btn mr30 colorFFF" onClick={this.modalCancel}>取消</a>
|
|
|
<a className="task-btn task-btn-orange" onClick={this.modalSave}>确定</a>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</Modal>
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
|
|
|
export default Addshixuns;
|
