<!--pages/login/login.wxml-->
<view class="login">
    <image src="../../images/vankelogo.png" ></image>
    <form bindsubmit="formSubmit" bindreset="formReset">
        <view class="section">
            <input name="userName" class="{{ userName == true ? 'userError' : ''}}" type="text" maxlength="11" placeholder="真实姓名/电话" />
            <input name="userPassword" class="{{ userPassword == true ? 'userError' : ''}}" type="text" password  maxlength="100" placeholder="请输入您的密码" />
        </view>
        <button type="default" formType="submit" hover-class="other-button-hover"> 登录 </button>
    </form>
</view>

/* pages/login/login.wxss */
page{
    background-color:#fff;
    font-size:40rpx;
}
.login image{
    width:80%;
    height:100rpx;
    margin:20% auto;
    display:block;
}
input{
    border:1px solid #ddd;
    line-height:80rpx;
    height:80rpx;
    width:80%;
    margin:5% auto;
    padding-left:20rpx;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.button-hover {
    background-color: #b02923;
}
/** 添加自定义button点击态样式类**/
.other-button-hover {
    background-color: #b02923;
    color:#fff;
}
button{
    background-color: #b02923;
    color:#fff;
    top:200rpx;
    width:80%;

}
.userError{
    border-color:#b02923;
}

// pages/login/login.js
const app = getApp();
Page({
  data:{
    userName: false,
    userPassword: false
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
  },
  onHide:function(){
    // 页面隐藏
  },
  onUnload:function(){
    // 页面关闭
  },
  confirm: function () {
    this.setData({
      'dialog.hidden': true,
      'dialog.title': '',
      'dialog.content': ''
    })
  },
  login:function(params){
    wx.showToast({
      title: '登录中',
      icon: 'loading'
    })
    app.setStorageUser(params, function (res){
      if(res.errMsg == 'setStorage:ok'){
          setTimeout(function(){
            wx.hideToast();
            // 登录
            wx.switchTab({
              url:'../index/index'
            });
          },2000);
        }
    });
  },
  formSubmit: function(e) {
    let that = this;
    let userName = e.detail.value.userName;
    let userPassword = e.detail.value.userPassword;
    if(userName == '' ){
        this.setData({
          userName: true,
        })
        return false;
    }else{
        this.setData({
          userName: false,
        })
    }
    if(userPassword == ''){
        this.setData({
          userPassword: true,
        })
        return false;
    }else{
        this.setData({
          userPassword: false,
        })
    }

    if(userName !== 'vanke' && userPassword !== '123456'){
      wx.showModal({
        title: '登录失败',
        content: '账号或密码不正确',
        confirmColor: '#b02923',
        showCancel: false
      })
      return false;
    }
    let params = {
      'userName': userName,
      'userPhone': 13011111111
    }
    that.login(params);
  }
})