换成原来的布局,添加分界线
continuous-integration/drone/push Build is passing Details

master
cxz66666 2020-09-09 20:38:34 +08:00
parent bb525c2cd0
commit fcff8aff77
2 changed files with 62 additions and 7 deletions

View File

@ -3,7 +3,7 @@ import Sheet from "./components/Sheet";
import { BackTop, Layout } from "antd"; import { BackTop, Layout } from "antd";
import Background from "./background2.jpg"; import Background from "./background2.jpg";
import UploadToOSS from "./components/UploadToOSS"; import UploadToOSS from "./components/UploadToOSS";
import qrqq from "./picture/qr-qq.jpg";
class Entry extends React.Component { class Entry extends React.Component {
state = { state = {
stuid: null, stuid: null,
@ -35,6 +35,9 @@ class Entry extends React.Component {
</center> </center>
<Sheet setID={this.setID} /> <Sheet setID={this.setID} />
<BackTop visibilityHeight={200} /> <BackTop visibilityHeight={200} />
<h2 style={{ margin: "20px 0 20px 0", textAlign: "center" }}>
提交报名表后我们强烈建议您加入QQ纳新咨询群群号:1234567890
</h2>
<p style={{ textAlign: "center" }}> <p style={{ textAlign: "center" }}>
浙江大学学生E志者协会©2020 Created by EVATech 浙江大学学生E志者协会©2020 Created by EVATech
</p> </p>

View File

@ -1,6 +1,6 @@
import React from "react"; import React from "react";
import axios from "axios"; import axios from "axios";
import { Button, Form, Input, Icon, Radio, message } from "antd"; import { Button, Form, Input, Icon, Radio, message, Divider } from "antd";
import "antd/dist/antd.css"; import "antd/dist/antd.css";
import { confirmAlert } from "react-confirm-alert"; import { confirmAlert } from "react-confirm-alert";
import "react-confirm-alert/src/react-confirm-alert.css"; import "react-confirm-alert/src/react-confirm-alert.css";
@ -163,11 +163,41 @@ class NewForm extends React.Component {
}, },
}, },
}; };
const formItemLayout = {
labelCol: {
xs: { span: 24 },
sm: { span: 8 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 12 },
},
};
const questionItemLayout = {
labelAlign: "left",
labelCol: {
xs: { span: 24 },
sm: { span: 18, offset: 4 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 11, offset: 4 },
},
};
const { getFieldDecorator } = this.props.form; const { getFieldDecorator } = this.props.form;
return ( return (
<Form layout="vertical" onSubmit={this.handleSubmit}> <Form {...formItemLayout} onSubmit={this.handleSubmit}>
<Divider
orientation="left"
style={{
fontSize: 19,
fontWeight: "bold",
margin: "20px 0px 25px 10%",
}}
>
基本信息
</Divider>
<Form.Item label="姓名"> <Form.Item label="姓名">
{getFieldDecorator("name", { {getFieldDecorator("name", {
rules: [ rules: [
@ -281,7 +311,16 @@ class NewForm extends React.Component {
], ],
})(<Input.TextArea autosize={{ minRows: 2, maxRows: 8 }} />)} })(<Input.TextArea autosize={{ minRows: 2, maxRows: 8 }} />)}
</Form.Item> </Form.Item>
<Divider
orientation="left"
style={{
fontSize: 19,
fontWeight: "bold",
margin: "20px 0px 25px 10%",
}}
>
Pick你的最爱
</Divider>
<Form.Item label="第一志愿(三个志愿请不要重复选择)"> <Form.Item label="第一志愿(三个志愿请不要重复选择)">
{getFieldDecorator("firstWish", { {getFieldDecorator("firstWish", {
rules: [ rules: [
@ -363,7 +402,8 @@ class NewForm extends React.Component {
onChange={() => { onChange={() => {
if (this.props.form.getFieldValue("adjustment") === true) if (this.props.form.getFieldValue("adjustment") === true)
message.warning( message.warning(
"往届两技术部报名人数较多,选择调剂表示存在您被分配到第二、三志愿的可能,请审慎选择。" "往届两技术部报名人数较多,选择调剂表示存在您被分配到第二、三志愿的可能,请审慎选择。",
6
); );
}} }}
> >
@ -383,6 +423,7 @@ class NewForm extends React.Component {
</Form.Item> </Form.Item>
<Form.Item <Form.Item
{...questionItemLayout}
label={this.state.firstWish ? questions[this.state.firstWish][0] : ""} label={this.state.firstWish ? questions[this.state.firstWish][0] : ""}
style={this.state.WishValid ? {} : { display: "none" }} style={this.state.WishValid ? {} : { display: "none" }}
> >
@ -397,6 +438,7 @@ class NewForm extends React.Component {
</Form.Item> </Form.Item>
<Form.Item <Form.Item
{...questionItemLayout}
label={this.state.firstWish ? questions[this.state.firstWish][1] : ""} label={this.state.firstWish ? questions[this.state.firstWish][1] : ""}
style={this.state.WishValid ? {} : { display: "none" }} style={this.state.WishValid ? {} : { display: "none" }}
> >
@ -411,6 +453,7 @@ class NewForm extends React.Component {
</Form.Item> </Form.Item>
<Form.Item <Form.Item
{...questionItemLayout}
label={ label={
this.state.secondWish ? questions[this.state.secondWish][0] : "" this.state.secondWish ? questions[this.state.secondWish][0] : ""
} }
@ -425,7 +468,16 @@ class NewForm extends React.Component {
], ],
})(<Input.TextArea autosize={{ minRows: 2, maxRows: 8 }} />)} })(<Input.TextArea autosize={{ minRows: 2, maxRows: 8 }} />)}
</Form.Item> </Form.Item>
<Divider
orientation="left"
style={{
fontSize: 19,
fontWeight: "bold",
margin: "20px 0px 25px 10%",
}}
>
小E想听你说
</Divider>
<Form.Item label="你希望未来能在E志者协会得到什么又能为E志付出什么"> <Form.Item label="你希望未来能在E志者协会得到什么又能为E志付出什么">
{getFieldDecorator("question2", { {getFieldDecorator("question2", {
rules: [ rules: [