1.修改文字 2.修改练习页面

yj

2024-05-24 99ce8c363068eb4076b4f7e9c4d505cc37eb3f78

 src/layout/index.vue

@@ -1,6 +1,6 @@
<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" />-->
        <!--国际化的语言选择-->
@@ -8,11 +8,14 @@
      </div>
      <div class="head-user" style="float:left;">
        <el-dropdown trigger="click" placement="bottom">
          <!--
          <el-image v-if="productType=='API_Fan'" :style="{'max-height': isMobile?'50px':'50px','margin-top':'5px','height':logoHeight+'px'}" :src="require('@/assets/logo-apifan.png')" fit="fill"></el-image>
          <el-image @load="imageLoad" @error="imageError" v-else-if="logo!='none'" :style="{'max-height': isMobile?'50px':'50px','margin-top':'5px','height':logoHeight+'px'}" :src="logo" fit="fill"></el-image>
          <el-badge v-else-if="logo=='none'" 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-image v-if="logoUrl != null" :style="{'max-height': isMobile?'50px':'50px','margin-top':'5px','height':logoHeight+'px'}" :src="logoUrl" fit="fill"></el-image>
          <el-dropdown-menu slot="dropdown">
<!--            <el-dropdown-item divided>保存退出</el-dropdown-item>-->
          </el-dropdown-menu>
@@ -36,20 +39,54 @@
    return {
      defaultUrl: '/index',
      logoHeight: 50,
      logoUrl: null,
      backgroundColor: '#fff',
      userInfo: {
        imagePath: null
      },
      logoUrl: 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 () {
    console.log('环境变量：')
    console.log(process.env)
  },
  computed: {

  watch: {
    logo: function (val) {
      let sessionLogoUrl = sessionStorage.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
      }
      sessionStorage.setItem('logoUrl', this.logoUrl)
      sessionStorage.setItem('backgroundColor', this.backgroundColor)
    }
  },
  mounted () {
    let sessionLogoUrl = sessionStorage.getItem('logoUrl')
    let sessionBackgroundColor = sessionStorage.getItem('backgroundColor')
    if (sessionLogoUrl !== null) {
      this.logoUrl = sessionLogoUrl
      this.backgroundColor = sessionBackgroundColor
    }
    sessionStorage.setItem('backgroundColor', this.backgroundColor)
    window.addEventListener('beforeunload', this.handleBeforeUnload)
  },
  beforeDestroy () {
    window.removeEventListener('beforeunload', this.handleBeforeUnload)
  },
  methods: {
    handleBeforeUnload: function () {
      sessionStorage.setItem('logoUrl', this.logoUrl)
    },
    logout: function () {
      window.opener = null
      window.open('about:blank', '_top').close()
@@ -58,7 +95,6 @@

    },
    imageLoad: function (e) {
      sessionStorage.setItem('logoUrl', this.logo)
      let that = this
      var img = new Image()
      img.onload = function () {
@@ -70,9 +106,6 @@
      img.src = that.logo
    },
    imageError: function (e) {
      if (this.logo === null) {
        this.setLogo(sessionStorage.getItem('logoUrl'))
      }
    },
    ...mapMutations('user', ['setLogo'])
  },
@@ -80,6 +113,21 @@
    'langSelect': LangSelect
  },
  computed: {
    // logoUrl: function () {
    //   console.log('this.logo')
    //   console.log(this.logo)
    //   let sessionLogoUrl = this.setLogo(sessionStorage.getItem('logoUrl'))
    //   if (this.productType === 'API_Fan') {
    //     return require('@/assets/logo-apifan.png')
    //   } else if (this.logo === 'none') {
    //     return require('@/assets/logo-t.jpg')
    //   } else if (this.logo === null && sessionLogoUrl !== null) {
    //     return sessionLogoUrl
    //   } else {
    //     sessionStorage.setItem('logoUrl', this.logo)
    //     return this.logo
    //   }
    // },
    ...mapState('user', { langFlag: state => state.langFlag }),
    ...mapState('user', { logo: state => state.logo }),
    ...mapState('exam', { productType: state => state.productType })