crowd-test-service-frontend/src/App.vue

<template>
  <div style="width:100%;min-width: 1300px">
    <home-slice v-if="showSlice"/>
    <header-container/>
    <div class="container-wrapper">
      <slot>
        <div class="main-container">
          <router-view/>
        </div>
      </slot>
    </div>
    <footer-container/>
  </div>
</template>

<script>
import HeaderContainer from '@/components/commons/Header2.0'
import FooterContainer from '@/components/commons/Footer2.0'
import HomeSlice from '@/components/commons/HomeSlice'
import {getCurrentUser, storageGet, storageSave} from '@/js/index'

export default {
  name: 'App',
  components: {HeaderContainer, FooterContainer, HomeSlice},
  data(){
    return {
      // showSlice:false
    }
  },
  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
      // }
    },
  },
  computed:{
    showSlice(){
      if(this.$route.path==='/home')
        return  true;
    }
  },
}
</script>

<style>
  .main-container {
    width: 100%;
    min-height: calc(100% - 70px - 64px);
    margin: 0 auto;
  }
  .home-slice {
    width: 100%;
    height: 170px;
    background-image: url("./assets/img/homeSlice.png");
    background-size: 100% 100%
  }
</style>