gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
zhangyu
2020-11-20 15:52:06 +08:00
parent f21f48c104
commit 3cea2cf3d8
14 changed files with 92 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
nezha-fronted/src/components/cli/webSSH.vue
View File

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

2
nezha-fronted/src/components/common/alert/alertMessageTable.vue
View File

@@ -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));

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

@@ -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", () => {
if (el._ps_.scrollbarYTop > 50) {
this.showTopBtn = true;
} else {
this.showTopBtn = false;
}
});
el.addEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
}
});
},
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>

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

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

2
nezha-fronted/src/components/page/alert/config.vue
View File

@@ -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));

4
nezha-fronted/src/components/page/asset/WebSSH.vue
View File

@@ -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>

35
nezha-fronted/src/components/page/config/account.vue
View File

@@ -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", () => {
if (el._ps_.scrollbarYTop > 50) {
this.tools.showTopBtn = true;
} else {
this.tools.showTopBtn = false;
el.addEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
el.addEventListener("mouseenter", this.plmouseenter.bind('',el,this));
el.addEventListener("mouseleave", this.plmouseleave.bind('',el,this));
}
});
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>

2
nezha-fronted/src/components/page/config/dc.vue
View File

@@ -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));

2
nezha-fronted/src/components/page/config/mib.vue
View File

@@ -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));

2
nezha-fronted/src/components/page/config/model.vue
View File

@@ -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));

8
nezha-fronted/src/components/page/config/operationlog.vue
View File

@@ -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>

35
nezha-fronted/src/components/page/config/terminallog.vue
View File

@@ -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", () => {
if (el._ps_.scrollbarYTop > 50) {
this.tools.showTopBtn = true;
} else {
this.tools.showTopBtn = false;
el.addEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
el.addEventListener("mouseenter", this.plmouseenter.bind('',el,this));
el.addEventListener("mouseleave", this.plmouseleave.bind('',el,this));
}
});
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>

17
nezha-fronted/src/components/page/dashboard/panel.vue
View File

@@ -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", () => {
this.tableHover = true;
});
document.querySelector("#tableList").addEventListener("mouseleave", () => {
this.tableHover = false;
});
document.querySelector("#tableList").addEventListener("mouseenter", this.tableListEnter.bind('',this));
document.querySelector("#tableList").addEventListener("mouseleave", this.tableListLeave.bind('',this));
},
watch: {
'filter.searchName': function(n,o){

2
nezha-fronted/src/components/page/project/project.vue
View File

@@ -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));