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

style: agent 下载弹框，下拉选择器样式调整

Browse Source
This commit is contained in:
@changcode
2021-10-11 15:16:13 +08:00
parent ff57b661f7
commit d2f6dee57d
3 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
nezha-fronted/src/assets/css/common/rightBoxCommon.scss
View File

@@ -326,6 +326,9 @@
.dc-dropdown.right-public-box-dropdown-top,.right-public-box-select-top.right-public-box-dropdown-top {
margin: 5px 0 !important;
}
.agent-select {
z-index: 2200 !important;
}
.popper__arrow {
opacity: 0;
}

6
nezha-fronted/src/components/page/config/agent.vue
View File

@@ -49,7 +49,7 @@
<div class="right-box-sub-title">{{$t('config.agent.agent.download')}}</div>
<div style="margin-bottom: 20px;width: 100%"></div>
<el-form-item :label="$t('config.agent.agent.osType')" class="half-form-item" prop="osType">
<el-select v-model="agentParam.osType" style="z-index: 9999 !important;" class="right-box-row-with-btn" popper-class="right-public-box-select-top right-public-box-dropdown-top" placeholder="">
<el-select v-model="agentParam.osType" class="right-box-row-with-btn" popper-class="right-public-box-select-top agent-select right-public-box-dropdown-top" placeholder="">
<el-option v-for="item in osTypes" :key="item.name" :label="item.label" :value="item.name">
<span class="panel-dropdown-label-txt" >{{item.label}}</span>
</el-option>
@@ -62,14 +62,14 @@
<div style="margin-bottom: 20px;width: 100%"></div>
<el-form-item :label="$t('config.dc.dc')" class="half-form-item" prop="dc">
<el-select v-model="agentParam.dc" style="z-index: 9999 !important;" class="right-box-row-with-btn" popper-class="right-public-box-select-top right-public-box-dropdown-top" placeholder="">
<el-select v-model="agentParam.dc" class="right-box-row-with-btn" popper-class="right-public-box-select-top agent-select right-public-box-dropdown-top" placeholder="">
<el-option v-for="item in allDc" :key="item.id" :label="item.name" :value="item.id">
<span class="panel-dropdown-label-txt" >{{item.name}}</span>
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('config.agent.agent.type')" class="half-form-item" prop="type">
<el-select v-model="agentParam.type" style="z-index: 9999 !important;" class="right-box-row-with-btn" popper-class="right-public-box-select-top right-public-box-dropdown-top" placeholder="">
<el-select v-model="agentParam.type" class="right-box-row-with-btn" popper-class="right-public-box-select-top agent-select right-public-box-dropdown-top" placeholder="">
<el-option v-for="item in agent2.theData" :key="item.value" :label="item.label" :value="item.value" :disabled="federationEnabled && item.value == 2">
<span class="panel-dropdown-label-txt" >{{item.label}}</span>
</el-option>

2
nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue
View File

@@ -22,7 +22,7 @@
</el-cascader-panel>
<el-cascader-panel v-else v-show="dropDownVisible" ref="metricSelector" slot="dropdown"
v-model="cascaderValue" v-clickoutside="closeDropdown" v-loading="tempBoxShowLoading"
:loading="loading" :props="cascaderProps" @change="logLabelChange">
:loading="loading" :props="cascaderProps" @change="logLabelChange" style="margin-top: 5px;">
<template slot-scope="{ node, data }">
<div :title="data.label" class="nz-cascade">
{{data.label}}