<template>
|
<el-container>
|
<el-header height="60" class="student-header header" :style="{'background-color': productType==='API_Fan'?'#fff':'#409eff'}">
|
<div class="head-language" v-if="langFlag">
|
<!--<lang-select class="right-menu-item" />-->
|
<!--国际化的语言选择-->
|
<!--<component :is="langSelect"></component>-->
|
</div>
|
<div class="head-user" style="float:left;">
|
<el-dropdown trigger="click" placement="bottom">
|
<el-image v-if="productType==='API_Fan'" :style="{'width': isMobile?'120px':'150px','margin-top':'5px'}" :src="require('@/assets/logo-apifan.png')" fit="fill"></el-image>
|
<el-badge v-else style="height: 50px;">
|
<el-avatar class="el-dropdown-avatar" size="medium" :src="userInfo.imagePath === null ? require('@/assets/logo-t.jpg') : userInfo.imagePath"></el-avatar>
|
</el-badge>
|
<el-dropdown-menu slot="dropdown">
|
<!-- <el-dropdown-item divided>保存退出</el-dropdown-item>-->
|
</el-dropdown-menu>
|
</el-dropdown>
|
</div>
|
</el-header>
|
<el-main class="student-main">
|
<router-view/>
|
</el-main>
|
<el-footer height="340" class="student-footer">
|
</el-footer>
|
</el-container>
|
</template>
|
|
<script>
|
import LangSelect from '@/components/LangSelect'
|
import { mapState } from 'vuex'
|
export default {
|
name: 'Layout',
|
data () {
|
return {
|
defaultUrl: '/index',
|
userInfo: {
|
imagePath: null
|
},
|
langSelect: 'langSelect',
|
isMobile: /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obile|ini)/.test(navigator.userAgent)
|
}
|
},
|
created () {
|
},
|
methods: {
|
logout: function () {
|
window.opener = null
|
window.open('about:blank', '_top').close()
|
}
|
},
|
components: {
|
'langSelect': LangSelect
|
},
|
computed: {
|
...mapState('user', { langFlag: state => state.langFlag }),
|
...mapState('exam', { productType: state => state.productType })
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.header {
|
position: fixed;
|
width: 100%;
|
z-index: 1000;
|
top: 0%;
|
|
.head-language {
|
position: absolute;
|
bottom: 10px;
|
right: 80px;
|
}
|
}
|
</style>
|
