diff --git a/src/components/ChooseTime.js b/src/components/ChooseTime.js index cce23ce..2ef1bb2 100644 --- a/src/components/ChooseTime.js +++ b/src/components/ChooseTime.js @@ -1,6 +1,6 @@ import React from "react"; import axios from "axios"; -import {Button,Form,Spin,message,Checkbox,Alert,BackTop,Layout,Card,List,notification} from "antd"; +import {Button,Form,Spin,message,Checkbox,Alert,BackTop,Layout,Card,List} from "antd"; import "antd/dist/antd.css"; import { confirmAlert } from "react-confirm-alert"; import "react-confirm-alert/src/react-confirm-alert.css"; @@ -147,18 +147,6 @@ class TimePicker extends React.Component { }, }; - const tailFormItemLayout = { - wrapperCol: { - xs: { - span: 24, - offset: 0, - }, - sm: { - span: 16, - offset: 8, - }, - }, - }; const { getFieldDecorator } = this.props.form; if (this.state.confirmed) { diff --git a/src/components/Sheet.js b/src/components/Sheet.js index 2abd144..a5a7fcb 100644 --- a/src/components/Sheet.js +++ b/src/components/Sheet.js @@ -8,12 +8,17 @@ import qs from "qs"; import successInform from "./Message"; class NewForm extends React.Component { + constructor() { + super(); + this.state = { WishValid:false,firstWish:undefined,secondWish:undefined }; + } componentDidMount() { this.loadLocalStorage(); + this.props.form.validateFields(['firstWish'], { force: true }); } loadLocalStorage = () => { const values = JSON.parse(localStorage.getItem("formCache") || "{}"); - this.props.setID(values.id_student) + this.props.setID(values.id_student); this.props.form.setFieldsValue(values); }; saveLocalStorage = () => { @@ -36,7 +41,7 @@ class NewForm extends React.Component { label: "Yes", onClick: () => { validateFieldsAndScroll((err, values) => { - if (err) { + if(err) { message.error("填写不正确,请按照提示修改"); } else { // console.log(values); @@ -90,34 +95,32 @@ class NewForm extends React.Component { }; validator = (rule, value, callback) => { - try{ - const form = this.props.form - var firstWish = value - var secondWish = form.getFieldValue('secondWish') - var thirdWish = form.getFieldValue('thirdWish') - if(firstWish === undefined ||secondWish === undefined ||thirdWish === undefined){ - throw("请完整填写三个志愿") - } - if(firstWish === secondWish||firstWish === thirdWish ||secondWish === thirdWish){ - throw("三个志愿不能重复") - } - }catch(err){ - callback(err) + this.setState({WishValid:true}) + const form = this.props.form + var firstWish = value + var secondWish = form.getFieldValue('secondWish') + var thirdWish = form.getFieldValue('thirdWish') + this.setState({firstWish:firstWish,secondWish:secondWish}) + try{ + if(firstWish === undefined ||secondWish === undefined ||thirdWish === undefined){ + throw("请完整填写三个志愿") } - callback() + if(firstWish === secondWish||firstWish === thirdWish ||secondWish === thirdWish){ + throw("三个志愿不能重复") + } + }catch(err){ + this.setState({WishValid:false}) + callback(err) } - + callback() + } render() { - const formItemLayout = { - labelCol: { - xs: { span: 24 }, - sm: { span: 8 }, - }, - wrapperCol: { - xs: { span: 24 }, - sm: { span: 12 }, - }, - }; + const questions = [[], + ["1","2"], + ["3","4"], + ["5","6"], + ["7","8"], + ["9","10"]] const tailFormItemLayout = { wrapperCol: { @@ -135,7 +138,7 @@ class NewForm extends React.Component { const { getFieldDecorator } = this.props.form; return ( -