管道基础大数据平台系统开发-【前端】-新系統界面
1
13693261870
2025-04-07 fc0d4346c27174acc3aa237a96b9ec5db69aa100
src/App.vue
@@ -1,8 +1,5 @@
<template>
  <div
    id="app"
  >
  <div id="app">
    <router-view />
  </div>
</template>
@@ -17,26 +14,54 @@
    return {};
  },
  created() {
  },
  mounted () {
  mounted() {
    window.addEventListener('beforeunload', e => {
      sessionStorage.setItem('beforeunload', 1);
    });
    // 监听页面刷新
    if (sessionStorage.getItem('beforeunload') == 1) {
      let name = sessionStorage.getItem("routerName");
      if (name) {
        this.$nextTick(function () {
          this.$router.push({ path: name }); //如果sessionStorage存在路由,去缓存的路由
        })
      } else {
        this.$nextTick(function () {
         this.$router.push({ path: '/' });  //不存在存储,去主页
          this.$router.push({ path: '/' });  //不存在存储,去主页
        })
      }
    }
    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>
@@ -54,9 +79,5 @@
  scrollbar-face-color: #dfebff;
  /*滚动条整体颜色*/
  scrollbar-track-color: #536c97;
}
</style>