|
|
|
@ -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>
|
|
|
|
|
);
|
|
|
|
|