|
|
|
@ -529,10 +529,15 @@ class Goldsubject extends Component {
|
|
|
|
|
|
|
|
|
|
handleChange=(value)=>{
|
|
|
|
|
|
|
|
|
|
this.props.form.setFieldsValue({
|
|
|
|
|
// course:value,
|
|
|
|
|
classroom:value
|
|
|
|
|
})
|
|
|
|
|
if(value){
|
|
|
|
|
setTimeout(()=>{
|
|
|
|
|
this.props.form.setFieldsValue({
|
|
|
|
|
course:value+"",
|
|
|
|
|
classroom:value+"",
|
|
|
|
|
});
|
|
|
|
|
},100)
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
handleSearchschool=(value)=>{
|
|
|
|
@ -624,6 +629,12 @@ class Goldsubject extends Component {
|
|
|
|
|
if(addonAftertwo){
|
|
|
|
|
addonAfteronelens=String(addonAftertwo).length;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var addonAfterfour=this.props.form&&this.props.form.getFieldValue('classroom');
|
|
|
|
|
var addonAfteronelens4=0;
|
|
|
|
|
if(addonAfterfour){
|
|
|
|
|
addonAfteronelens4=String(addonAfterfour).length;
|
|
|
|
|
}
|
|
|
|
|
console.log(addonAfteronelenone);
|
|
|
|
|
console.log(addonAfteronelentwo);
|
|
|
|
|
console.log(options);
|
|
|
|
@ -688,20 +699,16 @@ class Goldsubject extends Component {
|
|
|
|
|
.ant-select-dropdown{
|
|
|
|
|
// top: 221px !important;
|
|
|
|
|
// left: 115px !important;
|
|
|
|
|
width: 280px !important;
|
|
|
|
|
height: 160px;
|
|
|
|
|
}
|
|
|
|
|
.ant-select-dropdown-menu{
|
|
|
|
|
width: 280px !important;
|
|
|
|
|
height: 160px;
|
|
|
|
|
}
|
|
|
|
|
.construction .ant-input{
|
|
|
|
|
width: 280px !important;
|
|
|
|
|
margin-left: 0px !important;
|
|
|
|
|
}
|
|
|
|
|
.construction {
|
|
|
|
|
width: 280px;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
margin-left: 11px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.construction .ant-select-selection__placeholder, .ant-select-search__field__placeholder {
|
|
|
|
@ -711,38 +718,7 @@ class Goldsubject extends Component {
|
|
|
|
|
`}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
{/*<div className="stud-class-set bor-bottom-greyE padding10200 ">*/}
|
|
|
|
|
{/* <div className={"TabsWarpcourse"}>*/}
|
|
|
|
|
{/* <Form.Item label="课程名称">*/}
|
|
|
|
|
{/* {getFieldDecorator('course', {*/}
|
|
|
|
|
{/* rules: [{required: true, message: "不能为空"}],*/}
|
|
|
|
|
{/* })(*/}
|
|
|
|
|
|
|
|
|
|
{/* <AutoComplete style={{ width: 280 }}*/}
|
|
|
|
|
{/* onSearch={this.handleSearch}*/}
|
|
|
|
|
{/* onChange={this.handleChange}*/}
|
|
|
|
|
{/* className={"fl construction "}*/}
|
|
|
|
|
{/* placeholder="例如:数据结构"*/}
|
|
|
|
|
{/* >*/}
|
|
|
|
|
{/* {options}*/}
|
|
|
|
|
{/* </AutoComplete>*/}
|
|
|
|
|
{/* )}*/}
|
|
|
|
|
{/* <span className={"newcoursestitle fl"}>*/}
|
|
|
|
|
{/* /!*(错误示例:数据结构2017本部;数据结构2017秋季;数据结构2017电子商务1班)*!/*/}
|
|
|
|
|
{/* <p className="ant-progress-text">*/}
|
|
|
|
|
{/* <Icon style={{ color: '#52c41a' }} type="check-circle" theme="filled"/>*/}
|
|
|
|
|
{/* <span className={"color-grey-9 font-12 ml5"}>正确示例:数据结构</span>*/}
|
|
|
|
|
{/* </p>*/}
|
|
|
|
|
{/* <p className="ant-progress-text">*/}
|
|
|
|
|
{/* <Icon style={{ color: 'red' }} theme="filled" type="close-circle"/>*/}
|
|
|
|
|
{/* <span className={"color-grey-9 font-12 ml5"}>错误示例:数据结构2019春</span>*/}
|
|
|
|
|
{/* </p>*/}
|
|
|
|
|
{/* </span>*/}
|
|
|
|
|
{/* <div id='iscourse'></div>*/}
|
|
|
|
|
{/* </Form.Item>*/}
|
|
|
|
|
{/* </div>*/}
|
|
|
|
|
|
|
|
|
|
{/*</div>*/}
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
{
|
|
|
|
@ -753,37 +729,88 @@ class Goldsubject extends Component {
|
|
|
|
|
`
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<style>{
|
|
|
|
|
`
|
|
|
|
|
.yslzxueshis .ant-input{
|
|
|
|
|
border-right: none !important;
|
|
|
|
|
height: 40px !important;
|
|
|
|
|
width: 655px !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.yslzxueshisy .ant-input-group-addon{
|
|
|
|
|
width: 65px !important;
|
|
|
|
|
background-color: #fafafa!important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.yslzxueshis .ant-select-dropdown{
|
|
|
|
|
width: 655px !important;
|
|
|
|
|
height:160px !important;
|
|
|
|
|
}
|
|
|
|
|
.yslzxueshis .ant-select-dropdown-menu{
|
|
|
|
|
width: 655px !important;
|
|
|
|
|
}
|
|
|
|
|
`
|
|
|
|
|
}</style>
|
|
|
|
|
<div className="stud-class-set bor-bottom-greyE padding1020 ">
|
|
|
|
|
|
|
|
|
|
<Form.Item label="课堂名称">
|
|
|
|
|
{getFieldDecorator('classroom', {
|
|
|
|
|
rules: [{required: true, message: "不能为空"}],
|
|
|
|
|
})(
|
|
|
|
|
|
|
|
|
|
<AutoComplete style={{ width: 280 }}
|
|
|
|
|
onSearch={this.handleSearch}
|
|
|
|
|
onChange={this.handleChange}
|
|
|
|
|
className={"fl construction "}
|
|
|
|
|
placeholder="例如:数据结构"
|
|
|
|
|
dataSource={options}
|
|
|
|
|
>
|
|
|
|
|
</AutoComplete>
|
|
|
|
|
)}
|
|
|
|
|
{/*<span className={"newcoursestitle fl"}>*/}
|
|
|
|
|
{/* /!*(如果本学期包含多个班级,只需创建一个课堂然后在课堂内部建立不同的分班)*!/*/}
|
|
|
|
|
{/* <Form.Item label="课堂名称">*/}
|
|
|
|
|
|
|
|
|
|
{/* {getFieldDecorator('classroom', {*/}
|
|
|
|
|
{/* rules: [{required: true, message: "不能为空"},*/}
|
|
|
|
|
{/* {*/}
|
|
|
|
|
{/* max:60,*/}
|
|
|
|
|
{/* message: '不能超过60个字符',*/}
|
|
|
|
|
{/* }],*/}
|
|
|
|
|
{/* })(*/}
|
|
|
|
|
{/* <AutoComplete*/}
|
|
|
|
|
{/* style={{ width: 720}}*/}
|
|
|
|
|
{/* onSearch={this.handleSearch}*/}
|
|
|
|
|
{/* onChange={this.handleChange}*/}
|
|
|
|
|
{/* className={"fl construction yslzxueshis "}*/}
|
|
|
|
|
{/* placeholder="例如:数据结构"*/}
|
|
|
|
|
{/* dataSource={options}*/}
|
|
|
|
|
{/* >*/}
|
|
|
|
|
{/* <Input className="yslzxueshisy" addonAfter={String(addonAfteronelens4)+"/60"} />*/}
|
|
|
|
|
{/* </AutoComplete>*/}
|
|
|
|
|
{/* )}*/}
|
|
|
|
|
|
|
|
|
|
{/*</Form.Item>*/}
|
|
|
|
|
|
|
|
|
|
<Form.Item label="课程名称">
|
|
|
|
|
{getFieldDecorator('classroom', {
|
|
|
|
|
rules: [{required: true, message: "不能为空"},
|
|
|
|
|
{
|
|
|
|
|
max:60,
|
|
|
|
|
message: '不能超过60个字符',
|
|
|
|
|
}],
|
|
|
|
|
})(
|
|
|
|
|
|
|
|
|
|
<AutoComplete
|
|
|
|
|
style={{ width: 720}}
|
|
|
|
|
onSearch={this.handleSearch}
|
|
|
|
|
onChange={this.handleChange}
|
|
|
|
|
className={"fl construction yslzxueshis "}
|
|
|
|
|
placeholder="例如:数据结构"
|
|
|
|
|
dataSource={options}
|
|
|
|
|
|
|
|
|
|
>
|
|
|
|
|
<Input className="yslzxueshisy" addonAfter={String(addonAfteronelens4)+"/60"} />
|
|
|
|
|
|
|
|
|
|
</AutoComplete>
|
|
|
|
|
)}
|
|
|
|
|
{/*<span className="newcoursestitle fl">*/}
|
|
|
|
|
{/* /!*(错误示例:数据结构2017本部;数据结构2017秋季;数据结构2017电子商务1班)*!/*/}
|
|
|
|
|
{/* <p className="ant-progress-text">*/}
|
|
|
|
|
{/* <Icon style={{ color: '#52c41a' }} type="check-circle" theme="filled"/>*/}
|
|
|
|
|
{/* <span className={"color-grey-9 font-12 ml5"}>正确示例:数据结构2019春季班级</span>*/}
|
|
|
|
|
{/* <Icon style={{ color: '#52c41a' }} type="check-circle" theme="filled"/>*/}
|
|
|
|
|
{/* <span className={"color-grey-9 font-12 ml5"}>正确示例:数据结构</span>*/}
|
|
|
|
|
{/* </p>*/}
|
|
|
|
|
{/* <p className="ant-progress-text">*/}
|
|
|
|
|
{/* <Icon style={{ color: 'red' }} theme="filled" type="close-circle"/>*/}
|
|
|
|
|
{/* <span className={"color-grey-9 font-12 ml5"}>错误示例:2019春季班级数据结构</span>*/}
|
|
|
|
|
{/* <Icon style={{ color: 'red' }} theme="filled" type="close-circle"/>*/}
|
|
|
|
|
{/* <span className={"color-grey-9 font-12 ml5"}>错误示例:数据结构2019春</span>*/}
|
|
|
|
|
{/* </p>*/}
|
|
|
|
|
{/* </span>*/}
|
|
|
|
|
<div id='isclassroom'></div>
|
|
|
|
|
<div id='iscourse'></div>
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className="stud-class-set bor-bottom-greyE padding1020 coursenavbox coursenavboxtow yslinputcourput">
|
|
|
|
|