教师端调整

PCqiandao
杨树明 5 years ago
parent 4e58cb19cc
commit 27dda4d8ed

@ -4,14 +4,46 @@ import { Modal , Form, Input, Radio,DatePicker, TimePicker,Select} from 'antd';
const CollectionCreateForm = Form.create({ name: 'form_in_modal' })(
class extends React.Component {
constructor(props){
super(props);
this.state = {
index:1,
addGroup:true,
navid:undefined,
sandiantype:undefined,
twosandiantype:undefined,
addCheckboxGroup:[],
Navmodalname:"",
Navmodalnametype:false,
Navmodaltypename:"",
setnavid:"",
NavmodalValue:"",
ModalsType:false,
Modalstopval:"",
loadtype:false,
selectnavid:false,
newselectnavid:undefined,
positiontype:undefined,
toopvisible:false,
toopvisibleindex:undefined,
toopvisibleindexs:undefined,
sandiantypes:undefined,
antIcon:false,
chapterupdate:false,
successFunc:undefined
}
}
render() {
const { visible, onCancel, onCreate, form } = this.props;
const { visible, form ,setRadio,Radiolist} = this.props;
const { getFieldDecorator } = form;
const { Option } = Select;
const formItemLayout = {
labelCol: { span: 4 },
wrapperCol: { span: 19},
};
return (
<Modal
visible={visible}
@ -29,11 +61,7 @@ const CollectionCreateForm = Form.create({ name: 'form_in_modal' })(
</Form.Item>
<Form.Item label="签到班级:">
{getFieldDecorator('select-multiple', {
rules: [
{ required: true, message: 'Please select your favourite colors!', type: 'array' },
],
})(
{getFieldDecorator('select-multiple')(
<Select mode="multiple" placeholder="Please select favourite colors">
<Option value="red">Red</Option>
<Option value="green">Green</Option>
@ -44,26 +72,33 @@ const CollectionCreateForm = Form.create({ name: 'form_in_modal' })(
<Form.Item label="签到方式:" className="collection-create-form_last-form-item">
{getFieldDecorator('modifier', {
initialValue: 'public',
rules: [{ required: true, message: 'Please input the title of collection!' }],
})(
<Radio.Group>
<Radio value="public">Public</Radio>
<Radio value="private">Private</Radio>
<Radio value="private">Private</Radio>
<Radio.Group onChange={setRadio}>
<Radio value="QUICK">快捷签到</Radio>
<Radio value="NUMBER">签到码签到</Radio>
<Radio value="QRCODE">二维码签到</Radio>
</Radio.Group>,
)}
{Radiolist==="QUICK"?123213:""}
</Form.Item>
<Form.Item label="签到日期:">
{getFieldDecorator('date-picker', config)(<DatePicker />)}
{getFieldDecorator('date-picker', {
rules: [{ type: 'object', required: true, message: 'Please select time!' }],
})(<DatePicker />)}
</Form.Item>
<Form.Item label="开始时间:">
{getFieldDecorator('time-picker', config)(<TimePicker />)}
{getFieldDecorator('time-picker', {
rules: [{ type: 'object', required: true, message: 'Please select time!' }],
})(<TimePicker />)}
</Form.Item>
<Form.Item label="结束时间:">
{getFieldDecorator('time-picker', config)(<TimePicker />)}
{getFieldDecorator('time-picker', {
rules: [{ type: 'object', required: true, message: 'Please select time!' }],
})(<TimePicker />)}
</Form.Item>
</Form>
@ -74,12 +109,22 @@ const CollectionCreateForm = Form.create({ name: 'form_in_modal' })(
);
class Createsignmodel extends React.Component {
state = {
Radiolist: "",
};
setRadio=(e)=>{
this.setState({
Radiolist:e.target.value
})
}
render() {
return (
<React.Fragment>
<CollectionCreateForm
wrappedComponentRef={this.saveFormRef}
{...this.state}
visible={this.props.visible}
setRadio={(e)=>this.setRadio(e)}
/>
</React.Fragment>
);

Loading…
Cancel
Save