<template>
  <div class="hasaccount" >
    <div class="text">
      您的看课权限已授权子账号（{{userDetail.nickname}}），解除授权即可恢复本账号的看课权限
    </div>
    <div class="nav">
      <img @click="go" :src="icon_more" alt="">
      <p>去恢复本账号的看课权限</p>
    </div>
  </div>
</template>

<script>
  import icon_more from '../../assets/newLesson/icon_more@2x.png'
  import { subAccountinfoApi } from "../../service/api";
  export default {
    name: "hasaccount",
    data(){
      return{
        icon_more:icon_more,
        userDetail:{}
      }
    },
    mounted() {
      subAccountinfoApi().then(res =>{
       this.userDetail= res
      })
    },
    methods:{
      go(){
        this.$router.push({
            name: "subAccount",
          });
      }
    }
  }
</script>

<style scoped lang="less">
  @import "../../util/public";
  .hasaccount{
    .text{
      width: 261*@toVw;
      margin-top: 60*@toVw;
      text-align: center;
    }
    .nav{
      text-align: center;
      margin-top: 100*@toVw;
      img{
        width: 82*@toVw;
      }
      p{color: #666666;margin-top: 16*@toVw;}
    }
  }
</style>