<template>
  <div class="comapany-boxs">
    <div class="user-boxs">
      <div class="username" v-if="false">{{user.realName}}</div>
      <div class="loginout"  @click="exitSystem">注销</div>
    </div>
    <div class="login-box">
      <div class="logo-box">
        <div class="logo-icon"></div>
        <div class="logo-title" v-if="false">智慧园区平台</div>
      </div>
      <div class="form-body1">
        <a :href="'http://223.84.218.79:18083/route/login?token='+token"  target="_Blank" class="tabs-li aj">安全监管平台</a>
        <a :href="'http://223.84.218.79:18088/jxdx/pages/index.html?token='+token" target="_Blank" class="tabs-li hb">环保监管平台</a>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'login',
    data () {
      return {
        token:null,user:{}
      }
    },
    created (){
      let vm = this;
      vm.token = JSON.parse(sessionStorage.getItem("token"))
      vm.user = JSON.parse(sessionStorage.getItem("userData"));
      console.log(vm.user)
    },
    methods:{
      exitSystem (){
        let vm = this;
        vm.$confirm('确定退出系统吗？','提示',{type:'warning'}).then(()=> {
          vm.$router.push({path: "/login"})
          vm.$http.post('/uniform-auth/auth/logout').then(function (resp) {
            let _data = resp.data;
            if (_data.code === 200) {
              axios.defaults.headers.common['Authorization'] = ""
              sessionStorage.setItem("token", "")
              sessionStorage.removeItem("userData");
              vm.$router.push({path: "/login"})
            } else {
              vm.$message.error(_data.message);
            }
          })
        })
      },
    }
  }
</script>
<style scoped>
  /*login*/
  .comapany-boxs{width: 100%;height: 100%;background:url(../assets/images/loginbg.png) no-repeat;background-size:100% 100%;}
  .comapany-boxs .login-box{width:520px;height:373px;left:calc(50% - 260px);top: calc(50% - 260px);position: relative;}
  .comapany-boxs .logo-box{width: 100%;height:100px;}
  .comapany-boxs .logo-icon{width:100%;height: 70px;background:url(../assets/images/logo.png) no-repeat center;float: left}
  .comapany-boxs .logo-title{width: auto;height:70px;line-height:70px;color:#00e4ff;font-size: 30px;text-align: center;float: left;margin-left: 30px;}
  .comapany-boxs .form-body1{width:100%;height:232px;}
  .comapany-boxs .tabs-li{width: 246px;height: 232px;float:left;cursor: pointer;font-size: 0px;}
  .comapany-boxs .tabs-li:hover{opacity: 0.8;}
  .comapany-boxs .tabs-li.aj{background:url(../assets/images/aj.png) no-repeat center;}
  .comapany-boxs .tabs-li.hb{background:url(../assets/images/hb.png) no-repeat center;float: right}
  .user-boxs{height:42px;line-height: 42px;position: absolute;right: 20px;color:#0ab7ff;width: auto;}
  .loginout{background: url(../assets/images/exit.png) no-repeat 0 center;padding-left:30px;cursor: pointer;float: left}
  .loginout:hover{color: #fff;}
  .username{float: left;margin-right: 30px;}
</style>