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

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

2
nezha-fronted/src/assets/stylus/main.scss
View File

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

13
nezha-fronted/src/components/page/config/mibBrowser.vue
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>
</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;
}

6
nezha-fronted/src/tools.js
View File

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