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

fix:修复panel下拉选无限滚动的问题

Browse Source
This commit is contained in:
wangwenrui
2020-10-14 20:09:39 +08:00
parent c666919632
commit 181c6a87fe
1 changed files with 31 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,13 +6,14 @@
</div>
<template v-else>
<div class="top-tool-main-left">
<el-dropdown @command="panelChange" class="panel-dropdown-title" trigger="click" placement="bottom-start" v-scrollBar:el-dropdown >
<el-row @click.native="scrollbarHeightHandler" :gutter="10" class="el-dropdown-link" style="padding-right: 5px">
<el-dropdown @command="panelChange" class="panel-dropdown-title" trigger="click" placement="bottom-start" >
<el-row :gutter="10" class="el-dropdown-link" style="padding-right: 5px">
<el-col :span="21" class="panel-list-title" :title="showPanel.name">{{showPanel.name}}</el-col>
<el-col :span="3" style="padding-left:0px !important;"><i class="nz-icon nz-icon-arrow-down"></i></el-col>
</el-row>
<el-dropdown-menu class="nz-dashboard-dropdown" slot="dropdown">
<el-dropdown-menu class="nz-dashboard-dropdown panel-dropdown-title-space" slot="dropdown" >
<!--<el-dropdown-item>{{$t('dashboard.panel.createPanelTitleSec')}}</el-dropdown-item>-->
<el-scrollbar style="height: 100%;">
<el-dropdown-item >
<el-row class="panel-list-width" :gutter="10" >
<el-col :span="21"><el-input size="mini" v-model="filterPanel" @click.native.stop="filterPanelFocus($event)" @input="filterPanelFunc" clearable :placeholder="$t('overall.search')"></el-input></el-col>
@@ -45,6 +46,7 @@
</el-row>
</el-dropdown-item>
</draggable>
</el-scrollbar>
</el-dropdown-menu>
</el-dropdown>
</div>
@@ -274,6 +276,7 @@
document.querySelector("body>.el-dropdown-menu").addEventListener("ps-y-reach-end", () => {
let yDom = document.querySelector("body>.el-dropdown-menu>.ps__rail-y");
let yDom2 = document.querySelector("body>.el-dropdown-menu>.ps__rail-y>.ps__thumb-y");
console.log('top',top,top2)
if (top) {
yDom.style.top = top;
} else {
@@ -691,7 +694,9 @@
}else{
this.showPanelList = this.panelData;
}
this.$nextTick(()=>{
document.querySelector(".panel-dropdown-title-space")._ps_.update()
})
}
},
created() {
@@ -864,7 +869,7 @@
.nz-dashboard-dropdown {
height: 300px;
overflow-y: auto;
overflow-y: hidden;
li {
/*padding: 0 20px !important;*/
padding-left:20px !important;