<template>
  <div class="user-content container clearfix">
      <div class="ucc-left"> </div>
      <div class="ucc-form">
        <form action="###" class="login-form" @submit.prevent="login">
          <div class="login-header">
            <img src="/images/user.png" alt=""> </div>
          <div class="form-group">
            <label for="userName">用户名</label>
            <div class="form-control">
              <input type="text" id="userName" v-model="user.userid"> </div>
          </div>
          <div class="form-group">
            <label for="userPwd">密 码</label>
            <div class="form-control">
              <input type="password" id="userPwd" v-model="user.userPwd"> </div>
          </div>
          <div class="form-group">
            <label for="captcha">验证码</label>
            <div class="form-control">
              <input type="text" id="captcha" class="captcha-text" v-model="user.captcha">
              <img src="/assets/captcha.png" alt=""></div>
          </div>
          <div class="form-group">
            <div class="form-control">
              <input type="submit" value="登录">
            </div>
          </div>
        </form>
      </div>
    </div>
</template>
<script>
  module.exports = {
    data: function () {
      return {
        user:{
          userid:'111',
          userPwd:'222',
          captcha:'adfbcd'
        },
      };
    },
    methods: {
      login: function () {
         var self = this;
         
        Ajax.post('/user/login',self.user)
          .then(function (response) {
            if (response != undefined ) {
              if (response.data.data !=null) {
                  self.$route.router.go('/usermanagerlist');
              }
            }else{
              alert("用户名或密码错误！");
              return ;
            }
            self.$route.router.go('/usermanagerlist');
          });
      }
    }
  };
</script>