sso-parent/sso-manage-console-web/src/App.vue

<template>
  <div id="app">
    <nav-header></nav-header>
    <router-view></router-view>
  </div>
</template>

<script>
  import {NavHeader} from '@/components/common'

  export default {
    name: 'app',
    components: {
      NavHeader
    },
    created () {
      // 首次获取未处理申诉的数量
      this.$store.dispatch('countUnHandleAppeals')
      // 建立定时任务不断获取未处理申诉的数量
      window.appealsCount = setInterval(() => {
        this.$store.dispatch('countUnHandleAppeals')
      }, 3000)
    },
    beforeRouteLeave () {
      console.log('清除定时器')
      clearInterval(window.appealsCount)
    }
  }
</script>

<!-- Global CSS for all vue components -->
<style>
  html, body {
    /* TODO 1920 * 880 */
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei", "Microsoft YaHei UI", sans-serif;
  }
  a:hover, a:visited, a:focus {
    text-decoration: none;
  }
</style>

<!-- scoped CSS -->
<style scoped>

</style>