fix 已经关闭的标签页，后台仍然在发送请求 #I664OP

CHANGELOG.2.10.md

@@ -10,6 +10,8 @@
 2. 【all】节点管理中 `其他功能` 菜单更名为 `脚本管理`
 3. 【all】优化版本升级修改管理脚本里变量,采用文件记录方式
 4. 【server】优化容器启动脚本，支持监听进程已经终端重启操作
+5. 【server】修复 自动刷新页面已经关闭的标签页，后台仍然在发送请求
+   （感谢[@苏生不语](https://gitee.com/sushengbuyu) [Gitee issues I664OP](https://gitee.com/dromara/Jpom/issues/I664OP) ）
 
 ### ❌ 不兼容功能
 

web-vue/src/pages/build/list-info.vue

@@ -1,4 +1,3 @@
-/** * 这是新版本的构建列表页面，主要是分离了部分数据到【仓库管理】，以及数据会存储到数据库 */
 <template>
   <div class="full-content">
     <!-- <div ref="filter" class="filter"></div> -->
@@ -1228,6 +1227,11 @@ export default {
       });
     },
     silenceLoadData() {
+      if (this.$attrs.routerUrl !== this.$route.path) {
+        // 重新计算倒计时
+        this.countdownTime = Date.now() + this.refreshInterval * 1000;
+        return;
+      }
       getBuildList(this.listQuery, false).then((res) => {
         if (res.code === 200) {
           this.list = res.data.result;

web-vue/src/pages/dispatch/list.vue

@@ -735,6 +735,11 @@ export default {
     },
     // 静默
     silenceLoadData() {
+      if (this.$attrs.routerUrl !== this.$route.path) {
+        // 重新计算倒计时
+        this.countdownTime = Date.now() + this.refreshInterval * 1000;
+        return;
+      }
       getDishPatchList(this.listQuery, false).then((res) => {
         if (res.code === 200) {
           this.list = res.data.result;

web-vue/src/pages/node/stat.vue

@@ -245,6 +245,7 @@ export default {
       deadline: 0,
       temp: {},
       groupList: [],
+      refreshInterval: 5,
     };
   },
   computed: {},
@@ -283,7 +284,8 @@ export default {
             nodeCount2 += element;
           });
           this.nodeCount = nodeCount2;
-          this.deadline = Date.now() + res.data.heartSecond * 1000;
+          this.refreshInterval = res.data.heartSecond;
+          this.deadline = Date.now() + this.refreshInterval * 1000;
           //
           // this.openStatusMap = res.data.openStatus;
         }
@@ -291,6 +293,11 @@ export default {
     },
 
     onFinish() {
+      if (this.$attrs.routerUrl !== this.$route.path) {
+        // 重新计算倒计时
+        this.deadline = Date.now() + this.refreshInterval * 1000;
+        return;
+      }
       this.loadData();
     },
 

web-vue/src/router/index.js

@@ -205,7 +205,12 @@ const router = new Router({
       name: "home",
       component: () => import("../pages/layout"),
       redirect: "/node/list",
-      children: children,
+      children: children.map((item) => {
+        const props = item.props || {};
+        props.routerUrl = item.path;
+        item.props = props;
+        return item;
+      }),
     },
     {
       path: "/install",