<template>
  <div>
    <div class="login">
      <div class="am-g am-margin-bottom-xl">
        <div class="am-u-sm-12 am-u-lg-4 am-u-sm-centered">
          <div class="am-text-center am-margin-bottom">
            <a href="https://ticket.pescms.com/"
              ><img class="login-logo" src="../assets/img/logo.png" width="128"
            /></a>
          </div>
          <div class="am-panel am-panel-default login-panel">
            <form
              class="am-form ajax-submit"
              id="login-enterplorer"
              method="post"
              data-am-validator=""
              novalidate="novalidate"
            >
              <div class="login-tab am-active">
                <h3>注册帐号</h3>
              </div>
              <div class="loginFlow">
                <input
                  type="text"
                  name="account"
                  class="pes-login-input am-field-error am-active"
                  placeholder="登陆账号"
                />
              </div>
              <div class="loginFlow">
                <input
                  type="text"
                  maxlength="10"
                  name="name"
                  class="pes-login-input"
                  value=""
                  placeholder="用户名称"
                />
              </div>
              <div class="loginFlow">
                <input
                  type="email"
                  name="email"
                  class="pes-login-input"
                  placeholder="邮箱地址"
                />
              </div>
              <div class="loginFlow">
                <input
                  type="text"
                  name="phone"
                  class="pes-login-input"
                  placeholder="手机号码"
                />
              </div>
              <div class="loginFlow">
                <input
                  type="password"
                  name="password"
                  class="pes-login-input"
                  placeholder="密码"
                />
              </div>
              <div class="loginFlow">
                <input
                  type="password"
                  name="repassword"
                  class="pes-login-input"
                  placeholder="确认密码"
                />
              </div>

              <div class="login-verify">
                <div class="am-alert am-alert-secondary am-text-center">
                  <span class="am-text-xs am-block am-margin-bottom-xs"
                    >请将图中的字符输入在验证码输入框</span
                  >
                  <img src="#" class="refresh-verify am-text-center" />
                </div>
                <div class="loginFlow">
                  <input
                    type="text"
                    class="pes-login-input login-verify"
                    name="verify"
                    placeholder="验证码"
                    maxlength="4"
                  />
                </div>
              </div>

              <div class="am-cf login-options am-text-sm">
                <div class="am-fl">
                  已有PESCMS Ticket账号？
                  <router-link to="/Login" class="login-signup-link">
                    立即登录!
                  </router-link>
                  <!-- <a href="登录账号.html" class="login-signup-link"
                    >立即登录!</a
                  > -->
                </div>
              </div>
              <button
                type="submit"
                class="
                  am-btn
                  am-btn-primary
                  am-radius
                  am-btn-sm
                  am-margin-top-sm
                  am-btn-block
                "
              >
                注册
              </button>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "home",
  props: {
    msg: String,
  },
};
</script>

<style scoped>
</style>
