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

style: select 选择器样式调整

Browse Source
This commit is contained in:
@changcode
2021-10-29 14:25:59 +08:00
parent 7108810a36
commit 950b54381b
12 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15,7 +15,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" popper-class="right-box-select-top">
<el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData" popper-class="right-box-select-top right-public-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/myDatePicker/src/panel/date.vue
View File

@@ -2,7 +2,7 @@
<transition name="el-zoom-in-top" @after-enter="handleEnter" @after-leave="handleLeave">
<div
v-show="visible"
class="el-picker-panel el-date-picker el-popper right-box-select-top right-public-box-dropdown-top"
class="el-picker-panel el-date-picker el-popper right-box-select-top"
:class="[{
'has-sidebar': $slots.sidebar || shortcuts,
'has-time': showTime

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

@@ -15,7 +15,7 @@
<!--DC-->
<el-form-item :label="$t('config.dc.dc')" prop="dc.name">
<div class="right-box-form-content">
<el-select id="prom-box-input-dc" v-model="editPromServer.dc" placeholder="" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="id">
<el-select id="prom-box-input-dc" v-model="editPromServer.dc" placeholder="" class="right-box__select" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" size="small" value-key="id">
<el-option v-for="item in dcData" :id="'prom-edit-dc-op-'+item.id" :key="item.id" :label="item.name" :value="item">
<span class="config-dropdown-label-txt">{{item.name}}</span>
</el-option>

4
nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
View File

@@ -226,7 +226,7 @@
:format="'HH:mm'"
v-model="editAlertRule.schedStime"
size="small"
popper-class="right-box-select-top right-public-box-dropdown-top"
popper-class="right-box-select-top"
:clearable = 'false'
:picker-options="{
}">
@@ -236,7 +236,7 @@
:value-format="'HH:mm'"
:format="'HH:mm'"
size="small"
popper-class="right-box-select-top right-public-box-dropdown-top"
popper-class="right-box-select-top"
:clearable = 'false'
v-model="editAlertRule.schedEtime"
:picker-options="{

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

@@ -71,7 +71,7 @@
v-model="editAsset.purchaseDate"
placeholder=""
size="small"
popper-class="right-box-select-top right-public-box-dropdown-top"
popper-class="right-box-select-top"
style="width: 100%"
type="date"
value-format="yyyy-MM-dd">
@@ -141,7 +141,7 @@
v-model="label.value[0]"
:type="JSON.parse(label.param).subType === assetConstants.labelSubTypeData.date ? 'dateRange' : 'datetimerange'"
placeholder=""
popper-class="right-box-select-top right-public-box-dropdown-top"
popper-class="right-box-select-top"
size="small"
style="width: 100%">
</my-date-picker>
@@ -152,7 +152,7 @@
v-model="label.value[0]"
:type="JSON.parse(label.param).subType"
placeholder=""
popper-class="right-box-select-top right-public-box-dropdown-top"
popper-class="right-box-select-top"
size="small"
style="width: 100%"
value-format="yyyy-MM-dd">
@@ -174,7 +174,7 @@
:options="options.fieldGroupOptions"
:props="labelCascProp"
class="hide-input"
popper-class="prevent-clickoutside right-box-select-top right-public-box-dropdown-top limit-height"
popper-class="prevent-clickoutside right-box-select-top limit-height"
size="small"
@change="addLabel"
></el-cascader>

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

@@ -21,7 +21,7 @@
<el-input placeholder="" maxlength="128" show-word-limit v-model="editDc.tel" size="small" id="dc-box-input-tel"></el-input>
</el-form-item>
<el-form-item :label='$t("asset.principal")' prop="principal">
<el-select value-key="id" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" v-model="editDc.principal" placeholder="" size="small" id="dc-box-input-principal">
<el-select value-key="id" class="right-box__select" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" v-model="editDc.principal" placeholder="" size="small" id="dc-box-input-principal">
<el-option v-for="item in userData" :key="item.id" :label="item.name" :value="item.id" style="width: 620px">
<span class="user-name" :title="item.name">{{item.name}}</span><span class="user-username" :title="item.username">@{{item.username}}</span>
</el-option>

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

@@ -18,7 +18,7 @@
<el-input placeholder="" maxlength="256" show-word-limit v-model="editCredential.remark" size="small" id="credential-box-input-remark"></el-input>
</el-form-item>
<el-form-item :label='$t("config.mib.credential.type")' prop="type">
<el-select v-model="editCredential.type" placeholder="" id="credential-box-input-type" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" @change="typeChange">
<el-select v-model="editCredential.type" placeholder="" id="credential-box-input-type" class="right-box__select" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" @change="typeChange">
<el-option v-for="item in $CONSTANTS.snmpProtocolTypes" :key="item.value" :label="item.label" :value="item.value">
<span class="panel-dropdown-label-txt" >{{item.label}}</span>
</el-option>

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" popper-class="right-box-select-top">
<el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData" popper-class="right-box-select-top right-public-box-dropdown-top">
<el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
<button id="asset-filter" :class="[dataListLayout.indexOf('clickSearch') > -1?'is-focus':'' ]" class="top-tool-btn margin-r-10" @click.stop="showClickSearch">

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

@@ -60,7 +60,7 @@
<span>SNMP MIBs</span>
<el-dropdown ref="modelDropdown" :hide-on-click="false" trigger="click" @command="selectModel">
<span class="mib-browser-table-op">{{$t("config.model.model") + " "}}<i class="nz-icon nz-icon-funnel"></i></span>
<el-dropdown-menu slot="dropdown" class="mib-browser-model-dropdown el-dropdown-multi">
<el-dropdown-menu slot="dropdown" class="mib-browser-model-dropdown el-dropdown-multi right-box-select-top">
<el-dropdown-item v-for="(item, index) in modelData" :key="index" :class="{'dropdown-item-active': walkParam.models.indexOf(item.id) > -1}" :command="item">{{item.name}}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>

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

@@ -41,7 +41,7 @@
</template>
<template v-if="item.prop == 'role'">
<el-popover :content="rules.roleId.message" placement="top" trigger="manual" v-model="rules.roleId.switch" popper-class="small-pop warn-pop" @after-enter="popShow(rules.roleId)">
<el-select v-model="scope.row[item.prop]" size="small" :placeholder="$t('el.select.placeholder')" value-key="id" slot="reference" popper-class="api-select right-box-select-top role-system-table">
<el-select v-model="scope.row[item.prop]" size="small" :placeholder="$t('el.select.placeholder')" value-key="id" slot="reference" popper-class="api-select right-box-select-top right-public-box-dropdown-top role-system-table">
<template v-for="role in roles" >
<el-option :label="role.name" :value="role"></el-option>
</template>

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

@@ -46,7 +46,7 @@
</template>
<template v-if="item.prop == 'account'">
<el-popover :content="rules.account.message" placement="top" trigger="manual" v-model="rules.account.switch" popper-class="small-pop warn-pop" @after-enter="popShow(rules.account)">
<el-select slot="reference" v-model="scope.row[item.prop]" :placeholder="$t('el.select.placeholder')" size="small" popper-class="right-box-select-top ">
<el-select slot="reference" v-model="scope.row[item.prop]" :placeholder="$t('el.select.placeholder')" size="small" popper-class="right-box-select-top right-public-box-dropdown-top">
<template v-for="param in accountParams">
<el-option :label="param.label" :value="param.value"></el-option>
</template>

6
nezha-fronted/src/components/page/dashboard/alertChartParam.vue
View File

@@ -11,12 +11,12 @@
clearable></el-cascader>
</el-form-item>
<el-form-item :label="$t('dashboard.panel.chartForm.alertParam.alertRule')">
<el-select class="form-item" size="small" :placeholder="$t('el.select.placeholder')" popper-class="alert-form-pop right-box-select-top no-style-class" v-model="parameters.alertRule" clearable id="alert-param-alertrule">
<el-select class="form-item" size="small" :placeholder="$t('el.select.placeholder')" popper-class="alert-form-pop right-box-select-top right-public-box-dropdown-top no-style-class" v-model="parameters.alertRule" clearable id="alert-param-alertrule">
<el-option v-for="(rule, index) in alertRules" :key="index" :label="rule.name" :value="rule.id"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('dashboard.panel.chartForm.alertParam.level')" prop="level" class="severity-box">
<el-select class="form-item" size="small" :placeholder="$t('el.select.placeholder')" popper-class="alert-form-pop right-box-select-top no-style-class" v-model="parameters.level" clearable id="alert-param-level">
<el-select class="form-item" size="small" :placeholder="$t('el.select.placeholder')" popper-class="alert-form-pop right-box-select-top right-public-box-dropdown-top no-style-class" v-model="parameters.level" clearable id="alert-param-level">
<el-option v-for="item in alertPriority" :id="'alert-severity-'+item.value" :key="item.id" :label="item.name" :value="item.id">
<span>
<i class="nz-icon nz-icon-circle" :style="{color:item.color,'font-size':'12px'}"></i> {{item.name}}
@@ -26,7 +26,7 @@
<i class="nz-icon nz-icon-circle severity-circle" v-if="parameters.level" :style="{color: alertPriority.length > 0 && alertPriority.find(severity => severity.id === parameters.level).color,'font-size':'12px'}"></i>
</el-form-item>
<el-form-item :label="$t('dashboard.panel.chartForm.alertParam.state')">
<el-select class="form-item" size="small" popper-class="alert-form-pop right-box-select-top no-style-class" v-model="parameters.state" clearable id="alert-param-state">
<el-select class="form-item" size="small" popper-class="alert-form-pop right-box-select-top right-public-box-dropdown-top no-style-class" v-model="parameters.state" clearable id="alert-param-state">
<el-option v-for="(item, index) in states" :key="index" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>