Source/UBCS-WEB/src/page/index/top/index.vue

@@ -18,7 +18,13 @@
        <top-search></top-search>
      </span>
    </div>
    <div></div>
    <div class="top-bar__right">
      <div class="container">
        <div class="content">
          本系统为非涉密应用系统，禁止处理、存储、传输涉密信息
        </div>
      </div>
      <el-tooltip v-if="showColor"
                  effect="dark"
                  :content="$t('navbar.color')"
@@ -27,22 +33,24 @@
          <top-color></top-color>
        </div>
      </el-tooltip>
      <el-tooltip v-if="showDebug"
                  effect="dark"
                  :content="logsFlag?$t('navbar.bug'):logsLen+$t('navbar.bugs')"
                  placement="bottom">
        <div class="top-bar__item">
          <top-logs></top-logs>
        </div>
      </el-tooltip>
      <el-tooltip v-if="showLock"
                  effect="dark"
                  :content="$t('navbar.lock')"
                  placement="bottom">
        <div class="top-bar__item">
          <top-lock></top-lock>
        </div>
      </el-tooltip>
<!--      错误日志-->
<!--      <el-tooltip v-if="showDebug"-->
<!--                  effect="dark"-->
<!--                  :content="logsFlag?$t('navbar.bug'):logsLen+$t('navbar.bugs')"-->
<!--                  placement="bottom">-->
<!--        <div class="top-bar__item">-->
<!--          <top-logs></top-logs>-->
<!--        </div>-->
<!--      </el-tooltip>-->
<!--      锁屏-->
<!--      <el-tooltip v-if="showLock"-->
<!--                  effect="dark"-->
<!--                  :content="$t('navbar.lock')"-->
<!--                  placement="bottom">-->
<!--        <div class="top-bar__item">-->
<!--          <top-lock></top-lock>-->
<!--        </div>-->
<!--      </el-tooltip>-->
      <el-tooltip v-if="showTheme"
                  effect="dark"
                  :content="$t('navbar.theme')"
@@ -51,29 +59,32 @@
          <top-theme></top-theme>
        </div>
      </el-tooltip>
      <el-tooltip effect="dark"
                  :content="$t('navbar.notice')"
                  placement="bottom">
        <div class="top-bar__item top-bar__item--show">
          <top-notice></top-notice>
        </div>
      </el-tooltip>
      <el-tooltip effect="dark"
                  :content="$t('navbar.language')"
                  placement="bottom">
        <div class="top-bar__item top-bar__item--show">
          <top-lang></top-lang>
        </div>
      </el-tooltip>
      <el-tooltip v-if="showFullScren"
                  effect="dark"
                  :content="isFullScren?$t('navbar.screenfullF'):$t('navbar.screenfull')"
                  placement="bottom">
        <div class="top-bar__item">
          <i :class="isFullScren?'icon-tuichuquanping':'icon-quanping'"
             @click="handleScreen"></i>
        </div>
      </el-tooltip>
<!--      消息通知-->
<!--      <el-tooltip effect="dark"-->
<!--                  :content="$t('navbar.notice')"-->
<!--                  placement="bottom">-->
<!--        <div class="top-bar__item top-bar__item&#45;&#45;show">-->
<!--          <top-notice></top-notice>-->
<!--        </div>-->
<!--      </el-tooltip>-->
<!--      中英文-->
<!--      <el-tooltip effect="dark"-->
<!--                  :content="$t('navbar.language')"-->
<!--                  placement="bottom">-->
<!--        <div class="top-bar__item top-bar__item&#45;&#45;show">-->
<!--          <top-lang></top-lang>-->
<!--        </div>-->
<!--      </el-tooltip>-->
<!--      全屏-->
<!--      <el-tooltip v-if="showFullScren"-->
<!--                  effect="dark"-->
<!--                  :content="isFullScren?$t('navbar.screenfullF'):$t('navbar.screenfull')"-->
<!--                  placement="bottom">-->
<!--        <div class="top-bar__item">-->
<!--          <i :class="isFullScren?'icon-tuichuquanping':'icon-quanping'"-->
<!--             @click="handleScreen"></i>-->
<!--        </div>-->
<!--      </el-tooltip>-->
      <img class="top-bar__img"
           :src="userInfo.avatar">
      <el-dropdown>
@@ -96,6 +107,9 @@
          </el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
      <div style="margin-left: 15px">
        <p style="font-size: 16px">当前登录用户：{{storedUsername}}</p>
      </div>
      <el-dialog title="用户信息选择"
                 append-to-body
                 :visible.sync="userBox"
@@ -132,6 +146,7 @@
    name: "top",
    data() {
      return {
        storedUsername: '',
        userBox: false,
        userForm: {
          deptId: '',
@@ -186,6 +201,7 @@
    },
    mounted() {
      listenfullscreen(this.setScreen);
      this.storedUsername = localStorage.getItem('username');
    },
    computed: {
      ...mapState({
@@ -246,6 +262,7 @@
            resetRouter();
            this.$router.push({path: "/login"});
          });
          localStorage.removeItem("pageFlag");
        });
      }
    }
@@ -253,4 +270,22 @@
</script>

<style lang="scss" scoped>
.container {
  max-width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box;
}

.content {
  font-size: 20px;
  line-height: 20px;
  margin-right: 35px;
}

@media screen and (max-width: 768px) {
  .content {
    margin-right: 0;
  }
}
</style>