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

style: 下拉样式调整

Browse Source
This commit is contained in:
@changcode
2021-09-26 09:14:07 +08:00
parent 8a06ca608e
commit 1e80a05033
7 changed files with 28 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -326,13 +326,27 @@
.right-box-public-alert-dropdown {
width: 320px;
}
.right-public-box-dropdown,.right-box-public-dropdown,.right-public-box-dropdown-width,.right-box-select-dropdown,.right-box-public-alert-dropdown {
.mib-browser-right-box-dropdown {
width: 236px;
}
.right-public-box-dropdown,
.right-box-public-dropdown,
.right-public-box-dropdown-width,
.right-box-select-dropdown,
.right-box-public-alert-dropdown,
.asset-right-box-dropdown-width,
.mib-browser-right-box-dropdown,
.right-box-select-top {
margin-top: 0 !important;
margin-bottom: 0 !important;
.popper__arrow {
opacity: 0;
}
}
.right-box-dropdown-top.right-box-select-dropdown,.right-public-box-dropdown.right-box-dropdown-top,.dc-dropdown.right-box-dropdown-top {
.right-box-dropdown-top.right-box-select-dropdown,
.right-public-box-dropdown.right-box-dropdown-top,
.dc-dropdown.right-box-dropdown-top,
.mib-browser-right-box-dropdown.right-box-dropdown-top,
.right-box-select-top.right-box-dropdown-top {
margin: 5px 0 !important;
}

2
nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTabNew.vue
View File

@@ -14,7 +14,7 @@
>
<template v-slot:title><span :title="obj.name">{{obj.name}}</span></template>
<template v-slot:top-tool-right>
<el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData">
<el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData" popper-class="right-box-select-top right-box-dropdown-top">
<el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
<pick-time v-model="searchTimeHeader" :default-pick="12" :refresh-data-func="getTableData" :show-empty="true" :use-chart-unit="false" :use-refresh="false"></pick-time>

2
nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
View File

@@ -161,7 +161,7 @@
:options="fieldGroupData"
:props="labelCascProp"
class="hide-input"
popper-class="prevent-clickoutside right-box-dropdown-top right-public-box-dropdown-width limit-height"
popper-class="prevent-clickoutside right-box-dropdown-top asset-right-box-dropdown-width limit-height"
size="small"
@change="addLabel"
></el-cascader>

2
nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
View File

@@ -166,7 +166,7 @@
:options="options.fieldGroupOptions"
:props="labelCascProp"
class="hide-input"
popper-class="prevent-clickoutside right-box-dropdown-top right-public-box-dropdown-width limit-height"
popper-class="prevent-clickoutside right-box-dropdown-top asset-right-box-dropdown-width limit-height"
size="small"
@change="addLabel"
></el-cascader>

2
nezha-fronted/src/components/page/alert/alertMessage.vue
View File

@@ -14,7 +14,7 @@
v-loading="tools.loading"
>
<template v-slot:top-tool-right>
<el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData">
<el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData" popper-class="right-box-select-top right-box-dropdown-top">
<el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
<pick-time v-model="searchTime" :default-pick="12" :refresh-data-func="getTableData" :show-empty="true" :use-chart-unit="false" :use-refresh="false"></pick-time>

3
nezha-fronted/src/components/page/config/mibBrowser.vue
View File

@@ -23,6 +23,7 @@
class="margin-r-20"
placeholder="IP"
size="small"
popper-class="mib-browser-right-box-dropdown right-box-dropdown-top"
style="width: 100%;"
value-key="manageIp"
@input="assetChange"
@@ -33,7 +34,7 @@
</el-autocomplete>
<el-input id="mib-browser-oid" v-model="searchParam.oid" class="margin-r-20" placeholder="OID" size="small"></el-input>
<div class="margin-r-10" style="width: 50%">
<el-select id="mib-browser-host" v-model="searchParam.operation" size="small">
<el-select id="mib-browser-host" v-model="searchParam.operation" size="small" popper-class="right-box-select-top">
<el-option v-for="item in operationData" :key="item" :value="item"></el-option>
</el-select>
</div>

12
nezha-fronted/src/components/page/config/system.vue
View File

@@ -32,7 +32,7 @@
</el-form-item>
<el-form-item :label="$t('config.system.basic.timezone')" prop="timezone">
<!-- <el-input v-model.number="basic.timezone" ></el-input>-->
<el-select v-model="basic.timezone" id="system-baisc-timezone" filterable>
<el-select v-model="basic.timezone" id="system-baisc-timezone" filterable popper-class="right-box-select-top">
<el-option v-for="(item,index) in timezoneOption" :key="index" :label="item.name" :value="item.name" >
<div style="display: flex;justify-content: space-between;padding: 5px;">
<div >{{item.name}}</div>
@@ -93,7 +93,7 @@
</el-input>
</el-form-item>
<el-form-item :label="$t('config.system.monitor.asset_ping_from')" prop="asset_ping_from">
<el-select v-model="monitor.asset_ping_from">
<el-select v-model="monitor.asset_ping_from" popper-class="right-box-select-top">
<el-option label="Global" value="1"></el-option>
<el-option label="Per-datacenter" value="2"></el-option>
</el-select>
@@ -106,7 +106,7 @@
</el-input>
</el-form-item>
<el-form-item :label="$t('config.system.monitor.metrics_storage_type')" prop="metrics_storage_type">
<el-select v-model="monitor.metrics_storage_type">
<el-select v-model="monitor.metrics_storage_type" popper-class="right-box-select-top">
<el-option :label="$t('config.system.monitor.local')" value="1"></el-option>
<el-option :label="$t('config.system.monitor.s3')" value="2"></el-option>
</el-select>
@@ -143,7 +143,7 @@
</el-input>
</el-form-item>
<el-form-item :label="$t('config.system.monitor.logs_storage_type')" prop="logs_storage_type">
<el-select v-model="monitor.logs_storage_type">
<el-select v-model="monitor.logs_storage_type" popper-class="right-box-select-top">
<el-option :label="$t('config.system.monitor.local')" value="1"></el-option>
<el-option :label="$t('config.system.monitor.s3')" value="2"></el-option>
</el-select>
@@ -216,7 +216,7 @@
<div class="el-form-item__tip">{{$t("config.system.email.testAccountTip")}}</div>
</el-form-item>
<el-form-item :label="$t('config.system.email.securityType')" prop="email_security_type">
<el-select v-model="email.email_security_type" :disabled="email.email_enable == 'off'">
<el-select v-model="email.email_security_type" :disabled="email.email_enable == 'off'" popper-class="right-box-select-top">
<el-option label="None" value="NONE"></el-option>
<el-option label="SSL" value="SSL"></el-option>
<el-option label="TLS" value="TLS"></el-option>
@@ -323,7 +323,7 @@
<!-- </label>-->
<!-- </div>-->
<!-- </div>-->
<el-select v-model="reset.type" multiple>
<el-select v-model="reset.type" multiple popper-class="right-box-select-top">
<template v-for="item in resetOptions" >
<el-option :label="item.label" :value="item.value" :key="item.label"></el-option>
</template>