| | |
| | | <template> |
| | | <el-container> |
| | | <el-header height="60" class="student-header header" :style="{'background-color': logo!='none'?'#fff':'#409eff'}"> |
| | | <el-header height="60" class="student-header header" :style="{'background-color': backgroundColor}"> |
| | | <div class="head-language" v-if="langFlag"> |
| | | <!--<lang-select class="right-menu-item" />--> |
| | | <!--国际化的语言选择--> |
| | |
| | | return { |
| | | defaultUrl: '/index', |
| | | logoHeight: 50, |
| | | backgroundColor: '#fff', |
| | | userInfo: { |
| | | imagePath: null |
| | | }, |
| | |
| | | }, |
| | | watch: { |
| | | logo: function (val) { |
| | | let sessionLogoUrl = sessionStorage.getItem('logoUrl') |
| | | let sessionLogoUrl = localStorage.getItem('logoUrl') |
| | | if (this.productType === 'API_Fan') { |
| | | this.logoUrl = require('@/assets/logo-apifan.png') |
| | | } else if (val === 'none') { |
| | | this.backgroundColor = '#409eff' |
| | | this.logoUrl = require('@/assets/logo-t.png') |
| | | } else if (val !== null) { |
| | | this.logoUrl = val |
| | | this.backgroundColor = '#fff' |
| | | } else if (sessionLogoUrl !== null) { |
| | | this.logoUrl = sessionLogoUrl |
| | | } |
| | | console.log('logoUrl:' + this.logoUrl) |
| | | sessionStorage.setItem('logoUrl', this.logoUrl) |
| | | localStorage.setItem('logoUrl', this.logoUrl) |
| | | localStorage.setItem('backgroundColor', this.backgroundColor) |
| | | } |
| | | }, |
| | | mounted () { |
| | | let sessionLogoUrl = sessionStorage.getItem('logoUrl') |
| | | let sessionLogoUrl = localStorage.getItem('logoUrl') |
| | | let sessionBackgroundColor = localStorage.getItem('backgroundColor') |
| | | if (sessionLogoUrl !== null) { |
| | | this.logoUrl = sessionLogoUrl |
| | | this.backgroundColor = sessionBackgroundColor |
| | | } |
| | | localStorage.setItem('backgroundColor', this.backgroundColor) |
| | | window.addEventListener('beforeunload', this.handleBeforeUnload) |
| | | window.addEventListener('unload', this.handleUnload) |
| | | }, |
| | | beforeDestroy () { |
| | | window.removeEventListener('beforeunload', this.handleBeforeUnload) |
| | | window.removeEventListener('unload', this.handleUnload) |
| | | }, |
| | | methods: { |
| | | handleBeforeUnload: function () { |
| | | sessionStorage.setItem('logoUrl', this.logoUrl) |
| | | }, |
| | | handleUnload: function () { |
| | | console.log('已经刷新') |
| | | localStorage.setItem('logoUrl', this.logoUrl) |
| | | }, |
| | | logout: function () { |
| | | window.opener = null |
| | |
| | | // logoUrl: function () { |
| | | // console.log('this.logo') |
| | | // console.log(this.logo) |
| | | // let sessionLogoUrl = this.setLogo(sessionStorage.getItem('logoUrl')) |
| | | // let sessionLogoUrl = this.setLogo(localStorage.getItem('logoUrl')) |
| | | // if (this.productType === 'API_Fan') { |
| | | // return require('@/assets/logo-apifan.png') |
| | | // } else if (this.logo === 'none') { |
| | |
| | | // } else if (this.logo === null && sessionLogoUrl !== null) { |
| | | // return sessionLogoUrl |
| | | // } else { |
| | | // sessionStorage.setItem('logoUrl', this.logo) |
| | | // localStorage.setItem('logoUrl', this.logo) |
| | | // return this.logo |
| | | // } |
| | | // }, |