|
|
@@ -1,5 +1,5 @@
|
|
|
import React, { useState } from "react";
|
|
|
-import { Modal, Flex, Input, Typography, Checkbox, Button, Collapse } from "antd";
|
|
|
+import { Modal, Flex, Input, Typography, Checkbox, Button, Collapse,message } from "antd";
|
|
|
import "../asstes/css/Sidebar.css"
|
|
|
import axios from "axios";
|
|
|
|
|
|
@@ -14,6 +14,7 @@ import codeImg from '../asstes/img/fankuiCode.png'
|
|
|
|
|
|
|
|
|
function Sidebar() {
|
|
|
+ const [messageApi, contextHolder] = message.useMessage();
|
|
|
const [isModalOpen1, setIsModalOpen1] = useState(false);
|
|
|
const [isModalOpen2, setIsModalOpen2] = useState(false);
|
|
|
const [isModalOpen3, setIsModalOpen3] = useState(false);
|
|
|
@@ -21,7 +22,8 @@ function Sidebar() {
|
|
|
const [name, setName] = useState('');
|
|
|
const [phone, setPhone] = useState('');
|
|
|
const [school, setSchool] = useState('');
|
|
|
-
|
|
|
+ const [checkVlaue, setCheckValue] = useState(false);
|
|
|
+
|
|
|
const handleOk1 = () => {
|
|
|
setIsModalOpen1(false);
|
|
|
}
|
|
|
@@ -47,23 +49,35 @@ function Sidebar() {
|
|
|
}
|
|
|
const submit = () => {
|
|
|
// https://traininguser-api.cocorobo.cn/sendEmail
|
|
|
- console.log(name, school, phone)
|
|
|
+ console.log(name === '')
|
|
|
+ if (!checkVlaue) {
|
|
|
+ messageApi.info('請仔細閲讀我們服務條款和隱私政策，並選中');
|
|
|
+ return
|
|
|
+ }else if (name === '') {
|
|
|
+ messageApi.info('未輸入名字');
|
|
|
+ return
|
|
|
+ }else if(phone === ''){
|
|
|
+ messageApi.info('未輸入聯係方式');
|
|
|
+ return
|
|
|
+ }else if(school === ''){
|
|
|
+ messageApi.info('未輸入學校名稱');
|
|
|
+ return
|
|
|
+ }
|
|
|
let params = {
|
|
|
- content: "",
|
|
|
- content_type: "",
|
|
|
- email: "jidechao@cocorobo.cc,1025103647@qq.com,xujiawei@cocorobo.cc",
|
|
|
- subject: "训练平台"
|
|
|
+ content: `${school}的${name}申請使用CocoClass，聯係方式${phone}`,
|
|
|
+ content_type: "plain",
|
|
|
+ email: "niuqiannan@cocorobo.cc,xujiawei@cocorobo.cc",
|
|
|
+ subject: "CocoClass賬號申請"
|
|
|
}
|
|
|
- axios.post('https://traininguser-api.cocorobo.cn/sendEmail', {
|
|
|
- name: name,
|
|
|
- school: school,
|
|
|
- phone: phone
|
|
|
- }).then(res => {
|
|
|
- console.log(res)
|
|
|
+ console.log(params)
|
|
|
+ axios.post('https://traininguser-api.cocorobo.cn/sendEmail', params).then(res => {
|
|
|
+ messageApi.info('您的CocoClass賬號申請訊息已發送，請等待');
|
|
|
+ setIsModalOpen1(false)
|
|
|
})
|
|
|
}
|
|
|
return (
|
|
|
<div className="Sidebar">
|
|
|
+ {contextHolder}
|
|
|
<div>
|
|
|
<a href="#Introduction">
|
|
|
<img src={Img1} alt="回到頂部" />
|
|
|
@@ -108,7 +122,7 @@ function Sidebar() {
|
|
|
</div>
|
|
|
</Flex>
|
|
|
<p className="model_p_text">*請填寫以上申請信息，我們將在工作日24小時内回復您。您的信息將被嚴格保密，不會被用於其他用途。</p>
|
|
|
- <Checkbox></Checkbox> <span>繼續即表示您同意我們的
|
|
|
+ <Checkbox value={checkVlaue} onClick={()=>setCheckValue(!checkVlaue)}></Checkbox> <span>繼續即表示您同意我們的
|
|
|
<i className="model_checkbox_i" onClick={() => setIsModalOpen3(true)}>服務條款</i>和
|
|
|
<i className="model_checkbox_i" onClick={() => setIsModalOpen4(true)}>隱私政策</i>，並確認您已年滿18歲。</span>
|
|
|
<div style={{ textAlign: 'center', marginTop: 20 }}>
|
