登录

whycwx

2021-07-23 5bc8bb8ec89f9593189a0486f1a024a49f54a74e

 src/pages/login.vue

@@ -18,6 +18,7 @@
</template>

<script>
  import { login } from "@/assets/js/api";
  export default {
    data() {
      return {
@@ -29,22 +30,46 @@

    },
    methods: {
      // 登录
      submit() {
        if (this.userName == '') {
          this.$toast('请输入账号!')
        let self = this;
        if (self.userName == '') {
          self.$toast('请输入账号!')
          return
        }
        if (this.password == '') {
          this.$toast('请输入密码!')
        if (self.password == '') {
          self.$toast('请输入密码!')
          return
        }
        this.$toast('登录成功')
        setTimeout(() => {
          this.$router.push({
            path: '/index'
          })
        }, 1500);
      }
        // 开启等待框

        login(self.userName, self.password).then(res => {
            // 对结果进行处理
            console.log(res)
            self.handleLogin(res)
        }).catch(error => {
            // 关闭等待
            // console.log(error);
            self.$toast("网络异常");
        });
      },
      // 登录验证
      handleLogin(res) {
          let self = this;
          // 关闭等待
          // this.loading = false;
          let rs = JSON.parse(res.data.result);
          if (rs.code == 1) {
              self.$toast("登录成功");
              sessionStorage.setItem('username', self.username);
              sessionStorage.setItem('userId', rs.data);
              self.$router.push({
                path: '/index'
              })
          } else {
              self.$toast(rs.msg);
          }
      },
    }
  }
</script>