import React from "react";
import {
  Form,
  Input,
  message,
  Tabs,
  Row,
  Col,
  PageHeader,
  Button,
  Checkbox,
  Modal,
  Statistic,
} from "antd";
import request from "../../utils/request";
import { inject, observer } from "mobx-react/index";
import { calculateWidth } from "../../utils/utils";
import PromptBox from "../../components/PromptBox";
import PhoneRetrieval from "./PhoneRetrieval";
import EmailRetrieval from "./EmailRetrieval";
const { TabPane } = Tabs;

@inject("appStore")
@observer
@Form.create()
class Registered extends React.Component {
  state = {
    focusItem: -1,
    visible: false,
    visible2: false,
    duanxin: false,
    Sent: false,
    phoneNumber: "",
    yztime: 60,
  };
  registerSubmit = (e) => {
    e.preventDefault();
    this.setState({
      focusItem: -1,
    });
    this.props.form.validateFields((err, values) => {
      console.log(values);
      const {
        userAccount,
        userPwd,
        checkUserPwd,
        mailAddress,
        phoneNumber,
        phoneCaptcha,
      } = values;

      let data = {
        userAccount: userAccount,
        userPwd: userPwd,
        checkUserPwd: checkUserPwd,
        mailAddress: mailAddress == undefined ? "" : mailAddress,
        phoneNumber: phoneNumber,
        phoneCaptcha: phoneCaptcha,
      };
      if (!err) {
        request
          .post("yszh-login/register/add", data)
          .then((res) => {
            console.log(res);
            this.setState({ loading: false });
            if (res.data.code === 200) {
              message.success("注册成功");
              this.gobackLogin()
            } else {
              message.error(res.data.message);
            }
          })
          .catch((err) => {
            this.setState({ loading: false });
            console.error(err);
          });
      }
    });
  };
  gobackLogin = () => {
    this.props.switchShowBox("login");
    setTimeout(() => this.props.form.resetFields(), 500);
  };
  ServiceAgreement = () => {
    this.setState({
      visible: true,
    });
  };
  handleOk = (e) => {
    this.setState({
      visible: false,
    });
  };

  handleCancel = (e) => {
    this.setState({
      visible: false,
    });
  };
  ServiceAgreement2 = () => {
    this.setState({
      visible2: true,
    });
  };
  handleOk2 = (e) => {
    this.setState({
      visible2: false,
    });
  };

  handleCancel2 = (e) => {
    this.setState({
      visible2: false,
    });
  };
  count = () => {
    this.setState({
      duanxin: false,
      Sent: true,
    });
    let { yztime } = this.state;
    let siv = setInterval(() => {
      this.setState({ yztime: yztime-- }, () => {
        if (yztime <= -1) {
          clearInterval(siv); //倒计时( setInterval() 函数会每秒执行一次函数)，用 clearInterval() 来停止执行:
          this.setState({ duanxin: true, Sent: false, yztime: 59 });
        }
      });
    }, 1000);
  };

  getValuePhone = (e) => {
    const { value } = e.target;
    var regExp = new RegExp("^1[3578]\\d{9}$");
    if (regExp.test(value)) {
      this.setState({
        duanxin: true,
      });
      this.setState({
        phoneNumber: value,
      });
    } else {
      this.setState({
        duanxin: false,
      });
    }
  };
  goPhone = () => {
    request
      .post("yszh-login/auth/getMobileCaptchCode", {
        phoneNumber: this.state.phoneNumber,
      })
      .then((res) => {
        console.log(res);
        this.setState({ loading: false });
        if (res.data.code === 200) {
          this.count();
        } else {
          message.error(res.data.message);
        }
      })
      .catch((err) => {
        this.setState({ loading: false });
        console.error(err);
      });
  };

  render() {
    const { getFieldDecorator, getFieldError, getFieldValue } = this.props.form;
    const { focusItem } = this.state;
    const formItemLayout = {
      labelCol: { span: 8 },
      wrapperCol: { span: 14 },
    };
    return (
      <div className={this.props.className}>
        <Modal
          title="服务协议"
          visible={this.state.visible}
          onOk={this.handleOk}
          onCancel={this.handleCancel}
        >
          欢迎您访问雅深智慧！
          <br />
          在您完成注册或以任何方式使用苏州雅深智慧科技有限公司（以下简称“雅深智慧”）的产品和服务之前，请您务必仔细阅读、充分理解本网站服务协议，特别是免除或者限制责任的条款、法律适用和争议解决条款。免除或者限制责任的条款将以粗体标识，您应重点阅读，在确认充分理解后选择接受或不接受本服务协议；一旦您完成“同意条款并注册”或开始以其他方式使用服务，即表明您已阅读并同意受本服务协议的约束。如您不同意本服务协议或其中任何条款约定，您应不再进行下一步或停止注册程序。
          <br />
          雅深智慧有权对本服务协议及相应的服务规则内容进行变更，并在雅深智慧网站上公告、电子邮件、站内信、短信等方式予以公告或通知，无需事先征得您的同意；若您在本服务协议内容变更后继续使用本服务的，表示您已充分阅读、理解并接受修改后的内容，也将遵循修改后的条款内容。如您不同意修订后的服务协议，您应停止访问雅深智慧网站并拒绝使用服务或删除您在雅深智慧网站上的信息和帐户来终止接受服务。
          <br />
          如果您代表某个机构而非您个人注册、登录和使用雅深智慧和/或我们其他的服务，则您将被认为获得充分授权代表该机构同意本服务协议以及不时修订和补充的服务协议。
          <br />
          如果您未满18周岁，请在法定监护人的陪同下阅读本服务协议。 一、
          <br />
          签约主体以及协议范围
          <br />
          此服务协议是您与苏州雅深智慧科技有限公司（“雅深智慧”或者“我们”）就使用雅深智慧网站（www.atelligence-ai.com）服务（包含为您提供网站页面信息浏览、账户注册服务等）而共同订立，本协议对您与雅深智慧均具有合同约束力。
          <br />
          如您使用或购买网站上某一具体产品或服务，您可仍需确认具体服务对应的服务协议；请您审慎阅读、充分理解各条款内容，选择接受或不接受该服务协议。您与雅深智慧签署的本协议的条款并不能完整罗列并覆盖您与雅深智慧的所有权利与义务，雅深智慧的《隐私声明》为本协议的补充协议，与本协议不可分割且具有同等法律效力。如您使用雅深智慧的服务，视为您同意我们的《隐私声明》。
          <br />
          二、 账户的注册、使用与安全
          <br />
          您确认，在您开始注册程序或以其他允许的方式实际使用雅深智慧服务时，您应当具备中华人民共和国法律规定的完全民事权利能力和完全民事行为能力。若您不具备前述民事行为能力，则您及您的监护人应依照法律规定承担因此而导致的一切后果。
          <br />
          当您按照注册页面提示填写信息、阅读并同意本服务协议且完成全部注册程序后，您可获得雅深智慧的账户并成为我们的用户。
          <br />
          您在注册时候有权选择合法的字符组合作为自己的账户名（“账户名称”）及设置您的密码，将在注册成功后成为您的账户（账户名称及密码合称“账户”）。您设置的账号、密码是您用以登录并使用“雅深智慧”网站、软件及相关服务的凭证。
          <br />
          您应当按照法律法规要求或按相应页面的提示，准确提供并及时更新您的账户信息，以使之真实、及时、完整和准确。如您提供的资料错误、不实、过时或不完整的，雅深智慧可以向您发出询问及/或要求改正的通知，您应按照雅深智慧的要求配合提供或者更新相关资料。您应当按照法律法规要求或按相应页面的提示，准确提供并及时更新您的账户信息，以使之真实、及时、完整和准确。如您提供的资料错误、不实、过时或不完整的，雅深智慧可以向您发出询问及/或要求改正的通知，您应按照雅深智慧的要求配合提供或者更新相关资料。
          <br />
          您的账户和密码由您自行设置并由您保管，您须对您的雅深智慧账户和密码保密，在任何情况下不向他人透露账号及密码。您需确保您在每个上网时段结束时，以正确步骤离开网站。账户因您主动泄露或因您遭受他人攻击、诈骗等行为导致的损失及后果，雅深智慧并不承担责任，您应通过司法、行政等救济途径向侵权行为人追偿。您以注册账号名义所从事的活动承担全部法律责任，包括但不限于您在“雅深智慧”网站和软件及相关服务上进行的任何数据修改、言论发表、款项支付等操作行为可能引起的一切法律责任。
          <br />
          如发现他人未经授权使用您的雅深智慧账户和密码，您应立即通知雅深智慧；雅深智慧将协助您冻结账户、更改密码或进行其他安全设置；您理解雅深智慧对您的请求采取行动需要合理时间，雅深智慧对在采取行动前已经产生的以及由您引发的后果（包括但不限于您的任何损失）不承担任何责任。
          <br />
          为了您更好地使用雅深智慧的各项服务，保障您的账户安全，雅深智慧可要求您按相关法律法规规定完成实名认证。
          <br />
          三、 账户的冻结及申诉
          <br />
          您的雅深智慧账户（全部或部分权限或功能）在如下情况可能被冻结（如雅深智慧帐户被限制资金转出功能等），雅深智慧将通过邮件、站内信、短信或电话等方式通知您：
          <br />
          违反本服务协议、雅深智慧网站的相关规则、规范（如交易规则、管理规范）、服务说明以及其他服务协议/条款的；
          <br />
          违反国家法律、法规、政策、法律文书的规定的； 您遭到他人投诉，
          <br />
          且对方已经提供了相关证据的，而您未按照我们的要求提供相反证据的；
          <br />
          雅深智慧根据合理分析判断您的账户操作、收益、兑换等存在异常的；
          <br />
          国家有权机关要求进行的冻结的；
          <br />
          您的账户若被冻结，您可以通过申诉程序，向雅深智慧申请解除上述冻结或注销的，为了您的账户安全，您应配合如实提供身份证明及相关资料，以及雅深智慧要求的其他信息或文件，以便雅深智慧进行核实。雅深智慧有权决定是否同意您的申诉请求。
          <br />
          四、 网站服务规范
          <br />
          您有权享受雅深智慧通过本网站提供的互联网技术服务和信息服务。您同时还应根据本服务协议以及您在购买具体服务时确认的相关条款和条件，履行及时付款、服务管理等责任。
          <br />
          您声明并保证，您对您所发布的信息拥有相应、合法的权利，否则，雅深智慧可对您发布信息依法或依本协议进行删除或屏蔽。您应保证不发送或传播敏感信息和违反国家法律制度的信息，包括但不限于下列信息：
          <br />
          反对宪法所确定的基本原则的；
          <br />
          危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；
          <br />
          损害国家荣誉和利益的； 煽动民族仇恨、民族歧视，破坏民族团结的；
          <br />
          破坏国家宗教政策，宣扬邪教和封建迷信的；
          <br />
          散布谣言，扰乱社会秩序，破坏社会稳定的；
          <br />
          散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；
          <br />
          侮辱或者诽谤他人，侵害他人合法权益的；
          <br />
          含有法律、行政法规禁止的其他内容的。
          <br />
          同时，也不应出现任何破坏或试图破坏网络安全等的行为，包括不会利用技术或其他手段破坏或扰乱本网站及雅深智慧其他客户的网站；如您违反上述保证，雅深智慧除有权根据相关服务协议采取删除信息、中止服务、终止服务的措施，并有权冻结或注销您账户部分或全部功能。用户需对自己在网上的行为承担法律责任，雅深智慧不承担任何责任。
          <br />
          五、 知识产权
          <br />
          除另有约定外，“雅深智慧”网站、软件及相关服务中提供的内容（包括但不限于软件、技术、程序、网页、文字、图片、图表、外观设计等）的知识产权均属于雅深智慧所有。未经雅深智慧事先书面许可，您不能复制、拷贝、或者使用任何部分的代码和外观设计。
          <br />
          我们尊重知识产权，除非获得了您的同意，雅深智慧不会擅自使用、修改、复制、公开传播、改变、散布、发行或公开发表您拥有知识产权的成果。
          <br />
          任何组织或个人认为雅深智慧网站的网页内容，如可能侵犯其合
          <br />
          法权益的，可向雅深智慧提出书面权利通知，雅深智慧将在收到知识产权权利人合格通知后依法尽快处理。
          <br />
          除非另行说明，雅深智慧网站Logo、“雅深智慧”、“StoneWise”等文字、图形及其组合，以及雅深智慧网站的其他标识、徽记、雅深智慧服务的名称、技术文档等的知识产权为雅深智慧及其关联公司所有。
          <br />
          您应尊重雅深智慧和第三方的知识产权和其他合法权利/权益，并保证在发生侵犯前述权益的违法事件时，保护雅深智慧及其雇员、股东、合作伙伴等免于因该等事件受到影响或损失，雅深智慧保留在您侵犯雅深智慧及/或其他第三方的合法权利/权益时终止向您提供服务并不退还任何款项的权利。
          <br />
          六、 隐私声明
          <br />
          我们非常重视和保护您的个人隐私，您使用雅深智慧提供的服务和服务，即表示您同意我们合法收集和使用有关您及您所使用服务的技术性或诊断性信息。详情请参阅雅深智慧的《隐私声明》
          <br />
          七、 保密
          <br />
          雅深智慧承诺对您注册账户时或使用雅深智慧服务时提交或知悉的信息采取保密措施，不向第三方披露您的信息，除非：
          <br />
          （1）在您向雅深智慧提交之前，雅深智慧已合法拥有该等信息；
          <br />
          （2）依据本服务协议或者您与雅深智慧之间其他服务协议、合同、在线条款等规定可以披露的；
          <br />
          （3）依据法律法规的规定或行政、司法等职权部门要求应当提供的；
          <br />
          （4）在不违反本服务条款约定责任的前提下，该保密信息已经公开或能从公开领域获得。
          <br />
          您知悉并同意，您在使用雅深智慧产品、服务过程中获取的任何雅深智慧的信息均为保密信息（“雅深智慧保密信息”），包括但不限于您接受雅深智慧提供服务的信息，雅深智慧提供的任何产品和服务的信息，您注册账户的账号和密码信息。您向雅深智慧承诺，未经雅深智慧事先书面同意，您不应向任何第三方披露、提供或出售雅深智慧保密信息，除非：
          <br />
          (1)在您获取雅深智慧保密信息之前，您已合法拥有该等信息；
          <br />
          (2)依据本服务协议或者您与雅深智慧之间其他服务协议、合同、在线条款等规定可以披露的；
          <br />
          (3)依据法律法规的规定或行政、司法等职权部门要求应当提供的；
          <br />
          (4)在不违反本服务条款约定责任的前提下，该保密信息已经公开或能从公开领域获得。
          <br />
          本服务协议项下的保密义务，自您注册账户之日起生效，至您注销账户之日起
          <br />
          【两年】内持续有效。如您与雅深智慧就特定的产品或服务另行签署了书面协议，您仍应遵守该等书面协议项下关于保密责任的约定。
          <br />
          八、 用户的违约及处理 发生如下情形之一的，视为您违约：
          <br />
          （一）使用雅深智慧平台服务时违反有关法律法规规定的；
          <br />
          （二）违反本协议或本协议补充协议约定的。
          <br />
          为适应用户对高效优质服务的需求，您理解并同意，雅深智慧可在雅深智慧平台规则中约定违约认定的程序和标准。如：雅深智慧可依据您的用户数据与海量用户数据的关系来认定您是否构成违约；您有义务对您的数据异常现象进行充分举证和合理解释，否则将被认定为违约。
          <br />
          违约处理措施：
          <br />
          您在雅深智慧平台上发布的信息构成违约的，雅深智慧可根据相应规则立即对相应信息进行删除、屏蔽处理。
          <br />
          您在雅深智慧平台上实施的行为，或虽未在雅深智慧平台上实施但对雅深智慧平台及其用户产生影响的行为构成违约的，雅深智慧可依据相应规则对您执行账户扣分、中止向您提供部分或全部服务、划扣违约金等处理措施。如您的行为构成根本违约的，雅深智慧可查封您的账户，终止向您提供服务。
          <br />
          雅深智慧可将对您上述违约行为处理措施信息以及其他经国家行政或司法机关生效法律文书确认的违法信息在雅深智慧平台上予以公示。
          <br />
          九、 责任范围和责任限制
          <br />
          您了解并同意，您应承担因您使用本服务、违反本服务协议或在您的账户下采取的任何行动而导致的任何第三方索赔。如果由此引起雅深智慧及其关联公司、员工、客户和合作伙伴被第三方索赔的，您应负责处理，并赔偿雅深智慧及其关联公司由此遭受的全部损失和责任。
          <br />
          在适用法律许可的范围内，雅深智慧不对与本服务协议有关或由本服务协议引起的任何间接的、惩罚性的、特殊的、派生的损失承担赔偿责任。
          <br />
          雅深智慧在此提示，您在使用雅深智慧服务期间应当遵守中华人民共和国的法律，不得危害网络安全，不得利用雅深智慧的服务从事侵犯他人名誉、隐私、知识产权和其他合法权益的活动。雅深智慧不对您使用雅深智慧服务的违法或违约行为承担任何责任。
          <br />
          雅深智慧用户在雅深智慧网站上自行上传、提供、发布相关信息，包括但不限于用户名称、公司名称、
          <br />
          联系人及联络信息，文献、专利、分子结构式、图片等，均由用户自行提供，雅深智慧的用户须对其依法承担全部责任，雅深智慧不承担任何法律责任及连带责任。因此给雅深智慧或任何第三方造成任何损失的，用户应负责全额赔偿。
          <br />
          十、 不可抗力和意外事件
          <br />
          雅深智慧的网站可能因为下列不可抗力或意外事件无法正常运行的，雅深智慧不承担任何损害赔偿责任：
          <br />
          因自然灾害、罢工、暴乱、起义、战争、骚乱，生产力或生产资料不足，火灾，洪水，风暴，爆炸，政府行为、司法行政命令等不可抗力因素；
          <br />
          因电力供应故障、通讯网络故障等公共服务因素；
          <br />
          因电力供应故障、通讯网络故障等公共服务因素；
          <br />
          在法律允许的范围内，雅深智慧不对以下情形导致的服务中断或受阻不承担责任：
          <br />
          受到计算机病毒、木马或其他恶意程序、黑客攻击的破坏；
          <br />
          用户或雅深智慧的电脑软件、系统、硬件和通信线路出现故障；
          <br />
          用户操作不当； 用户通过非雅深智慧授权的方式使用本服务；
          <br />
          其他雅深智慧无法控制或合理预见的情形。 十一、 法律适用与管辖
          <br />
          本服务协议之效力、解释、变更、执行与争议解决均适用中华人民共和国法律。因本服务协议产生之争议应提交至苏州市工业园区人民法院解决。
          <br />
          十二、 通知
          <br />
          您在注册成为雅深智慧用户，并接受雅深智慧服务时，您应该向雅深智慧提供真实有效的联系方式（包括您的电子邮件地址、联系电话、联系地址等），对于联系方式发生变更的，您有义务及时更新有关信息，并保持可被联系的状态。
          <br />
          您理解并同意，雅深智慧可通过上述联系方式向您发出通知，其中以电子方式发出的书面通知，包括但不限于网页公告、向您提供的电子邮件地址发送电子邮件、站内信、向您提供的联系电话发送手机短信、电话联系、系统消息，上述通知在发送成功后视为已送达。以纸质载体发出的书面通知，按照提供联系地址交邮后的第五个自然日即视为送达
          <br />
          您应当保证所提供的联系方式是准确、有效的，并进行实时更新。如果因提供的联系方式不确切，或不及时告知变更后的联系方式，使通知无法送达或未及时送达，由您自行承担由此可能产生的法律后果。
          <br />
          十三、 协议的终止
          <br />
          在您的账户注销或经双方协商一致终止网站服务的，本服务协议终止。
          <br />
          如发生下列任何一种情形，雅深智慧有权单方面中断或终止向用户提供服务而无需通知用户：
          <br />
          （1）用户提供的个人资料不真实；
          <br />
          （2）用户违反本服务协议中规定的使用规则。
          <br />
          本协议终止后，除法律有明确规定外，雅深智慧无义务向您或您指定的第三方披露您账户中的任何信息。本协议终止后，雅深智慧仍有权继续留存您在雅深平台的各类信息，且对于您过往的违约行为，雅深智慧仍可依据本协议向您追究违约责任。
          <br />
          十四、 其他
          <br />
          本服务协议任一条款被视为废止、无效或不可执行，该条款应视为可分的且不影响本服务协议及其他条款的有效性及可执行性。
          <br />
          雅深智慧有权在雅深智慧官网（www.atelligence-ai.com）上发布公告、发站内通知或邮件通知等方式将本服务的权利义务全部或者部分转移给雅深智慧的关联公司。
          <br />
          本服务协议项下之保密条款、知识产权条款、法律适用与管辖条款以及性质上理应存续的其他条款（如对注册信息的真实性保证等），不因本条款的终止而失效。
          <br />
          您使用雅深智慧网站、软件及服务即视为您已阅读并同意受本协议的约束。雅深智慧有权在必要时修改本协议条款，雅深智慧将通过网页公告、弹窗通知等方式通知您查阅最新版本的协议条款。本协议条款变更后，如果您继续使用雅深智慧网站、软件及服务，即视为您已接受修改后的协议。如果您不接受修改后的协议，应当停止使用雅深智慧的服务。
          <br />
          十五、 联系我们
          <br />
          如您有任何问题、意见或疑虑，欢迎您发邮件至haihong_ni@yahoo.com与我们联系
          <br />.
        </Modal>
        <Modal
          title="隐私申明"
          visible={this.state.visible2}
          onOk={this.handleOk2}
          onCancel={this.handleCancel2}
        >
          雅深智慧（以下或称为“我们”）非常重视并保护用户的隐私，我们将按法律法规要求，采取相应安全保护措施，尽力保护您的个人信息安全可控。鉴于此，我们制定本《隐私声明》（下称“本声明
          <br />
          /本隐私声明”）并提醒您：。
          <br />
          为方便您登录、使用相关服务，以及为您提供更好地用户体验和服务，您在使用我们的服务时，我们可能会收集和使用您的相关信息。我们希望通过本隐私声明向您说明，在使用雅深智慧的产品和服务（统称“本服务”）时，我们如何收集、使用、储存和披露您的信息，以及我们为您提供的访问、更新、控制和保护这些信息的方式。
          <br />
          在使用雅深头智慧各项产品或服务前，请您务必仔细阅读并透彻理解本政策，特别是以粗体标识的条款，您应重点阅读，在确认充分理解并同意后再开始使用。您使用我们的服务，即意味着您已经同意我们按照本隐私声明收集、使用、储存和披露您的相关信息，以及向您提供的控制和保护措施。
          <br />
          如果您有任何疑问、意见或建议，请通过雅深智慧提供的各种联系方式与我们联系。
          <br />
          本协议适用范围 本隐私权政策适用于雅深智慧网站所有产品和服务。
          <br />
          我们如何收集和使用您的用户信息
          <br />
          为完成雅深智慧账户的注册、管理等必要活动，您需要提交真实、合法、有效的信息，包括但不限于姓名、企业名称、职位、电话、电子邮箱、联系地址等。当您注册时，我们也可能会要求您填写感兴趣的研究领域等信息。如您拒绝提供相应信息，您将无法完成雅深账户的注册。
          <br />
          为提供持续服务和保证服务质量所需，我们在您使用本服务期间，将记录并保存您登录和使用本服务的信息，包括但不限于
          <br />
          IP
          地址、浏览器的类型、使用的语言、版本、访问日期和时间、软硬件特征信息、用户标识符及网页浏览记录等。如您拒绝提供相应信息，您将无法正常使用我们的产品及/或服务。
          <br />
          当您订购我们的产品或服务，我们也许会要求您填写收货人姓名、收货地址、电话号码和发票抬头等信息，我们会利用这些信息为您提供售后服务，并且为您推荐一些您可能感兴趣的产品，以及与您进行业务沟通。
          <br />
          我们如何收集信息
          <br />
          我们通过您主动提交，以及在您使用我们的服务过程中产生相应的记录等方式收集您的信息
          <br />
          我们可能会通过 Cookies
          <br />
          和其他相关技术收集和使用您的信息。为确保网站正常运转、为您获得更轻松的访问体验、向您推荐您可能感兴趣的内容，我们会在您的计算机或移动设备上存储Cookie、Flash
          <br />
          Cookie，或浏览器（或关联应用程序）提供的其他通常包含标识符、站点名称以及一些号码和字符的本地存储（统称“Cookie”）。借助于
          <br />
          Cookie，网站能够存储您的偏好或购物车内的商品等数据。 我们使用 Cookies
          <br />
          的具体用途包括： 记住您的身份。例如：Cookies
          <br />
          有助于我们辨认您作为我们的注册用户的身份。
          <br />
          分析您使用我们服务的情况，以便为您提供更加周到的个性化服务，包括定制化页面、推荐等服务。
          <br />
          您可以通过浏览器设置拒绝或管理 Cookies。但请注意，如果停用
          <br />
          Cookies，您有可能无法享受最佳的服务体验，某些功能的可用性可能会受到影响，且可能需要在每一次访问我们的网站时更改用户设置。
          <br />
          通过雅深智慧Cookies 记录的有关信息，将适用本隐私声明。 信息使用
          <br />
          在符合相关法律法规的前提下，我们可能将收集的信息用作以下用途：
          <br />
          向您提供您感兴趣的产品与服务。
          <br />
          为您提供个性化的服务。例如，语言设定、位置设定、个性化的帮助服务和指示，或对您和其他用户作出其他方面的回应
          <br />
          邀请您参与有关我们产品和服务的调查，改进服务。
          <br />
          我们可能以用户信息统计数据为基础，设计、开发、推广全新的产品及服务；我们会对我们的服务使用情况进行统计，并可能会与公众或第三方分享这些统计信息，但这些统计信息不包含您的任何身份识别信息；
          <br />
          其他可能需要使用收集的信息的相关场景，如果使用场景与初始场景无合理的关联性，我们会在使用信息前重新征得您的同意。
          <br />
          信息披露
          <br />
          未经您同意，我们不会与任何无关第三方分享、售卖您的个人身份信息，以下情形除外：
          <br />
          履行我们在《雅深智慧服务协议》或本声明中的义务和行使我们的权利。
          <br />
          如我们与任何上述第三方分享您的信息，我们将努力确保第三方在使用您的信息时遵守本声明及我们要求其遵守的其他适当的保密和安全措施。
          <br />
          在雅深智慧与其他法律主体者发生合并、收购或破产清算情形，或其他涉及合并、收购或破产清算情形时，您的信息有可能作为此类交易的一部分而被转移。我们将遵守相关法律法规的要求，在转移前通知您，确保信息在转移时的机密性，以及变更后继续履行相应责任和义务。
          <br />
          我们还可能因以下原因而披露您的信息，无需事先征得您的授权同意：
          <br />
          与国家安全、国防安全相关的； 遵守法院判决、裁定或其他法律程序的规定；
          <br />
          遵守相关政府机关或其他有权机关的要求；
          <br />
          我们有理由确信需遵守法律法规等有关规定；
          <br />
          为执行相关服务协议或本隐私声明、维护社会公共利益、处理投诉/纠纷，保护我们的客户、我们或我们的关联公司、其他用户或雇员的人身和财产安全或合法权益所合理必需的用途；
          <br />
          经过您合法授权的情形。
          <br />
          如我们因上述原因而披露您的信息，我们将在遵守法律法规相关规定及本声明的基础上及时告知您。请知悉，根据适用的法律，若我们对个人信息采取技术措施和其他必要措施进行处理，使得数据接收方无法重新识别特定个人且不能复原，则此类处理后数据的共享、转让、公开披露无需另行向您通知并征得您的同意。
          <br />
          非个人身份识别访问者的信息可以提供给其他方进行营销、广告或其他用途。
          <br />
          信息存储
          <br />
          雅深智慧收集的有关您的信息保存在雅深智慧位于中国大陆的服务器。
          <br />
          通常，我们仅在为您提供服务期间保留您的信息，保留时间不会超过满足相关使用目的所必须的时间。但在下列情况下，且仅出于下列情况相关的目的，我们有可能需要较长时间保留您的信息或部分信息：
          <br />
          遵守适用的法律法规等有关规定。
          <br />
          遵守法院判决、裁定或其他法律程序的要求。
          <br />
          遵守相关政府机关或其他有权机关的要求。
          <br />
          我们有理由确信需遵守法律法规等有关规定。
          <br />
          为执行相关服务协议或本隐私声明、维护社会公共利益、处理投诉/纠纷，保护我们的客户、我们或我们的关联公司、其他用户或雇员的人身和财产安全或合法权益所合理必需的用途。
          <br />
          信息安全
          <br />
          我们努力保障信息安全，以防信息的丢失、不当使用、未经授权阅览或披露。
          <br />
          我们使用各种安全技术以保障信息的安全。通过服务器多备份、密码加密等安全措施，防止信息泄露、毁损、丢失。
          <br />
          我们建立严格的管理制度和流程以保障信息的安全，并且仅少数维护者开通了访问权限，并要求这些员工对用户的信息进行绝对的保密。
          <br />
          我们重视信息安全合规工作，对您所提供的所有敏感/信息披露信息是通过安全的技术进行加密，并以业界先进的解决方案充分保障您的信息安全。
          <br />
          但请您理解，由于技术的限制以及可能存在的各种恶意手段，在互联网环境下，即便竭尽所能加强安全措施，也不可能始终保证信息百分之百的安全。
          <br />
          若发生个人信息泄露等安全事件，我们会启动应急预案，阻止安全事件扩大，按照《国家网络安全事件应急预案》等有关规定及时上报，并以发送邮件、推送通知、公告等形式告知您相关情况，并向您给出安全建议。
          <br />
          我们也希望您能够加强自我保护意识。我们仅在雅深智慧直接导致您个人信息泄露的范围内承担责任，因此，请您妥善保管您的账号及密码信息，避免您的个人信息泄露，不向任何第三人提供您的账号密码等个人信息。
          <br />
          我们如何处理未成年人的信息
          <br />
          在使用雅深智慧服务过程中我们推定您具有相应的民事行为能力。如您为未成年人，我们要求您请您的父母或监护人仔细阅读本隐私声明，并在征得您的父母或监护人同意的前提下使用我们的服务或向我们提供信息。
          <br />
          对于经父母或监护人同意使用我们的产品或服务而收集未成年人个人信息的情况，我们只会在法律法规允许、父母或监护人明确同意或者保护未成年人所必要的情况下使用、共享、转让或披露此信息。
          <br />
          隐私权政策的更新
          <br />
          我们的隐私权政策可能修订。如可能造成您在本隐私声明下权利的实质减少或扩大收集、使用信息的范围等重要规则变更时，我们将在修订生效前通过在主页上显著位置提示或向您发送电子邮件或以其他方式通知您。同时，我们会在专门页面上发布对隐私权政策所做的任何修订。在该种情况下，若您继续使用我们的服务，即表示同意受经修订的本隐私声明的约束。
          <br />
          如何联系我们
          <br />
          如您对本声明和政策内容或其他相关事宜有任何疑问和意见，请将您的问题发送至
          <br />
          haihong_ni@yahoo.com
          <br />
          与我联系！我们将尽快审核所涉问题，并在验证您的用户身份后的予以回复。
          <br />
        </Modal>
        <PageHeader
          style={{
            border: "0px solid rgb(235, 237, 240)",
          }}
          onBack={this.gobackLogin}
          title="返回登录"
        />
        

        <Form onSubmit={this.registerSubmit}>
          <Form.Item label="帐号" {...formItemLayout}>
            {getFieldDecorator("userAccount", {
              rules: [{ required: true, message: "帐号不能为空" }],
            })(<Input placeholder="请输入帐号" />)}
          </Form.Item>

          <Form.Item label="密码" {...formItemLayout}>
            {getFieldDecorator("userPwd", {
              validateFirst: true,
              rules: [
                { required: true, message: "密码不能为空" },
                { pattern: "^[^ ]+$", message: "密码不能有空格" },
              ],
            })(<Input type="password" maxLength={16} placeholder="密码" />)}
          </Form.Item>
          <Form.Item label="确认密码" {...formItemLayout}>
            {getFieldDecorator("checkUserPwd", {
              validateFirst: true,
              rules: [
                { required: true, message: "请确认密码" },
                {
                  validator: (rule, value, callback) => {
                    if (value && value !== getFieldValue("userPwd")) {
                      callback("两次输入不一致！");
                    }
                    callback();
                  },
                },
              ],
            })(<Input type="password" maxLength={16} placeholder="确认密码" />)}
          </Form.Item>
          <Form.Item label="邮箱" {...formItemLayout}>
            {getFieldDecorator("mailAddress", {
              rules: [
                { required: false },
                { type: "email", message: "请输入正确邮箱地址！" },
              ],
            })(<Input placeholder="请输入邮箱" />)}
          </Form.Item>
          <Form.Item label="绑定手机号" {...formItemLayout}>
            {getFieldDecorator("phoneNumber", {
              rules: [
                { required: true, message: "手机号不能为空" },
                { pattern: "^1[3578]\\d{9}$", message: "请输入正确手机号！" },
              ],
            })(
              <Input onChange={this.getValuePhone} placeholder="请输入手机号" />
            )}
          </Form.Item>
          <Form.Item label="验证码" {...formItemLayout}>
            {getFieldDecorator("phoneCaptcha", {
              validateFirst: true,
              rules: [{ required: true, message: "请输入验证码" }],
            })(
              <Row>
                <Col span={11}>
                  <Input maxLength={6} placeholder="验证码" />
                </Col>
                <Col span={13}>
                  <div className="Verification-code">
                    <Button
                      disabled={!this.state.duanxin}
                      type="primary"
                      onClick={this.goPhone}
                      style={{ marginLeft: "5px" }}
                    >
                      {this.state.Sent ? "已发送" : "发送短信"}
                      {this.state.Sent && this.state.yztime}
                    </Button>
                  </div>
                </Col>
              </Row>
            )}
          </Form.Item>
          <Form.Item>
            <Button
              type="primary"
              style={{ width: "100%" }}
              htmlType="submit"
              className="login-form-button"
            >
              注册
            </Button>
          </Form.Item>
          <Form.Item>
            {getFieldDecorator("agreement", {
              validateFirst: true,
              rules: [{ required: true, message: "请同意相关条款" }],
            })(
              <Checkbox>
                阅读并同意 <a onClick={this.ServiceAgreement}>《服务协议》</a>
                <a onClick={this.ServiceAgreement2}>《隐私申明》</a>
              </Checkbox>
            )}
          </Form.Item>
        </Form>
      </div>
    );
  }
}

const styles = {
  focus: {
    width: "20px",
    opacity: 1,
  },
};

export default Registered;
