<template>
  <div class="relogin">
      <div class="text">当前已退出{{ webTitle }}</div>
      <v-btn rounded class="elevation-5 buttons mb-3" color="success" @click="signAgain">点击重新登录</v-btn>
      <v-btn rounded class="elevation-5 buttons" color="warning" @click="handleChange">切换账户</v-btn>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  name: 'reminder-page',
  computed: {
    ...mapGetters(['lang', 'systemInfo']),
    webTitle () {
      if (this.lang === 'zh') {
        return this.systemInfo?.title || this.$DEFAULT_TITLE
      }
      return this.systemInfo?.titleEn || 'Refined Management'
    }
  },
  methods: {
    signAgain () {
      // window.location.href = '/home'
      this.$router.push('/')
    },
    handleChange () {
      window.open('http://aam.icbc/uniform_attestation/exitokoa.jsp', '_blank')
    }
  }
}
</script>

<style lang="less" scoped>
.relogin{
  width: 100%;
  height: 100%;
  background-image: url("../../assets/login/login_bg.jpg");
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.text{
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 30px;
}
</style>
