<template>
  <div style="height:100%;width:100%;">
    <header-container/>
    <div class="main-container">
      <router-view/>
    </div>
    <footer-container/>
  </div>
</template>

<script>
import HeaderContainer from '@/components/commons/Header'
import FooterContainer from '@/components/commons/Footer'
import {getCurrentUser, storageGet, storageSave} from '@/js/index'

export default {
  name: 'App',
  components: {HeaderContainer, FooterContainer},
  methods: {
    setUserInfo () {
      // storageGet('user').then((res)=>{
      //   if (res == null){
      //     this.setCurrUserByHttp()
      //   }else{
      //     this.fullScreenLoading = false
      //     this.isLogin = true
      //   }
      // }).catch((error)=>{
      //   this.setCurrUserByHttp()
      // })


      // if (storageGet('user') == null) {
      //   storageSave('rolesPermissions', {
      //     'isRegionManager': false,
      //     'isIndividualUser': false,
      //     'isEnterpriseUser': false,
      //     'isAgency': false,
      //     'isSystemAdministrator': false
      //   })
      //   console.log('本地没有用户信息,开始加载用户信息')
      //   getCurrentUser().then((res) => {
      //     console.log(res)
      //     storageSave('user', res)
      //     storageSave('rolesPermissions', getRolesPermissions(res.roleList))
      //     console.log('用户信息加载成功')
      //   }).catch(error => {
      //     console.log('用户信息加载失败')
      //     if (error.status == 401) {
      //       notify('warning', error.data)
      //     } else {
      //       notify('error', error.data)
      //     }
      //   })
      // } else {
      //   this.fullScreenLoading = false
      //   this.isLogin = true
      // }
    },
  }
}
</script>

<style>
  .main-container {
    width: 100%;
    min-height: calc(100% - 70px - 64px);
    margin: 0 auto;
  }
</style>
