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

<script>
  import icon_more from '../../assets/newLesson/icon_more@2x.png'
  import { subAccountinfoApi } from "../../service/api";
  import bottomTab from "../public/bottomTab";
  export default {
    name: "hasaccount",
    components: {
    bottomTab
  },
    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: 70*@toVw;
      text-align: center;
      font-size: 17*@toVw;
      font-weight: 500;
    }
    .nav{
      text-align: center;
      margin-top:30vh;
      font-size: 13*@toVw;
      img{
        width: 82*@toVw;
      }
      p{color: #666666;margin-top: 13*@toVw;}
    }
  }
</style>