<template>
  <div class="loginBox">
    <iframe allow="camera *; microphone *;display-capture;midi;encrypted-media;" :src="iframe" frameborder="0"></iframe>
    <!-- <button @click="handleLogin">登录</button> -->
  </div>
</template>

<script>
// import { mapActions } from 'vuex'
import { mapGetters } from 'vuex'
export default {
  data() {
    return {
      redirect: undefined,
      timer: null,
      iframe: 'https://cloud.cocorobo.cn/aigpt/'
    }
  },
  computed: {
    ...mapGetters(['userinfo'])
  },
  watch: {
    $route: {
      handler: function(route) {
        this.redirect = route.query && route.query.redirect
      },
      immediate: true
    }
  },
  methods: {
    // ...mapActions({
    //   login: 'user/login'
    // }),
    // handleLogin() {
    //   this.$router.push({ path: this.redirect || '/' })
    // },
    // async getLogin() {
    //   const userid = await this.login()
    //   if (userid) {
    //     this.$router.push({ path: this.redirect || '/' })
    //   }
    //   // eduGet().then(res => {})
    // }
  },
  beforeDestroy() {
    clearInterval(this.timer)
    this.timer = null
  },
  mounted() {
    // this.getLogin()
    // this.timer = setInterval(() => {
    //   this.getLogin()
    // }, 2000)
    this.iframe = `https://cloud.cocorobo.cn/aigpt/?userid=${this.userinfo.userid}&oid=${this.userinfo.organizeid}&org=${this.userinfo.org}&role=${this.userinfo.role}`
  }
}
</script>

<style lang="scss" scoped>
.loginBox {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;

  > iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }
}
</style>
