用户登录

whychdw

2020-09-11 2f16a44d8f90bb40df52b05a691d80b888a4a415

用户登录

 src/assets/js/axios.js

@@ -5,9 +5,6 @@
    axios.defaults.baseURL = 'http://127.0.0.1:8919/zijing_sx/';
}

axios.defaults.withCredentials=true;


// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    if (process.env.NODE_ENV != 'dev') {

 src/components/PageHeader.vue

@@ -11,13 +11,13 @@
                        <span class="hdw-avatar-icon">
                            <i class="iconfont el-icon-Userselect"></i>
                        </span>
                        <el-dropdown>
                        <el-dropdown @command="commandClick">
                            <span class="hdw-avatar-text">
                                superuser<i class="el-icon-arrow-down el-icon--right"></i>
                                {{username}}<i class="el-icon-arrow-down el-icon--right"></i>
                            </span>
                            <el-dropdown-menu slot="dropdown">
                                <el-dropdown-item>密码修改</el-dropdown-item>
                                <el-dropdown-item>安全退出</el-dropdown-item>
                                <el-dropdown-item command="outSystem">安全退出</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown>
                    </div>
@@ -29,7 +29,26 @@

<script>
export default {
    
    data() {
        return {
           username: sessionStorage.getItem('username'),
        }
    },
    methods: {
        outSystem() {
            this.$router.push('/login');
        },
        commandClick(name) {
            switch(name) {
                case 'outSystem':
                    this.outSystem();
                break;
                default:
                    this.$layer.msg('该功能暂未开放！');
                break;
            }
        }
    }
}
</script>


 src/pages/dataTest/realTime.vue

@@ -54,7 +54,8 @@
          <div class="page-content-tools">
            <el-popover
            placement="bottom"
            trigger="hover">
            trigger="hover"
            v-show="showControl">
              <div class="hdw-menu-list">
                <ul>
                  <li class="hdw-menu-item"><a @click="dischargeDialog.show = true" href="javascript:void(0);">启动核容测试</a></li>
@@ -194,6 +195,7 @@
  },
  data() {
    return {
      username: sessionStorage.getItem('username'),
      /* 电池状态 模块 组端展示 */
      inputs: {
        group_vol: 0 /* 端电压-组端电压 */,
@@ -881,6 +883,13 @@
      } else {
        return "未知设备(待开发)"
      }
    },
    showControl() {
      if(this.username == 'superuser' || this.username == 'admin') {
        return true;
      }else {
        return false;
      }
    }
  },
  mounted() {

 src/pages/home.vue

@@ -137,30 +137,8 @@
            // 设置激活的导航
            this.acTabs = menu.name;
        },
        checkUserLogin() {
            checkUserLogin().then(res=>{
                let rs = JSON.parse(res.data.result);
                if(rs.code == 1) {
                    alert(rs.msg);
                    this.$router.push('/login');
                }else {
                    clearInterval(this.timer);
                    this.timer = setTimeout(()=>{
                        this.checkUserLogin();
                    },5000);
                }
            }).catch(error=>{
                clearInterval(this.timer);
                this.timer = setTimeout(()=>{
                    this.checkUserLogin();
                },5000);
            });
        },
    },
    mounted() {
        // 开启用户重复登录检测
        this.checkUserLogin();

        window.addEventListener('message', (msg)=>{
            // 处理数据
            this.handleMessage(msg.data);

 src/pages/login.vue

@@ -65,9 +65,14 @@
        if (res.result && JSON.parse(res.result).code == 0)
          return this.$message.error(JSON.parse(res.result).msg);
        this.$message.success("登录成功");
        sessionStorage.setItem('username', this.loginForm.username);
        this.$router.push("/home");
      });
    }
  },
  mounted() {
    // 初始化登录状态
    sessionStorage.setItem('username', "");
  }
};
</script>

 src/router/index.js

@@ -8,5 +8,12 @@
    routes
});

router.beforeEach((to, from, next)=>{
    if(to.name != 'login' && !sessionStorage.getItem('username')) {
        next('\login');
    }else {
        next();
    }
});

export default router;