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

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

@@ -24,7 +24,7 @@
<el-select
v-model="editAsset.pid"
class="right-box__select"
popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside"
popper-class="right-box-select-top prevent-clickoutside"
size="small"
:placeholder="$t('el.select.placeholder')"
value-key="id">
@@ -32,7 +32,7 @@
</el-select>
</el-form-item>
<el-form-item :label="$t('asset.state')" prop="stateId">
<el-select v-model="editAsset.stateId" class="right-box__select" :placeholder="$t('el.select.placeholder')" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" size="small" value-key="id">
<el-select v-model="editAsset.stateId" class="right-box__select" :placeholder="$t('el.select.placeholder')" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="id">
<el-option v-for="state in options.stateOptions" :key="state.id" :label="state.name" :value="state.id">
<div style="display: flex;justify-content: space-between;padding: 5px;">
<div>{{state.name}}</div>
@@ -56,7 +56,7 @@
:placeholder="lockModelInputValue"
:options="options.brandAndModelOptions"
:props="{ label: 'name', value: 'id' }"
popper-class="prevent-clickoutside right-public-box-dropdown-top right-public-box-select-top limit-height"
popper-class="prevent-clickoutside right-public-box-dropdown-top right-box-select-top limit-height"
size="small"
style="width: 100%;"
></el-cascader>
@@ -114,7 +114,7 @@
</el-checkbox-group>
</template>
<template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.SELECT">
<el-select v-model="label.value[0]" class="right-box__select" :placeholder="$t('el.select.placeholder')" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" size="small">
<el-select v-model="label.value[0]" class="right-box__select" :placeholder="$t('el.select.placeholder')" popper-class="right-box-select-top prevent-clickoutside" size="small">
<el-option v-for="item in JSON.parse(label.param).items" :key="item.name" :label="item.name" :value="item.name"></el-option>
</el-select>
</template>
@@ -174,7 +174,7 @@
:options="options.fieldGroupOptions"
:props="labelCascProp"
class="hide-input"
popper-class="prevent-clickoutside right-public-box-select-top right-public-box-dropdown-top limit-height"
popper-class="prevent-clickoutside right-box-select-top right-public-box-dropdown-top limit-height"
size="small"
@change="addLabel"
></el-cascader>
@@ -183,7 +183,7 @@
<template v-if="editAsset.type && editAsset.type.authProtocol === assetConstants.authProtocolData.ssh">
<div class="form__sub-title">SSH</div>
<el-form-item :label="$t('asset.authType')" prop="authType">
<el-select v-model="editAsset.authType" class="right-box__select" :placeholder="$t('el.select.placeholder')" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" size="small" value-key="value">
<el-select v-model="editAsset.authType" class="right-box__select" :placeholder="$t('el.select.placeholder')" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="value">
<el-option v-for="type in assetConstants.authTypeOptions" :key="type.value" :label="type.label" :value="type.value"/>
</el-select>
</el-form-item>
@@ -226,7 +226,7 @@
<template v-if="editAsset.type && editAsset.type.snmpEnable === 1">
<div class="form__sub-title">SNMP</div>
<el-form-item :label="$t('asset.snmpCredential')" prop="snmpCredentialId">
<el-select v-model="editAsset.snmpCredentialId" class="right-box__select" :placeholder="$t('el.select.placeholder')" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" size="small" value-key="id">
<el-select v-model="editAsset.snmpCredentialId" class="right-box__select" :placeholder="$t('el.select.placeholder')" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="id">
<el-option v-for="snmp in options.snmpCredentialOptions" :key="snmp.id" :label="snmp.name" :value="snmp.id"></el-option>
</el-select>
</el-form-item>