perf: mibbrowser-model下拉的focus颜色改为灰等

1.mibbrowser-model下拉的focus颜色改为灰
2.result-table查询后改为追加到底部
This commit is contained in:
陈劲松
2020-04-20 12:06:59 +08:00
parent fc5e3e846a
commit 6c0dc58446
3 changed files with 11 additions and 10 deletions

View File

@@ -1380,7 +1380,7 @@ li{
.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:not(.is-disabled):hover,
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover, .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover,
.el-select-dropdown__item.hover, .el-select-dropdown__item: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; background-color: $dropdown-hover-background-color !important;
} }

View File

@@ -218,7 +218,7 @@
<span @click="clearResult" class="mib-browser-table-op" :title="$t('overall.clear')"><i class="el-icon-close"></i></span> <span @click="clearResult" class="mib-browser-table-op" :title="$t('overall.clear')"><i class="el-icon-close"></i></span>
</span> </span>
</div> </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"> 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}"> <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> <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.$post('mib/browser', this.searchParam).then(response => {
this.loading = false; this.loading = false;
if (response.code === 200) { 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') { if (this.searchParam.operation == 'set') {
this.$message({duration: 2000, type: 'success', message: this.$t("tip.success")}); this.$message({duration: 2000, type: 'success', message: this.$t("tip.success")});
} }
@@ -588,8 +592,11 @@
.mib-browser-model-dropdown { .mib-browser-model-dropdown {
height: 300px; height: 300px;
} }
.mib-browser-model-dropdown .el-dropdown-menu__item:focus {
color: #606266;
}
.mib-browser-model-dropdown-item-active { .mib-browser-model-dropdown-item-active {
color: $global-text-color-active; color: $global-text-color-active !important;
font-weight: bold; font-weight: bold;
background-color: #FAFAFA; background-color: #FAFAFA;
} }

View File

@@ -109,9 +109,6 @@ export const scrollBar = {
} else if (arg == "legend") { } else if (arg == "legend") {
el = el.querySelector(".legend-container"); el = el.querySelector(".legend-container");
!el && console.warn("未发现className为legend-container的dom"); !el && console.warn("未发现className为legend-container的dom");
} else if (arg == "table") {
el = el.querySelector(".table-scroll");
!el && console.warn("未发现className为table-scroll的dom");
} }
// 启用x轴后不让原生滚动条出来作乱 // 启用x轴后不让原生滚动条出来作乱
@@ -160,9 +157,6 @@ export const scrollBar = {
}else if(arg==="metric-label-cascader"){ }else if(arg==="metric-label-cascader"){
el = el.querySelector(".el-cascader__tags"); el = el.querySelector(".el-cascader__tags");
!el && console.warn("未发现className为el-cascader__tags的dom"); !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(() => { setTimeout(() => {
el.classList.add("ps"); el.classList.add("ps");