From fcff8aff77bb626eb3b83e811d53a71aac2c5b35 Mon Sep 17 00:00:00 2001
From: cxz66666 <1092889706@qq.com>
Date: Wed, 9 Sep 2020 20:38:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8D=A2=E6=88=90=E5=8E=9F=E6=9D=A5=E7=9A=84?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=EF=BC=8C=E6=B7=BB=E5=8A=A0=E5=88=86=E7=95=8C?=
 =?UTF-8?q?=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Entry.js            |  5 +++-
 src/components/Sheet.js | 64 +++++++++++++++++++++++++++++++++++++----
 2 files changed, 62 insertions(+), 7 deletions(-)

diff --git a/src/Entry.js b/src/Entry.js
index 9a2bcc9..8079e9e 100644
--- a/src/Entry.js
+++ b/src/Entry.js
@@ -3,7 +3,7 @@ import Sheet from "./components/Sheet";
 import { BackTop, Layout } from "antd";
 import Background from "./background2.jpg";
 import UploadToOSS from "./components/UploadToOSS";
-
+import qrqq from "./picture/qr-qq.jpg";
 class Entry extends React.Component {
   state = {
     stuid: null,
@@ -35,6 +35,9 @@ class Entry extends React.Component {
           </center>
           <Sheet setID={this.setID} />
           <BackTop visibilityHeight={200} />
+          <h2 style={{ margin: "20px 0 20px 0", textAlign: "center" }}>
+            提交报名表后，我们强烈建议您加入QQ纳新咨询群，群号:1234567890
+          </h2>
           <p style={{ textAlign: "center" }}>
             浙江大学学生E志者协会©2020 Created by EVATech
           </p>
diff --git a/src/components/Sheet.js b/src/components/Sheet.js
index fee8eca..dc9467d 100644
--- a/src/components/Sheet.js
+++ b/src/components/Sheet.js
@@ -1,6 +1,6 @@
 import React from "react";
 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 { confirmAlert } from "react-confirm-alert";
 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;
 
     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="姓名">
           {getFieldDecorator("name", {
             rules: [
@@ -281,7 +311,16 @@ class NewForm extends React.Component {
             ],
           })(<Input.TextArea autosize={{ minRows: 2, maxRows: 8 }} />)}
         </Form.Item>
-
+        <Divider
+          orientation="left"
+          style={{
+            fontSize: 19,
+            fontWeight: "bold",
+            margin: "20px 0px 25px 10%",
+          }}
+        >
+          Pick你的最爱
+        </Divider>
         <Form.Item label="第一志愿（三个志愿请不要重复选择）">
           {getFieldDecorator("firstWish", {
             rules: [
@@ -363,7 +402,8 @@ class NewForm extends React.Component {
           onChange={() => {
             if (this.props.form.getFieldValue("adjustment") === true)
               message.warning(
-                "往届两技术部报名人数较多，选择调剂表示存在您被分配到第二、三志愿的可能，请审慎选择。"
+                "往届两技术部报名人数较多，选择调剂表示存在您被分配到第二、三志愿的可能，请审慎选择。",
+                6
               );
           }}
         >
@@ -383,6 +423,7 @@ class NewForm extends React.Component {
         </Form.Item>
 
         <Form.Item
+          {...questionItemLayout}
           label={this.state.firstWish ? questions[this.state.firstWish][0] : ""}
           style={this.state.WishValid ? {} : { display: "none" }}
         >
@@ -397,6 +438,7 @@ class NewForm extends React.Component {
         </Form.Item>
 
         <Form.Item
+          {...questionItemLayout}
           label={this.state.firstWish ? questions[this.state.firstWish][1] : ""}
           style={this.state.WishValid ? {} : { display: "none" }}
         >
@@ -411,6 +453,7 @@ class NewForm extends React.Component {
         </Form.Item>
 
         <Form.Item
+          {...questionItemLayout}
           label={
             this.state.secondWish ? questions[this.state.secondWish][0] : ""
           }
@@ -425,7 +468,16 @@ class NewForm extends React.Component {
             ],
           })(<Input.TextArea autosize={{ minRows: 2, maxRows: 8 }} />)}
         </Form.Item>
-
+        <Divider
+          orientation="left"
+          style={{
+            fontSize: 19,
+            fontWeight: "bold",
+            margin: "20px 0px 25px 10%",
+          }}
+        >
+          小E想听你说
+        </Divider>
         <Form.Item label="你希望未来能在E志者协会得到什么？又能为E志付出什么？">
           {getFieldDecorator("question2", {
             rules: [