<template>
  <div class="am-g" style="padding-top: 8rem">
    <div class="am-u-lg-4 am-u-sm-12 am-u-lg-centered am-u-sm-centered">
      <div
        class="am-panel am-panel-default"
        style="background: rgba(255, 255, 255, 0.55); margin-top: 12rem"
      >
        <div class="am-panel-bd">
          <form
            action=""
            class="ajax-submit"
            method="POST"
            data-am-validator=""
            novalidate="novalidate"
          >
            <input
              type="hidden"
              name="token"
              value="3aadacfef830df0bece76a4b2b735d12"
            />
            <input
              type="hidden"
              name="back_url"
              value="Lz9nPVRpY2tldCZtPUluZGV4JmE9aW5kZXg="
            />
            <h1 class="am-text-center am-text-xxxl" style="color: #fff">
              PESCMS Ticket
            </h1>

            <div class="am-margin-bottom"></div>
            <div class="am-input-group am-margin-bottom">
              <span class="am-input-group-label"
                ><i class="am-icon-user am-icon-fw"></i
              ></span>
              <input
                name="account"
                class="am-form-field am-field-valid"
                type="text"
                placeholder="账号"
                value="demo"
                autofocus=""
                required=""
              />
            </div>
            <div class="am-input-group am-margin-bottom">
              <span class="am-input-group-label"
                ><i class="am-icon-lock am-icon-fw"></i
              ></span>
              <input
                name="passwd"
                class="am-form-field"
                type="text"
                placeholder="密码都是123456"
                value="123456"
                required=""
              />
            </div>

            <div class="am-input-group am-margin-bottom">
              <span class="am-input-group-label"
                ><i class="am-icon-shield am-icon-fw"></i
              ></span>
              <input
                type="text"
                class="am-form-field"
                name="verify"
                placeholder="验证码"
              />
              <span class="am-input-group-btn">
                <img src="#" class="refresh-verify am-padding-left-sm" />
              </span>
            </div>
            <div class="am-form-group am-form-group-sm">
              <div class="am-checkbox">
                <label>
                  <input type="checkbox" class="remember-password" value="1" />
                  记住登录信息
                </label>
              </div>
            </div>

            <button class="am-btn am-btn-primary am-btn-block" @click="login">
              <!-- <router-link to="/ManagementHome">登录</router-link> -->
              <a href="#">登录</a>
            </button>
          </form>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  props: {
    msg: String,
  },
  methods: {
    login: function () {
      this.$router.push({
        path: "/ManagementHome",
      });
    },
  },
};
</script>

<style>
/* .bg {
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-image: url("../assets/img/bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
} */
</style>
