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

fix：回收关于表格的缓存以及回到顶部按钮不显示的问题

Browse Source
This commit is contained in:
zhangyu
2020-11-20 16:55:21 +08:00
parent 1534c423b1
commit 3fbddf470e
13 changed files with 40 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -161,7 +161,7 @@
</span>
</template>
<template v-slot="scope">
<button v-if="scope.$index == 0" class="to-top" :style="{top: tools.toTopBtnTop}" :class="{'to-top-is-hover': tools.tableHover}" v-show="tools.showTopBtn && tools.mainResizeShow" @click="$toTop('ps', 0)"><i class="nz-icon nz-icon-top"></i></button>
<button v-if="scope.$index == 0" class="to-top" :style="{top: tools.toTopBtnTop}" :class="{'to-top-is-hover': tools.tableHover}" v-show="tools.showTopBtn && bottomBox.mainResizeShow" @click="$toTop('ps', 0)"><i class="nz-icon nz-icon-top"></i></button>
</template>
</el-table-column>
</el-table>
@@ -854,16 +854,21 @@
return this.$CONSTANTS.alertMessage.severityData.find(s => {return s.value == key}).label
},
plpsscrolly(el,self){
console.log(el._ps_,self.bottomBox.mainResizeShow)
if (el._ps_.scrollbarYTop > 50) {
console.log(true)
self.tools.showTopBtn = true;
} else {
console.log(false)
self.tools.showTopBtn = false;
}
},
plmouseenter(el,self){
console.log('plmouseenter')
self.tools.tableHover = true;
},
plmouseleave(el,self){
console.log('plmouseleave')
self.tools.tableHover = false;
}
},
@@ -899,6 +904,7 @@
this.$nextTick(() => {
//绑定滚动条事件，控制top按钮
let el = this.$refs.alertListTable.$el.querySelector(".el-table__body-wrapper");
console.log(el);
if (el._ps_) {
el.addEventListener("ps-scroll-y", this.plpsscrolly.bind('',el,this));
el.addEventListener("mouseenter", this.plmouseenter.bind('',el,this));
@@ -929,6 +935,7 @@
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));
el._ps_.destroy();
}
}
}

1
nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTab.vue
View File

@@ -686,6 +686,7 @@
this.dropCol = localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-/alertList")
? JSON.parse(localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-/alertList"))
: this.tableTitle;
this.$refs['alertMessageTable'].bottomBox.mainResizeShow=false;
},
beforeDestroy(){

1
nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
View File

@@ -695,6 +695,7 @@
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));
el._ps_.destroy();
}
}
}

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

@@ -580,6 +580,7 @@
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));
el._ps_.destroy();
}
}
}

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

@@ -836,6 +836,7 @@
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));
el._ps_.destroy();
}
},
destroyed() {

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

@@ -404,6 +404,7 @@
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));
el._ps_.destroy();
}
}
}

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

@@ -542,6 +542,7 @@
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));
el._ps_.destroy();
}
}
}

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

@@ -376,6 +376,7 @@
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));
el._ps_.destroy();
}
}
}

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

@@ -381,6 +381,7 @@
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));
el._ps_.destroy();
}
}
}

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

@@ -312,6 +312,7 @@
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));
el._ps_.destroy();
}
}
}

1
nezha-fronted/src/components/page/config/promServer.vue
View File

@@ -457,6 +457,7 @@
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));
el._ps_.destroy();
}
}
}

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

@@ -328,6 +328,7 @@
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));
el._ps_.destroy();
}
}
}

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

@@ -752,6 +752,7 @@
return '';
},
plpsscrolly(el,self){
console.log(self.tools.showTopBtn && self.bottomBox.mainResizeShow)
if (el._ps_.scrollbarYTop > 50) {
self.tools.showTopBtn = true;
} else {
@@ -817,16 +818,26 @@
},
watch:{
pageType(n){
console.log(n);
if(n=='endpoint'){
this.$nextTick(()=>{
setTimeout(()=>{
//绑定滚动条事件，控制top按钮
let el=this.$refs.endpointTable.$el.querySelector(".el-table__body-wrapper");
console.log(el._ps_);
if(el._ps_){
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));
}
});
},100)
}else{
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));
el.removeEventListener("mouseleave", this.plmouseleave.bind('',el,this));
el._ps_.destroy();
}
}
},
currentModule(n,o){
@@ -865,11 +876,14 @@
bus.$off('alert-message-change')
},
beforeDestroy(){
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));
el.removeEventListener("mouseleave", this.plmouseleave.bind('',el,this));
if(this.$refs.endpointTable){
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));
el.removeEventListener("mouseleave", this.plmouseleave.bind('',el,this));
el._ps_.destroy();
}
}
}
}