|
|
import React, {Component} from "React";
|
|
|
import {Form, Select, Input, Button, Checkbox, DatePicker,Spin,Icon,AutoComplete,InputNumber,Breadcrumb} from "antd";
|
|
|
import ApplyForAddOrgModal from '../../user/modal/ApplyForAddOrgModal';
|
|
|
import axios from 'axios';
|
|
|
import "../css/Courses.css";
|
|
|
import locale from 'antd/lib/date-picker/locale/zh_CN';
|
|
|
import moment from 'moment';
|
|
|
import Modals from '../../modals/Modals';
|
|
|
import {WordsBtn, ActionBtn} from 'educoder';
|
|
|
|
|
|
|
|
|
const { Option } = Select;
|
|
|
|
|
|
|
|
|
const dateFormat = 'YYYY-MM-DD';
|
|
|
|
|
|
function range(start, end) {
|
|
|
const result = [];
|
|
|
for (let i = start; i < end; i++) {
|
|
|
result.push(i);
|
|
|
}
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
function disabledDateTime() {
|
|
|
return {
|
|
|
disabledMinutes: () => range(1, 30).concat(range(31, 60)),
|
|
|
};
|
|
|
}
|
|
|
function disabledDate(current) {
|
|
|
return current && current < moment().endOf('day').subtract(1, 'days');
|
|
|
}
|
|
|
// function disabledDate(current) {
|
|
|
// console.log(current);
|
|
|
// return current && current < moment().endOf('day').subtract(1, 'days');
|
|
|
// }
|
|
|
// function disabledDateysl(current) {
|
|
|
// console.log(current);
|
|
|
// return current && current < moment().endOf('day').add(1, 'days');
|
|
|
// }
|
|
|
|
|
|
class Goldsubject extends Component {
|
|
|
|
|
|
constructor(props) {
|
|
|
super(props)
|
|
|
this.state = {
|
|
|
coursedata: undefined,
|
|
|
searchlist: [],
|
|
|
searchlistscholl:[],
|
|
|
listvalue: undefined,
|
|
|
fetching:false,
|
|
|
subject_id:"",
|
|
|
start_date:"",
|
|
|
addonAfteronelenone:"",
|
|
|
addonAfteronelentwo:"",
|
|
|
Whethertocreateanewclassroom:true,
|
|
|
checkbofrup:[
|
|
|
{module_type:"announcement",module_name:"公告栏"},{module_type:"online_learning",module_name:"在线学习"}
|
|
|
,{module_type:"shixun_homework",module_name:"实训作业"},{module_type:"common_homework",module_name:"普通作业"}
|
|
|
,{module_type:"exercise",module_name:"试卷"},{module_type:"poll",module_name:"问卷"}
|
|
|
,{module_type:"attachment",module_name:"资源"},{module_type:"board",module_name:"讨论"},{module_type:"course_group",module_name:"分班"},],
|
|
|
|
|
|
}
|
|
|
}
|
|
|
// disabledEndDate= endValue => {
|
|
|
// const { datatimetwo } = this.state;
|
|
|
// var startValue =datatimetwo
|
|
|
// if (!endValue || !startValue) {
|
|
|
// return false;
|
|
|
// }
|
|
|
// return endValue.valueOf() < startValue.valueOf();
|
|
|
// };
|
|
|
|
|
|
isabledStartDate = (startValue) => {
|
|
|
|
|
|
const { datatime } = this.state;
|
|
|
var datatimes="";
|
|
|
if(datatime!==undefined){
|
|
|
datatimes=datatime;
|
|
|
datatimes=moment(datatimes, dateFormat).subtract(0, 'days');;
|
|
|
}else {
|
|
|
datatimes=datatime;
|
|
|
}
|
|
|
if (!startValue || !datatimes) {
|
|
|
return false;
|
|
|
}
|
|
|
return startValue.valueOf() > datatimes.valueOf();
|
|
|
};
|
|
|
|
|
|
disabledEndDate = (endValue) => {
|
|
|
// console.log("---------------------------------")
|
|
|
// console.log(moment(new Date(), dateFormat).add(1, 'days'));
|
|
|
// console.log(moment(new Date(), dateFormat).add(2, 'days'));
|
|
|
const { datatimetwo } = this.state;
|
|
|
var startvalue="";
|
|
|
if(datatimetwo!==undefined){
|
|
|
startvalue=datatimetwo;
|
|
|
startvalue=moment(startvalue, dateFormat).add(1, 'days');
|
|
|
}else {
|
|
|
startvalue=datatimetwo;
|
|
|
}
|
|
|
// console.log("结束时间");
|
|
|
// console.log(endValue);
|
|
|
// console.log(startvalue);
|
|
|
// console.log(datatimetwo);
|
|
|
if (!endValue || !startvalue) {
|
|
|
return false;
|
|
|
}
|
|
|
return endValue.valueOf() < startvalue.valueOf();
|
|
|
};
|
|
|
|
|
|
componentDidMount() {
|
|
|
console.log("新建精品课堂的数据");
|
|
|
console.log(this.props);
|
|
|
|
|
|
let coursesId = this.props.match.params.coursesId;
|
|
|
let user_school=this.props.current_user&&this.props.current_user.user_school;
|
|
|
// this.getschool("")
|
|
|
// this.Searchvalue("")
|
|
|
if (coursesId != undefined) {
|
|
|
let url = "/courses/" + coursesId + "/settings.json"
|
|
|
axios.get(url).then((result) => {
|
|
|
|
|
|
let data = result.data;
|
|
|
this.props.form.setFieldsValue({
|
|
|
course: data.course_list_name,
|
|
|
classroom: data.name,
|
|
|
period: data.class_period===undefined?'':data.class_period===null?'':data.class_period===null?'':data.class_period==="null"?'':data.class_period+"",
|
|
|
credit: data.credit===undefined?'':data.credit===null?'':data.credit===null?'':data.credit==="null"?'':data.credit+"",
|
|
|
checkboxgroup: data.course_module_types,
|
|
|
Realnamecertification: data.authentication,
|
|
|
Professionalcertification:data.professional_certification,
|
|
|
starttime: data.start_date === undefined ? "" : moment(data.start_date, dateFormat),
|
|
|
endtime: data.end_date === undefined ? "" : moment(data.end_date, dateFormat),
|
|
|
school:data.school
|
|
|
|
|
|
});
|
|
|
// starttime
|
|
|
this.setState({
|
|
|
datatimetwo: data.start_date === undefined ? "" : moment(data.start_date, dateFormat),
|
|
|
datatime: data.end_date === undefined ? "" : moment(data.end_date, dateFormat),
|
|
|
is_public: data.is_public,
|
|
|
Realnamecertification: data.authentication,
|
|
|
Professionalcertification:data.professional_certification,
|
|
|
name: data.name,
|
|
|
class_period: data.class_period,
|
|
|
addonAfteronelenone: data.class_period===undefined?'':data.class_period===null?'':data.class_period===null?'':data.class_period==="null"?'':data.class_period,
|
|
|
credit: parseFloat(data.credit),
|
|
|
addonAfteronelentwo:data.credit===undefined?'':data.credit===null?'':data.credit===null?'':data.credit==="null"?'':data.credit,
|
|
|
course_module_types: data.course_module_types,
|
|
|
school:data.school,
|
|
|
Whethertocreateanewclassroom:false,
|
|
|
});
|
|
|
this.handleSearchschool(data.school);
|
|
|
}).catch((error) => {
|
|
|
console.log(error);
|
|
|
})
|
|
|
}else{
|
|
|
let subjectid= this.props.match.params.subjectid;
|
|
|
let url = "/courses/new.json"
|
|
|
axios.get(url,{params:{
|
|
|
subject_id:subjectid, //这是带过来的值
|
|
|
}}).then((response) => {
|
|
|
if (response) {
|
|
|
// this.goback
|
|
|
if(response.data){
|
|
|
console.log("获取Goldsubject.js");
|
|
|
console.log(response.data);
|
|
|
if(response.data.status===0){
|
|
|
this.props.form.setFieldsValue({
|
|
|
classroom: response.data.course_name,
|
|
|
name: response.data.name,
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}).catch((error) => {
|
|
|
console.log(error);
|
|
|
})
|
|
|
// console.log(user_school);
|
|
|
this.props.form.setFieldsValue({
|
|
|
school:user_school,
|
|
|
starttime:moment(new Date(),dateFormat),
|
|
|
});
|
|
|
this.setState({
|
|
|
school:user_school,
|
|
|
Whethertocreateanewclassroom:true,
|
|
|
datatimetwo: moment(new Date(),dateFormat),
|
|
|
});
|
|
|
this.handleSearchschool(user_school);
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
componentDidUpdate(prevProps) {
|
|
|
if(prevProps.current_user !== this.props.current_user){
|
|
|
let user_school=this.props.current_user&&this.props.current_user.user_school;
|
|
|
this.props.form.setFieldsValue({
|
|
|
school:user_school,
|
|
|
});
|
|
|
this.setState({
|
|
|
school:user_school,
|
|
|
});
|
|
|
|
|
|
this.handleSearchschool(user_school);
|
|
|
}
|
|
|
}
|
|
|
onChangeTimepublishs = (date, dateString) => {
|
|
|
console.log("结束时间11111111111");
|
|
|
console.log(dateString);
|
|
|
|
|
|
if(dateString===""){
|
|
|
this.setState({
|
|
|
datatime: undefined,
|
|
|
})
|
|
|
console.log("结束时间111111111116");
|
|
|
|
|
|
this.props.form.setFieldsValue({
|
|
|
endtime:undefined,
|
|
|
});
|
|
|
}else{
|
|
|
console.log("结束时间111111111117");
|
|
|
|
|
|
this.setState({
|
|
|
datatime: dateString,
|
|
|
});
|
|
|
this.props.form.setFieldsValue({
|
|
|
endtime: moment(dateString, dateFormat),
|
|
|
});
|
|
|
}
|
|
|
|
|
|
};
|
|
|
onChangeTimepublishstwo = (date, dateString) => {
|
|
|
console.log("结束时间22222222222");
|
|
|
console.log(dateString);
|
|
|
if(dateString===""){
|
|
|
console.log("结束时间222222222223");
|
|
|
this.setState({
|
|
|
datatimetwo: undefined,
|
|
|
})
|
|
|
this.props.form.setFieldsValue({
|
|
|
starttime: undefined,
|
|
|
});
|
|
|
}else{
|
|
|
console.log("结束时间222222222224");
|
|
|
|
|
|
this.setState({
|
|
|
datatimetwo: dateString,
|
|
|
})
|
|
|
this.props.form.setFieldsValue({
|
|
|
starttime: moment(dateString, dateFormat),
|
|
|
});
|
|
|
}
|
|
|
|
|
|
};
|
|
|
cancelmodel = () => {
|
|
|
|
|
|
this.setState({
|
|
|
Modalstype: false,
|
|
|
Loadtype: false,
|
|
|
Modalstopval: "",
|
|
|
ModalCancel: "",
|
|
|
ModalSave: "",
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
scrollToAnchor = (anchorName) => {
|
|
|
if (anchorName) {
|
|
|
// 找到锚点
|
|
|
let anchorElement = document.getElementById(anchorName);
|
|
|
// 如果对应id的锚点存在，就跳转到锚点
|
|
|
window.scrollTo(0, anchorElement.offsetTop - window.innerHeight / 2);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//提交数据的地方
|
|
|
handleSubmit = (e) => {
|
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
|
let first_category_url=this.props.current_user.first_category_url;
|
|
|
let coursesId = this.props.match.params.coursesId;
|
|
|
var is_public =this.props.match.params.id;
|
|
|
let {datatime,datatimetwo} = this.state
|
|
|
// console.log(is_public)
|
|
|
if (coursesId != undefined) {
|
|
|
// 编辑
|
|
|
|
|
|
this.props.form.validateFields((err, values) => {
|
|
|
if (err) {
|
|
|
return;
|
|
|
}
|
|
|
// if(values.course===""||values.course===undefined){
|
|
|
// this.scrollToAnchor("iscourse")
|
|
|
// return
|
|
|
//
|
|
|
// }
|
|
|
// if(values.classroom===""||values.classroom===undefined){
|
|
|
// this.scrollToAnchor("isclassroom")
|
|
|
// return
|
|
|
// }
|
|
|
//
|
|
|
// if(values.school===""||values.school===undefined){
|
|
|
// // this.scrollToAnchor("isschool")
|
|
|
// return
|
|
|
//
|
|
|
// }
|
|
|
|
|
|
if(values.checkboxgroup.length===0){
|
|
|
this.setState({
|
|
|
Modalstype:true,
|
|
|
Modalstopval:"请您至少添加一个课堂模块，",
|
|
|
ModalsBottomval:"否则您将无法新建课堂。",
|
|
|
Loadtype:true,
|
|
|
ModalSave:()=>this.cancelmodel(),
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
|
|
|
|
|
|
if (!err) {
|
|
|
|
|
|
|
|
|
|
|
|
// console.log('Received values of form: ', values);
|
|
|
var datasysl={
|
|
|
// subject_id:128, //这是带过来的值 编辑就不要传值了
|
|
|
name: values.classroom,
|
|
|
class_period: values.period,
|
|
|
credit: parseFloat(values.credit),
|
|
|
start_date:moment(values.starttime).format("YYYY-MM-DD"),
|
|
|
end_date: moment(values.endtime).format("YYYY-MM-DD"),
|
|
|
is_public: this.state.is_public, //这是也是带过来的值
|
|
|
course_module_types: values.checkboxgroup,
|
|
|
school:values.school
|
|
|
};
|
|
|
try {
|
|
|
console.log("327");
|
|
|
console.log(datasysl);
|
|
|
// console.log(JSON.stringify(datasysl));
|
|
|
console.log("88887777");
|
|
|
console.log(moment(values.starttime).format("YYYY-MM-DD"));
|
|
|
console.log(moment(values.endtime).format("YYYY-MM-DD"));
|
|
|
}catch (e) {
|
|
|
|
|
|
}
|
|
|
|
|
|
let url = "/courses/" + coursesId + ".json";
|
|
|
axios.put(url,
|
|
|
datasysl
|
|
|
).then((response) => {
|
|
|
// debugger
|
|
|
if (response.data.status === 0) {
|
|
|
// this.goback()
|
|
|
|
|
|
window.location.href=first_category_url;
|
|
|
var yslGuideone = window.localStorage.getItem('yslGuideone');
|
|
|
try {
|
|
|
if(yslGuideone=== null){
|
|
|
window.localStorage.setItem('yslGuideone', "true");
|
|
|
return
|
|
|
}
|
|
|
if(yslGuideone=== undefined){
|
|
|
window.localStorage.setItem('yslGuideone', "true");
|
|
|
return
|
|
|
}
|
|
|
}catch (e) {
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}).catch((error) => {
|
|
|
console.log(error)
|
|
|
})
|
|
|
}
|
|
|
|
|
|
console.log("错误信息信息信息1");
|
|
|
console.log(err);
|
|
|
console.log(values.starttime);
|
|
|
console.log(values.endtime);
|
|
|
|
|
|
});
|
|
|
} else {
|
|
|
this.props.form.validateFields((err, values) => {
|
|
|
console.log("错误信息信息信息2");
|
|
|
console.log(err);
|
|
|
if (err) {
|
|
|
return;
|
|
|
}
|
|
|
// if(values.course===""||values.course===undefined){
|
|
|
// this.scrollToAnchor("iscourse")
|
|
|
// return
|
|
|
// }
|
|
|
// if(values.classroom===""||values.classroom===undefined){
|
|
|
// this.scrollToAnchor("isclassroom")
|
|
|
// return
|
|
|
// }
|
|
|
// if(values.school===""||values.school===undefined){
|
|
|
// // this.scrollToAnchor("isschool")
|
|
|
// return
|
|
|
//
|
|
|
// }
|
|
|
if (!err) {
|
|
|
// debugger
|
|
|
//新建
|
|
|
// console.log('Received values of form: ', values);
|
|
|
let subjectid = this.props.match.params.subjectid;
|
|
|
let url = "/courses.json";
|
|
|
var ysldatas={
|
|
|
subject_id:subjectid, //这是带过来的值
|
|
|
name: values.classroom,
|
|
|
class_period: values.period,
|
|
|
credit: parseFloat(values.credit),
|
|
|
start_date:moment(values.starttime).format("YYYY-MM-DD"),
|
|
|
end_date: moment(values.endtime).format("YYYY-MM-DD"),
|
|
|
is_public: is_public, //这是也是带过来的值
|
|
|
course_module_types: values.checkboxgroup,
|
|
|
school:values.school
|
|
|
};
|
|
|
try {
|
|
|
console.log("提交的ysldatas数据");
|
|
|
console.log(ysldatas);
|
|
|
// console.log(JSON.stringify(ysldatas));
|
|
|
console.log(moment(values.starttime).format("YYYY-MM-DD"));
|
|
|
console.log(moment(values.endtime).format("YYYY-MM-DD"));
|
|
|
}catch (e) {
|
|
|
|
|
|
}
|
|
|
|
|
|
axios.post(url,
|
|
|
ysldatas
|
|
|
).then((response) => {
|
|
|
if (response.status === 200) {
|
|
|
// this.goback
|
|
|
window.location.href=response.data.first_category_url;
|
|
|
var yslGuideone = window.localStorage.getItem('yslGuideone');
|
|
|
try {
|
|
|
if(yslGuideone=== null){
|
|
|
window.localStorage.setItem('yslGuideone', "true");
|
|
|
return
|
|
|
}
|
|
|
if(yslGuideone=== undefined){
|
|
|
window.localStorage.setItem('yslGuideone', "true");
|
|
|
return
|
|
|
}
|
|
|
}catch (e) {
|
|
|
|
|
|
}
|
|
|
}
|
|
|
}).catch((error) => {
|
|
|
console.log(error)
|
|
|
})
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
goback = () => {
|
|
|
|
|
|
// if(this.props.match.params.coursesId===undefined){
|
|
|
// this.props.history.push("/courses");
|
|
|
// }else{
|
|
|
// this.props.history.push(this.props.current_user.first_category_url);
|
|
|
// }
|
|
|
// window.history.go(-1)
|
|
|
if(this.state.Whethertocreateanewclassroom===true){
|
|
|
var subjectids=this.props.match.params.subjectid;
|
|
|
window.location.href=`/paths/${subjectids}`
|
|
|
}else{
|
|
|
// this.props.history.goBack();
|
|
|
window.location.href=`/courses/${this.props.match.params.coursesId}/informs`
|
|
|
}
|
|
|
}
|
|
|
|
|
|
onCheckAllChange = (e) => {
|
|
|
// console.log(e.target.checked)
|
|
|
this.setState({
|
|
|
is_public: e.target.checked == true ? 1 : 0,
|
|
|
});
|
|
|
}
|
|
|
onchanges =(e)=>{
|
|
|
this.setState({
|
|
|
Realnamecertification:e.target.checked,
|
|
|
})
|
|
|
// console.log(e.target.checked);
|
|
|
}
|
|
|
onchangess=(e)=>{
|
|
|
this.setState({
|
|
|
Professionalcertification:e.target.checked,
|
|
|
})
|
|
|
// console.log(e.target.checked);
|
|
|
}
|
|
|
Searchvalue=(value)=>{
|
|
|
|
|
|
let url="/courses/search_course_list.json";
|
|
|
axios.post(url,{
|
|
|
search:value
|
|
|
}).then((result)=>{
|
|
|
// console.log(result.data)
|
|
|
if (result.data.message===undefined) {
|
|
|
|
|
|
this.setState({
|
|
|
searchlist: result.data.course_lists,
|
|
|
// course:value,
|
|
|
|
|
|
})
|
|
|
}
|
|
|
// this.props.form.setFieldsValue({
|
|
|
// course:value
|
|
|
// })
|
|
|
}).catch((error)=>{
|
|
|
console.log(error)
|
|
|
})
|
|
|
}
|
|
|
handleSearch=(value)=>{
|
|
|
|
|
|
|
|
|
if(value!=""){
|
|
|
this.props.form.setFieldsValue({
|
|
|
classroom:value,
|
|
|
// course:value
|
|
|
});
|
|
|
this.Searchvalue(value)
|
|
|
}
|
|
|
|
|
|
};
|
|
|
|
|
|
handleChange=(value)=>{
|
|
|
|
|
|
this.props.form.setFieldsValue({
|
|
|
// course:value,
|
|
|
classroom:value
|
|
|
})
|
|
|
};
|
|
|
|
|
|
handleSearchschool=(value)=>{
|
|
|
|
|
|
if(value!="") {
|
|
|
// this.props.form.setFieldsValue({
|
|
|
// // school: value,
|
|
|
// fetching: true,
|
|
|
// });
|
|
|
this.setState({
|
|
|
fetching: true,
|
|
|
school: value
|
|
|
})
|
|
|
this.getschool(value)
|
|
|
}
|
|
|
};
|
|
|
|
|
|
handleChangeschools=(value)=>{
|
|
|
|
|
|
// this.props.form.setFieldsValue({
|
|
|
// // school: value,
|
|
|
// fetching: true,
|
|
|
// });
|
|
|
// this.setState({
|
|
|
// fetching: true
|
|
|
// })
|
|
|
}
|
|
|
|
|
|
handleChangeschool=(value)=>{
|
|
|
|
|
|
this.setState({
|
|
|
school:value
|
|
|
});
|
|
|
this.props.form.setFieldsValue({
|
|
|
school:value,
|
|
|
})
|
|
|
};
|
|
|
|
|
|
getschool=(value)=>{
|
|
|
// this.props.form.setFieldsValue({
|
|
|
// school: value
|
|
|
// })
|
|
|
let url="/schools/school_list.json";
|
|
|
axios.get(url,{
|
|
|
params: {
|
|
|
search: value
|
|
|
}
|
|
|
}).then((result)=>{
|
|
|
if(result){
|
|
|
if (result.data.status===0) {
|
|
|
this.setState({
|
|
|
searchlistscholl: result.data.school_names,
|
|
|
|
|
|
})
|
|
|
if(result.data.school_names.length!=0){
|
|
|
this.setState({
|
|
|
fetching: false
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}).catch((error)=>{
|
|
|
console.log(error)
|
|
|
})
|
|
|
}
|
|
|
showApplyForAddOrgModal = () => {
|
|
|
this.applyForAddOrgForm.setVisible(true)
|
|
|
}
|
|
|
render() {
|
|
|
let {datatime,datatimetwo,school,searchlistscholl,Whethertocreateanewclassroom,addonAfteronelenone,addonAfteronelentwo} = this.state;
|
|
|
const {getFieldDecorator} = this.props.form;
|
|
|
const propsWithoutForm = Object.assign({}, this.props)
|
|
|
delete propsWithoutForm.form
|
|
|
const options = this.state.searchlist && this.state.searchlist.map(d => <Option key={d.name} value={d.name}>{d.name}</Option>);
|
|
|
const optionschool = this.state.searchlistscholl===undefined?"":this.state.searchlistscholl===null?"":this.state.searchlistscholl==="[]"?"":this.state.searchlistscholl.map(z => <Option key={z} value={z}>{z}</Option>);
|
|
|
// console.log(this.props.current_user.user_school)
|
|
|
// form合并了
|
|
|
// console.log("获取到的数据");
|
|
|
// console.log(this.state);
|
|
|
// console.log(this.props);
|
|
|
// console.log(this.props.current_user);
|
|
|
var addonAfterone=this.props.form&&this.props.form.getFieldValue('period');
|
|
|
var addonAfteronelen=0;
|
|
|
if(addonAfterone){
|
|
|
addonAfteronelen=String(addonAfterone).length;
|
|
|
}
|
|
|
var addonAftertwo=this.props.form&&this.props.form.getFieldValue('credit');
|
|
|
var addonAfteronelens=0;
|
|
|
if(addonAftertwo){
|
|
|
addonAfteronelens=String(addonAftertwo).length;
|
|
|
}
|
|
|
console.log(addonAfteronelenone);
|
|
|
console.log(addonAfteronelentwo);
|
|
|
return (
|
|
|
<React.Fragment>
|
|
|
|
|
|
<div>
|
|
|
<style>
|
|
|
{
|
|
|
`
|
|
|
|
|
|
.color-green-light {
|
|
|
color: #45E660!important;
|
|
|
}
|
|
|
|
|
|
`
|
|
|
}
|
|
|
</style>
|
|
|
<ApplyForAddOrgModal ref="applyForAddOrgModal" wrappedComponentRef={(form) => this.applyForAddOrgForm = form} schoolName={school}
|
|
|
{...propsWithoutForm}></ApplyForAddOrgModal>
|
|
|
{/*提示*/}
|
|
|
<Modals
|
|
|
modalsType={this.state.Modalstype}
|
|
|
modalsTopval={this.state.Modalstopval}
|
|
|
modalCancel={this.state.ModalCancel}
|
|
|
modalSave={this.state.ModalSave}
|
|
|
modalsBottomval={this.state.ModalsBottomval}
|
|
|
loadtype={this.state.Loadtype}
|
|
|
/>
|
|
|
|
|
|
<div className="newMain clearfix">
|
|
|
|
|
|
<div className={"educontent mb20"}>
|
|
|
{/*<Breadcrumb className="mt10" separator=">">*/}
|
|
|
{/* <Breadcrumb.Item>*/}
|
|
|
{/* <a href="/courses">翻转课堂</a>*/}
|
|
|
{/* </Breadcrumb.Item>*/}
|
|
|
{/* <Breadcrumb.Item>{Whethertocreateanewclassroom===true?"新建课堂":"编辑课堂"}</Breadcrumb.Item>*/}
|
|
|
{/*</Breadcrumb>*/}
|
|
|
<p className="clearfix mb20 mt10">
|
|
|
<a className="btn colorgrey fl hovercolorblue " href="/courses">翻转课堂</a>
|
|
|
<span className="color-grey-9 fl ml3 mr3">></span>
|
|
|
<WordsBtn className="fl">{Whethertocreateanewclassroom===true?"新建课堂":"编辑课堂"}</WordsBtn>
|
|
|
</p>
|
|
|
|
|
|
<div style={{width: '100%', height: '70px'}}>
|
|
|
<p className=" fl color-black mt18 summaryname">{Whethertocreateanewclassroom===true ? "新建课堂" : "编辑课堂"}</p>
|
|
|
<a onClick={this.goback} className="color-grey-6 fr font-16 ml30 mt18 mr20"></a>
|
|
|
</div>
|
|
|
<style>
|
|
|
{`
|
|
|
.ant-col-12{
|
|
|
width:800px;
|
|
|
}
|
|
|
`}
|
|
|
</style>
|
|
|
|
|
|
<Form onSubmit={this.handleSubmit} className={"edu-back-white newcourses"}>
|
|
|
{/*内容*/}
|
|
|
<style>
|
|
|
{`
|
|
|
.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;
|
|
|
}
|
|
|
|
|
|
.construction .ant-select-selection__placeholder, .ant-select-search__field__placeholder {
|
|
|
line-height: 28px;
|
|
|
z-index: 2000;
|
|
|
}
|
|
|
`}
|
|
|
</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>
|
|
|
{
|
|
|
`
|
|
|
.ml19{
|
|
|
margin-left:19px;
|
|
|
} }
|
|
|
`
|
|
|
}
|
|
|
</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="例如：数据结构"
|
|
|
>
|
|
|
{options}
|
|
|
</AutoComplete>
|
|
|
)}
|
|
|
{/*<span className={"newcoursestitle fl"}>*/}
|
|
|
{/* /!*（如果本学期包含多个班级，只需创建一个课堂然后在课堂内部建立不同的分班）*!/*/}
|
|
|
{/* <p className="ant-progress-text">*/}
|
|
|
{/* <Icon style={{ color: '#52c41a' }} type="check-circle" theme="filled"/>*/}
|
|
|
{/* <span className={"color-grey-9 font-12 ml5"}>正确示例：数据结构2019春季班级</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='isclassroom'></div>
|
|
|
</Form.Item>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div className="stud-class-set bor-bottom-greyE padding1020 coursenavbox coursenavboxtow yslinputcourput">
|
|
|
<style>
|
|
|
{`
|
|
|
.ant-form-item{
|
|
|
margin-bottom: 10px !important;
|
|
|
}
|
|
|
`}
|
|
|
</style>
|
|
|
<style>{
|
|
|
`
|
|
|
.yslzxueshi .ant-input{
|
|
|
border-right: none !important;
|
|
|
height: 40px !important;
|
|
|
width: 236px !important
|
|
|
}
|
|
|
.yslzxueshi .ant-input-group {
|
|
|
width: 280px !important;
|
|
|
|
|
|
}
|
|
|
.yslzxueshi .ant-input-group-addon{
|
|
|
width: 44px !important;
|
|
|
background-color: #fafafa!important;
|
|
|
}
|
|
|
`
|
|
|
}</style>
|
|
|
<Form.Item
|
|
|
label="总学时"
|
|
|
hasFeedback
|
|
|
>
|
|
|
{getFieldDecorator("period",
|
|
|
{
|
|
|
rules:[{
|
|
|
pattern: new RegExp(/^[0-9]+([.]{1}[0-9]+){0,1}$/, "g"),
|
|
|
message: '必须是数值'
|
|
|
},
|
|
|
{
|
|
|
max:5,
|
|
|
message: '不能超过5个字符',
|
|
|
}]}
|
|
|
)(
|
|
|
<Input id="period" placeholder="例如：30" className="yslzxueshi" addonAfter={String(addonAfteronelen)+"/5"} maxLength={5}/>
|
|
|
)}
|
|
|
</Form.Item>
|
|
|
<Form.Item
|
|
|
label="学分"
|
|
|
hasFeedback
|
|
|
>
|
|
|
{getFieldDecorator("credit",
|
|
|
{
|
|
|
rules:[{
|
|
|
pattern: new RegExp(/^[0-9]+([.]{1}[0-9]+){0,1}$/, "g"),
|
|
|
message: '必须是数值'
|
|
|
},
|
|
|
{
|
|
|
max:5,
|
|
|
message: '不能超过5个字符',
|
|
|
}
|
|
|
]}
|
|
|
)(
|
|
|
<Input id="credit" placeholder="例如：3" className="yslzxueshi" addonAfter={String(addonAfteronelens)+"/5"} maxLength={5}/>
|
|
|
)}
|
|
|
</Form.Item>
|
|
|
<Form.Item
|
|
|
label="开始时间"
|
|
|
>
|
|
|
{getFieldDecorator("starttime", {
|
|
|
rules: [{type: 'object',required: true, message: "开始时间不能为空"}],
|
|
|
})(
|
|
|
<span className="fl mt5">
|
|
|
<DatePicker
|
|
|
showToday={false}
|
|
|
placeholder="请选择开始时间"
|
|
|
// showTime={{format: 'HH:mm'}}
|
|
|
locale={locale}
|
|
|
format={dateFormat}
|
|
|
width={"210px"}
|
|
|
value={datatimetwo === undefined ? "" :datatimetwo === null ? "" : moment(datatimetwo, dateFormat)}
|
|
|
disabledTime={disabledDateTime}
|
|
|
disabledDate={this.isabledStartDate}
|
|
|
dropdownClassName="hideDisable"
|
|
|
onChange={this.onChangeTimepublishstwo}
|
|
|
/>
|
|
|
</span>
|
|
|
)}
|
|
|
</Form.Item>
|
|
|
<Form.Item
|
|
|
label="结束时间"
|
|
|
>
|
|
|
{getFieldDecorator("endtime", {
|
|
|
rules: [{type: 'object',
|
|
|
required: true, message: "结束时间不能为空"}],
|
|
|
})(
|
|
|
<span className="fl mt5">
|
|
|
<DatePicker
|
|
|
showToday={false}
|
|
|
placeholder="请选择结束时间"
|
|
|
// showTime={{format: 'HH:mm'}}
|
|
|
locale={locale}
|
|
|
format={dateFormat}
|
|
|
width={"210px"}
|
|
|
value={datatime === undefined ? "" :datatime === null ? "" : moment(datatime, dateFormat)}
|
|
|
disabledTime={disabledDateTime}
|
|
|
disabledDate={this.disabledEndDate}
|
|
|
dropdownClassName="hideDisable"
|
|
|
onChange={this.onChangeTimepublishs}
|
|
|
/>
|
|
|
</span>
|
|
|
)}
|
|
|
</Form.Item>
|
|
|
</div>
|
|
|
|
|
|
<div className="stud-class-set bor-bottom-greyE padding10200 coursenavbox">
|
|
|
<Form.Item
|
|
|
label="课堂模块"
|
|
|
hasFeedback
|
|
|
>
|
|
|
|
|
|
{getFieldDecorator("checkboxgroup", {
|
|
|
initialValue: [
|
|
|
"announcement","online_learning","shixun_homework","common_homework",
|
|
|
],
|
|
|
})(
|
|
|
<Checkbox.Group style={{width: "800px", marginTop: "10px"}}>
|
|
|
<Checkbox value={"announcement"} className="fl" defaultChecked disabled>公告栏</Checkbox>
|
|
|
<Checkbox value={"online_learning"} className="fl" defaultChecked disabled>在线学习</Checkbox>
|
|
|
<Checkbox value={"shixun_homework"} className="fl">实训作业</Checkbox>
|
|
|
<Checkbox value={"common_homework"} className="fl">普通作业</Checkbox>
|
|
|
<Checkbox value={"exercise"} className="fl">试卷</Checkbox>
|
|
|
<Checkbox value={"poll"} className="fl">问卷</Checkbox>
|
|
|
<Checkbox value={"attachment"} className="fl">资源</Checkbox>
|
|
|
<Checkbox value={"board"} className="fl">讨论</Checkbox>
|
|
|
<Checkbox value={"course_group"} className="fl">分班</Checkbox>
|
|
|
</Checkbox.Group>
|
|
|
)}
|
|
|
</Form.Item>
|
|
|
</div>
|
|
|
{/*<div className="stud-class-set bor-bottom-greyE padding10200 coursenavbox height100px" >*/}
|
|
|
{/* <span className={"fl"}>*/}
|
|
|
{/* <Form.Item*/}
|
|
|
{/* label="加入课堂条件"*/}
|
|
|
{/* style={{margin: 0}}*/}
|
|
|
{/* >*/}
|
|
|
{/* {getFieldDecorator("Realnamecertification")(*/}
|
|
|
{/* <Checkbox checked={this.state.Realnamecertification} onChange={this.onchanges}>已实名认证</Checkbox>*/}
|
|
|
{/* // <Checkbox.Group style={{ width: "800px",marginTop: "10px"}}>*/}
|
|
|
{/* // <Checkbox value={"authentication"} className="fl">已实名认证</Checkbox>*/}
|
|
|
{/* // <Checkbox value={"professional_certification"} className="fl">已职业认证 <span className="ml30" > (勾选，则通过邀请码加入课堂的用户,需要完成相关认证才能加入课堂)</span></Checkbox>*/}
|
|
|
{/* // </Checkbox.Group>*/}
|
|
|
{/* )}*/}
|
|
|
{/* </Form.Item>*/}
|
|
|
{/* </span>*/}
|
|
|
{/* <span className={"fl mt40"}>*/}
|
|
|
{/* <Form.Item*/}
|
|
|
{/* label=""*/}
|
|
|
{/* >*/}
|
|
|
{/* {getFieldDecorator("Professionalcertification")(*/}
|
|
|
{/* <Checkbox checked={this.state.Professionalcertification} onChange={this.onchangess}>已职业认证<span*/}
|
|
|
{/* className="coursesselects"> (勾选，则通过邀请码加入课堂的用户,需要完成相关认证才能加入课堂)</span></Checkbox>*/}
|
|
|
{/* )}*/}
|
|
|
{/* </Form.Item>*/}
|
|
|
{/* </span>*/}
|
|
|
{/*</div>*/}
|
|
|
{/*<div className="stud-class-set padding10200 coursenavbox bor-bottom-greyE">*/}
|
|
|
{/* <Form.Item*/}
|
|
|
{/* label="公开设置"*/}
|
|
|
{/* hasFeedback*/}
|
|
|
{/* >*/}
|
|
|
{/* {getFieldDecorator("publicclass")(*/}
|
|
|
{/* <Checkbox id="publicclass"*/}
|
|
|
{/* onChange={this.onCheckAllChange}*/}
|
|
|
{/* checked={this.state.is_public}*/}
|
|
|
{/* className="fl">公开课堂</Checkbox>*/}
|
|
|
{/* )}*/}
|
|
|
{/* <span className={"coursesselect"}>（选中后本课堂对所有用户可见，否则仅本课堂成员可见）</span>*/}
|
|
|
{/* </Form.Item>*/}
|
|
|
{/*</div>*/}
|
|
|
|
|
|
<div className="stud-class-set padding10200 mb20">
|
|
|
<Form.Item label="课堂所属单位">
|
|
|
{getFieldDecorator('school', {
|
|
|
rules: [{required: true, message: "不能为空"}],
|
|
|
})(
|
|
|
<AutoComplete style={{ width: 280 }}
|
|
|
onSearch={this.handleSearchschool}
|
|
|
// onChange={this.handleChangeschools}
|
|
|
className={"fl construction mr10 "}
|
|
|
placeholder="请输入并选择课本堂的所属单位"
|
|
|
>
|
|
|
{optionschool}
|
|
|
</AutoComplete>
|
|
|
)}
|
|
|
<span className={"newcoursestitle fl"}>
|
|
|
{/*（输入内容出现匹配的下拉菜单←同账号管理的单位信息填写）*/}
|
|
|
</span>
|
|
|
<div id='isschool'></div>
|
|
|
</Form.Item>
|
|
|
|
|
|
{searchlistscholl.length===0&&this.state.fetching===true?<div style={{height:"20px",lineHeight:"20px"}} className="ml20">
|
|
|
<span>
|
|
|
<span style={{color: '#CDCDCD'}}>未找到包含“{school}”的高校，</span>
|
|
|
<span style={{color: '#4CACFF', cursor: 'pointer'}} onClick={this.showApplyForAddOrgModal}>申请新增</span>
|
|
|
</span>
|
|
|
</div>:""}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div className={"FAFAFA"}>
|
|
|
<Form.Item >
|
|
|
<div className="clearfix mt40 mb30">
|
|
|
<Button type="primary" htmlType="submit" className="defalutSubmitbtn fl mr20">
|
|
|
提交
|
|
|
</Button>
|
|
|
{/*<a className="defalutSubmitbtn fl mr20">提交</a>*/}
|
|
|
<a className="defalutCancelbtn fl" onClick={this.goback}>取消</a>
|
|
|
</div>
|
|
|
</Form.Item>
|
|
|
</div>
|
|
|
</Form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</React.Fragment>
|
|
|
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
const WrappedCoursesNewAppGoldclass = Form.create({name: 'goldsubject'})(Goldsubject);
|
|
|
|
|
|
export default WrappedCoursesNewAppGoldclass;
|
|
|
|
|
|
|
