管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-05-16 dae8fb08b9ff7327da86ed249c9c97a87c90e6f2
src/App.vue
@@ -1,8 +1,5 @@
<template>
  <div
    id="app"
  >
  <div id="app">
    <router-view />
  </div>
</template>
@@ -17,6 +14,7 @@
    return {};
  },
  created() {
  },
  mounted () {
    window.addEventListener('beforeunload', e => {
@@ -37,8 +35,33 @@
        })
      }
    }
    this.addListenerExpire();
  },
  beforeDestroy() { },
  methods: {
    addListenerExpire() {
      var timeViewer = setInterval((res) => {
        if (this.$store.state.listenTime && window.localStorage.getItem("LFToken")) {
          var result = JSON.parse(window.localStorage.getItem("LFToken"))
          var time = this.$store.state.listenTime + (parseInt(result.autoLogOut) * 60 * 1000);
          var timeire = new Date().getTime();
          var token_time = result.expire;
          if (timeire >= token_time) {
            router.push('/login')
            localStorage.removeItem("LFToken");
            clearInterval(timeViewer)
          }
          if (timeire >= time) {
            router.push('/login')
            localStorage.removeItem("LFToken");
            clearInterval(timeViewer)
          }
        }
      }, 5000)
    }
  },
};
</script>
<style lang="less" scoped>
@@ -56,9 +79,5 @@
  scrollbar-face-color: #dfebff;
  /*滚动条整体颜色*/
  scrollbar-track-color: #536c97;
}
</style>