feat：关于回到顶部的事件解绑

nezha-fronted/src/components/cli/webSSH.vue

@@ -687,6 +687,9 @@
     mounted() {
 
     },
+    beforeDestroy(){
+      window.removeEventListener('resize',this.debounce(this.windowChange, 1000),false);
+    }
   }
 </script>
 <style scoped>

nezha-fronted/src/components/common/alert/alertMessageTable.vue

@@ -924,7 +924,7 @@
     */
     },
     beforeDestroy(){
-      let el = this.$refs.promTable.$el.querySelector(".el-table__body-wrapper");
+      let el = this.$refs.alertListTable.$el.querySelector(".el-table__body-wrapper");
       if (el._ps_) {
         el.removeEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
         el.removeEventListener("mouseenter",  this.plmouseenter.bind('',el,this));

nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue

@@ -250,6 +250,13 @@
           })
         })
       },
+      plpsscrolly(el,self){
+        if (el._ps_.scrollbarYTop > 50) {
+          self.showTopBtn = true;
+        } else {
+          self.showTopBtn = false;
+        }
+      },
     },
     watch: {
       obj: {
@@ -269,18 +276,15 @@
         //绑定滚动条事件，控制top按钮
         let el = this.$refs.cabTable.$el.querySelector(".el-table__body-wrapper");
         if (el._ps_) {
-          el.addEventListener("ps-scroll-y", () => {
+          el.addEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
-            if (el._ps_.scrollbarYTop > 50) {
-              this.showTopBtn = true;
-            } else {
-              this.showTopBtn = false;
-            }
-          });
         }
       });
     },
     beforeDestroy(){
-
+      let el = this.$refs.cabTable.$el.querySelector(".el-table__body-wrapper");
+      if (el._ps_) {
+        el.removeEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
+      }
     }
   }
 </script>

nezha-fronted/src/components/common/project/popData/lineChart.vue

@@ -1586,6 +1586,9 @@
       if(!document.onmousemove){// 移除鼠标移动事件监听
         document.onmousemove=null;
       }
+      setChart(this.chartIndex, null);
+      window.removeEventListener('resize', this.chartResize);
+      this.$refs.legendArea._ps_.destroy();
     },
   };
 

nezha-fronted/src/components/page/alert/config.vue

@@ -575,7 +575,7 @@
       });
     },
     beforeDestroy(){
-      let el = this.$refs.promTable.$el.querySelector(".el-table__body-wrapper");
+      let el = this.$refs.alertRuleTable.$el.querySelector(".el-table__body-wrapper");
       if (el._ps_) {
         el.removeEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
         el.removeEventListener("mouseenter",  this.plmouseenter.bind('',el,this));

nezha-fronted/src/components/page/asset/WebSSH.vue

@@ -202,7 +202,7 @@ export default {
     }
   },
   created() {
-    window.addEventListener('beforeunload', e => this.beforeunloadFn(e))
+    window.addEventListener('beforeunload', this.beforeunloadFn.bind(e))
   },
   mounted() {
     this.getAssetData()
@@ -234,7 +234,7 @@ export default {
     // };
   },
   beforeDestroy(){
-
+    window.removeEventListener('beforeunload',this.beforeunloadFn)
   }
 }
 </script>

nezha-fronted/src/components/page/config/account.vue

@@ -342,6 +342,19 @@
         this.$set(this.searchLabel, "orderBy", orderBy);
         this.getTableData();
       },
+      plpsscrolly(el,self){
+        if (el._ps_.scrollbarYTop > 50) {
+          self.tools.showTopBtn = true;
+        } else {
+          self.tools.showTopBtn = false;
+        }
+      },
+      plmouseenter(el,self){
+        self.tools.tableHover = true;
+      },
+      plmouseleave(el,self){
+        self.tools.tableHover = false;
+      }
     },
     computed: {
       isCurrentUser() {
@@ -379,21 +392,19 @@
         //绑定滚动条事件，控制top按钮
         let el = this.$refs.accountTable.$el.querySelector(".el-table__body-wrapper");
         if (el._ps_) {
-          el.addEventListener("ps-scroll-y", () => {
+          el.addEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
-            if (el._ps_.scrollbarYTop > 50) {
+          el.addEventListener("mouseenter",  this.plmouseenter.bind('',el,this));
-              this.tools.showTopBtn = true;
+          el.addEventListener("mouseleave", this.plmouseleave.bind('',el,this));
-            } else {
-              this.tools.showTopBtn = false;
-            }
-          });
-          el.addEventListener("mouseenter", () => {
-            this.tools.tableHover = true;
-          });
-          el.addEventListener("mouseleave", () => {
-            this.tools.tableHover = false;
-          });
         }
       });
+    },
+    beforeDestroy(){
+      let el = this.$refs.accountTable.$el.querySelector(".el-table__body-wrapper");
+      if (el._ps_) {
+        el.removeEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
+        el.removeEventListener("mouseenter",  this.plmouseenter.bind('',el,this));
+        el.removeEventListener("mouseleave", this.plmouseleave.bind('',el,this));
+      }
     }
   }
 </script>

nezha-fronted/src/components/page/config/dc.vue

@@ -537,7 +537,7 @@
       });
     },
     beforeDestroy(){
-      let el = this.$refs.promTable.$el.querySelector(".el-table__body-wrapper");
+      let el = this.$refs.dcTable.$el.querySelector(".el-table__body-wrapper");
       if (el._ps_) {
         el.removeEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
         el.removeEventListener("mouseenter",  this.plmouseenter.bind('',el,this));

nezha-fronted/src/components/page/config/mib.vue

@@ -371,7 +371,7 @@
       });
     },
     beforeDestroy(){
-      let el = this.$refs.promTable.$el.querySelector(".el-table__body-wrapper");
+      let el = this.$refs.mibTable.$el.querySelector(".el-table__body-wrapper");
       if (el._ps_) {
         el.removeEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
         el.removeEventListener("mouseenter",  this.plmouseenter.bind('',el,this));

nezha-fronted/src/components/page/config/model.vue

@@ -376,7 +376,7 @@
       },
     },
     beforeDestroy(){
-      let el = this.$refs.promTable.$el.querySelector(".el-table__body-wrapper");
+      let el = this.$refs.modelTable.$el.querySelector(".el-table__body-wrapper");
       if (el._ps_) {
         el.removeEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
         el.removeEventListener("mouseenter",  this.plmouseenter.bind('',el,this));

nezha-fronted/src/components/page/config/operationlog.vue

@@ -305,6 +305,14 @@
           });
         }
       });
+    },
+    beforeDestroy(){
+      let el = this.$refs.operationLogTable.$el.querySelector(".el-table__body-wrapper");
+      if (el._ps_) {
+        el.removeEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
+        el.removeEventListener("mouseenter",  this.plmouseenter.bind('',el,this));
+        el.removeEventListener("mouseleave", this.plmouseleave.bind('',el,this));
+      }
     }
   }
 </script>

nezha-fronted/src/components/page/config/terminallog.vue

@@ -283,6 +283,19 @@
         this.$set(this.searchLabel, "orderBy", orderBy);
         this.getTableData();
       },
+      plpsscrolly(el,self){
+        if (el._ps_.scrollbarYTop > 50) {
+          self.tools.showTopBtn = true;
+        } else {
+          self.tools.showTopBtn = false;
+        }
+      },
+      plmouseenter(el,self){
+        self.tools.tableHover = true;
+      },
+      plmouseleave(el,self){
+        self.tools.tableHover = false;
+      }
     },
     watch:{
     },
@@ -303,21 +316,19 @@
         //绑定滚动条事件，控制top按钮
         let el = this.$refs.terminalLogTable.$el.querySelector(".el-table__body-wrapper");
         if (el._ps_) {
-          el.addEventListener("ps-scroll-y", () => {
+          el.addEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
-            if (el._ps_.scrollbarYTop > 50) {
+          el.addEventListener("mouseenter",  this.plmouseenter.bind('',el,this));
-              this.tools.showTopBtn = true;
+          el.addEventListener("mouseleave", this.plmouseleave.bind('',el,this));
-            } else {
-              this.tools.showTopBtn = false;
-            }
-          });
-          el.addEventListener("mouseenter", () => {
-            this.tools.tableHover = true;
-          });
-          el.addEventListener("mouseleave", () => {
-            this.tools.tableHover = false;
-          });
         }
       });
+    },
+    beforeDestroy(){
+      let el = this.$refs.terminalLogTable.$el.querySelector(".el-table__body-wrapper");
+      if (el._ps_) {
+        el.removeEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
+        el.removeEventListener("mouseenter",  this.plmouseenter.bind('',el,this));
+        el.removeEventListener("mouseleave", this.plmouseleave.bind('',el,this));
+      }
     }
   }
 </script>

nezha-fronted/src/components/page/dashboard/panel.vue

@@ -720,19 +720,22 @@
         this.$nextTick(()=>{
           document.querySelector(".panel-dropdown-title-space")._ps_.update()
         })
-      }
+      },
+      tableListEnter(self){
+        self.tableHover = true;
+      },
+      tableListLeave(self){
+        self.tableHover = false;
+      },
+
     },
     created() {
       this.getTableData();
     },
     mounted() {
       this.onScroll();
-      document.querySelector("#tableList").addEventListener("mouseenter", () => {
+      document.querySelector("#tableList").addEventListener("mouseenter", this.tableListEnter.bind('',this));
-        this.tableHover = true;
+      document.querySelector("#tableList").addEventListener("mouseleave", this.tableListLeave.bind('',this));
-      });
-      document.querySelector("#tableList").addEventListener("mouseleave", () => {
-        this.tableHover = false;
-      });
     },
     watch: {
       'filter.searchName': function(n,o){

nezha-fronted/src/components/page/project/project.vue

@@ -865,7 +865,7 @@
       bus.$off('alert-message-change')
     },
     beforeDestroy(){
-      let el = this.$refs.promTable.$el.querySelector(".el-table__body-wrapper");
+      let el = this.$refs.endpointTable.$el.querySelector(".el-table__body-wrapper");
       if (el._ps_) {
         el.removeEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
         el.removeEventListener("mouseenter",  this.plmouseenter.bind('',el,this));