管道基础大数据平台系统开发-【前端】-新系統界面
liupengpeng
2023-02-10 1e850d13607fed0890f6d54583b835a181597010
src/components/login.vue
@@ -208,7 +208,7 @@
      loading: false,
      loginForm: {
        uid: 'admin',
        pwd: 'Admin@123',
        pwd: 'Admin@1234_lf',
      },
      rules: {
        uid: [{ validator: validUserName, trigger: 'blur' }],
@@ -224,7 +224,7 @@
    //   获取vuex中Actions里的方法
    ...mapActions(['login', 'getpublickey']),
    getCode(data) {
      this.validCode = data; //在data中定义一个 validCode:'',用来记录验证码。
    },
@@ -243,12 +243,22 @@
                });
                return
              }
              if (response.msg != "") {
                this.$message({
                  message: response.msg,
                  type: 'warning'
                });
              }
              this.setCookies(response);
              getPerms().then((res) => {
                if (res.code == 200) {
                  this.$store.commit('getPermsEntity', res.result);
                  if (res.result.length != 0) {
                    sessionStorage.setItem('routerName', '/Synthesis')
                    sessionStorage.setItem('changeSelectStyle', 3)
                    this.$router.push('/');
                  }
                  this.loading = false
@@ -275,17 +285,36 @@
      });
    },
    setCookies(res) {
      var timeData = moment(res.result.expire).format('YYYY-MM-DD HH:mm:ss');
      var LfPrems = {
        token: res.result.token,
        uname: res.result.uname,
        time: timeData,
        userid: res.result.createUser,
        expire: res.result.expire
      };
      LfPrems = JSON.stringify(LfPrems);
      localStorage.setItem('LFToken', LfPrems);
    },
    enterLogin() {
      document.onkeydown = (e) => {
        e = window.event || e;
        if (this.$route.path == '/login' && (e.code == 'Enter' || e.code == 'enter' || e.code == 'NumpadEnter')) {
          //最重要最后调用1.登录校验方法
          //this.login();
          this.submitForm('loginForm')
        }
      };
    }
  },
  created() { },
  created() {
    this.enterLogin();
  },
};
</script>