From 6c0dc584464135b4a1a5a356f595009498d41a7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=8A=B2=E6=9D=BE?= <chenjinsong@zdjizhi.com>
Date: Mon, 20 Apr 2020 12:06:59 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20mibbrowser-model=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E7=9A=84focus=E9=A2=9C=E8=89=B2=E6=94=B9=E4=B8=BA=E7=81=B0?=
 =?UTF-8?q?=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1.mibbrowser-model下拉的focus颜色改为灰
2.result-table查询后改为追加到底部
---
 nezha-fronted/src/assets/stylus/main.scss           |  2 +-
 .../src/components/page/config/mibBrowser.vue       | 13 ++++++++++---
 nezha-fronted/src/tools.js                          |  6 ------
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index dd6afff5b..f01de1dc5 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -1380,7 +1380,7 @@ li{
 .el-dropdown-menu__item:not(.is-disabled):hover,
 .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,
 .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
-  color:$global-text-color-active !important;
+  color: $global-text-color-active;
   background-color: $dropdown-hover-background-color !important;
 }
 
diff --git a/nezha-fronted/src/components/page/config/mibBrowser.vue b/nezha-fronted/src/components/page/config/mibBrowser.vue
index 7521f4ac8..e87f56782 100644
--- a/nezha-fronted/src/components/page/config/mibBrowser.vue
+++ b/nezha-fronted/src/components/page/config/mibBrowser.vue
@@ -218,7 +218,7 @@
             <span @click="clearResult" class="mib-browser-table-op" :title="$t('overall.clear')"><i class="el-icon-close"></i></span>
           </span>
         </div>
-        <pl-table :row-height="28" use-virtual :datas="resultData" border :empty-text="$t('config.mib.noData')"
+        <pl-table :row-height="28" use-virtual :datas="resultData" border :empty-text="$t('config.mib.noData')" ref="resultTable"
                   class="mib-browser-table nz-table" style="width: 100%;height: calc(100% - 31px)" v-loading="loading" v-scrollBar:el-table="'large'" :pagination-show="false">
           <pl-table-column label="Name/OID" v-slot="{row}">
             <div class="too-long-split" @click="searchParam.oid = row.oid">{{row.name ? row.name : row.oid}}</div>
@@ -407,7 +407,11 @@
         this.$post('mib/browser', this.searchParam).then(response => {
           this.loading = false;
           if (response.code === 200) {
-            this.resultData = response.data.list.concat(this.resultData);
+            let wrapper = document.querySelector(".el-table__body-wrapper");
+            if (wrapper._ps_) {
+              wrapper.scrollTop = wrapper._ps_.contentHeight;
+            }
+            this.resultData = this.resultData.concat(response.data.list);
             if (this.searchParam.operation == 'set') {
               this.$message({duration: 2000, type: 'success', message: this.$t("tip.success")});
             }
@@ -588,8 +592,11 @@
 .mib-browser-model-dropdown {
   height: 300px;
 }
+.mib-browser-model-dropdown .el-dropdown-menu__item:focus {
+  color: #606266;
+}
 .mib-browser-model-dropdown-item-active {
-  color: $global-text-color-active;
+  color: $global-text-color-active !important;
   font-weight: bold;
   background-color: #FAFAFA;
 }
diff --git a/nezha-fronted/src/tools.js b/nezha-fronted/src/tools.js
index 61df2bacb..6a0eab8d5 100644
--- a/nezha-fronted/src/tools.js
+++ b/nezha-fronted/src/tools.js
@@ -109,9 +109,6 @@ export const scrollBar = {
     } else if (arg == "legend") {
       el = el.querySelector(".legend-container");
       !el && console.warn("未发现className为legend-container的dom");
-    } else if (arg == "table") {
-      el = el.querySelector(".table-scroll");
-      !el && console.warn("未发现className为table-scroll的dom");
     }
 
     // 启用x轴后不让原生滚动条出来作乱
@@ -160,9 +157,6 @@ export const scrollBar = {
     }else if(arg==="metric-label-cascader"){
       el = el.querySelector(".el-cascader__tags");
       !el && console.warn("未发现className为el-cascader__tags的dom");
-    } else if (arg == 'table') {
-      el = el.querySelector(".table-scroll");
-      !el && console.warn("未发现className为table-scroll的dom");
     }
     setTimeout(() => {
       el.classList.add("ps");