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 12:02:34 +08:00
parent 863d88d7d3
commit 47d1863111
65 changed files with 134 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -22,7 +22,7 @@
<el-select
v-model="editAlertRule.type"
class="right-box__select half-form-item"
popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside"
popper-class="right-box-select-top prevent-clickoutside"
size="small"
:disabled="showTypeSelect"
@change="selectAlertRuleMetric">
@@ -35,7 +35,7 @@
</el-form-item>
<!--severity-->
<el-form-item :label="$t('alert.severity')" class="severity-box half-form-item" prop="severityId">
<el-select id="alert-box-input-severity" v-model="editAlertRule.severityId" class="right-box__select" placeholder="" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" size="small">
<el-select id="alert-box-input-severity" v-model="editAlertRule.severityId" class="right-box__select" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small">
<el-option v-for="item in severityData" :id="'alert-severity-'+item.value" :key="item.id" :label="item.name" :value="item.id">
<div style="display: flex;justify-content: space-between;padding: 5px;">
<div><i :style="{color:item.color,'font-size':'12px'}" class="nz-icon nz-icon-circle"></i> {{item.name}}</div>
@@ -103,7 +103,7 @@
<el-form-item v-if="showSnmpTrap" :label="$t('alert.config.unit')" class="half-form-item" prop="unit" :rules="[{ required: this.editAlertRule.type !== 3, message: this.$t('validate.required'), trigger: 'blur' }]">
<el-cascader id="alert-box-input-unit" v-model="editAlertRule.unit" :options="unitOptions" :props="{ expandTrigger: 'click',emitPath:false }" :show-all-levels="false" filterable
placeholder=""
popper-class="no-style-class dc-dropdown right-public-box-dropdown-top unit-popper-class"
popper-class="no-style-class dc-dropdown unit-popper-class"
size="small"
:disabled="!showSnmpTrap"
style="width: 100%"
@@ -129,7 +129,7 @@
v-model="editAlertRule.autoExpired"
class="right-box__select half-form-item"
placeholder=""
popper-class="prevent-clickoutside right-box-select-top right-public-box-dropdown-top"
popper-class="prevent-clickoutside right-box-select-top "
size="small"
>
<el-option
@@ -164,7 +164,7 @@
class="right-box__select half-form-item"
placeholder=""
:popper-append-to-body="false"
popper-class="prevent-clickoutside right-box-select-top right-public-box-dropdown-top"
popper-class="prevent-clickoutside right-box-select-top"
size="small"
>
<el-option
@@ -185,7 +185,7 @@
class="right-box__select half-form-item"
placeholder=""
:popper-append-to-body="false"
popper-class="prevent-clickoutside right-box-select-top right-public-box-dropdown-top"
popper-class="prevent-clickoutside right-box-select-top"
size="small"
>
<el-option
@@ -208,7 +208,7 @@
placeholder=""
multiple
@change="$refs.alertRuleForm.validateField('schedDays')"
popper-class="prevent-clickoutside right-box-select-top right-public-box-dropdown-top"
popper-class="prevent-clickoutside right-box-select-top"
size="small"
>
<el-option
@@ -253,7 +253,7 @@
class="right-box__select half-form-item"
placeholder=""
:popper-append-to-body="false"
popper-class="prevent-clickoutside right-box-select-top right-public-box-dropdown-top"
popper-class="prevent-clickoutside right-box-select-top"
size="small"
@change="receiverAndNotifyValidate"
>
@@ -275,7 +275,7 @@
class="right-box__select half-form-item"
placeholder=""
:popper-append-to-body="false"
popper-class="prevent-clickoutside right-box-select-top right-public-box-dropdown-top"
popper-class="prevent-clickoutside right-box-select-top"
size="small"
@change="receiverAndNotifyValidate"
>
@@ -298,7 +298,7 @@
filterable
multiple
placeholder=""
popper-class="prevent-clickoutside right-box-select-top right-public-box-dropdown-top"
popper-class="prevent-clickoutside right-box-select-top"
size="small"
value-key="userId"
@change="receiverShowChange"
@@ -315,7 +315,7 @@
</el-form-item>
<!--notify-->
<el-form-item :label="$t('alert.notify')" :rules="[{ required: editAlertRule.notifyExpired || editAlertRule.notifyActive, message: this.$t('validate.required'), trigger: 'change' }]" class="notify-box" prop="method" >
<el-select id="alert-box-input-notify" v-model="editAlertRule.method" class="right-box__select" multiple placeholder="" :popper-append-to-body="false" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" size="small">
<el-select id="alert-box-input-notify" v-model="editAlertRule.method" class="right-box__select" multiple placeholder="" :popper-append-to-body="false" popper-class="right-box-select-top prevent-clickoutside" size="small">
<el-option v-for="item in notifyData" :id="'alert-severity-'+item.value" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>