style: Box 样式调整

This commit is contained in:
@changcode
2021-09-26 18:14:47 +08:00
parent a548195a19
commit 9542e1a63a
55 changed files with 115 additions and 156 deletions

View File

@@ -24,14 +24,14 @@
<el-select
v-model="editAsset.pid"
class="right-box__select"
popper-class="right-box-select-dropdown prevent-clickoutside"
popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside"
size="small"
value-key="id">
<el-option v-for="p in options.parentAssetOptions" :key="p.id" :label="p.name" :value="p.id"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('asset.state')" prop="stateId">
<el-select v-model="editAsset.stateId" class="right-box__select" popper-class="right-box-select-dropdown prevent-clickoutside" size="small" value-key="id">
<el-select v-model="editAsset.stateId" 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="state in options.stateOptions" :key="state.id" :label="state.name" :value="state.id"></el-option>
</el-select>
</el-form-item>
@@ -50,7 +50,7 @@
:placeholder="lockModelInputValue"
:options="options.brandAndModelOptions"
:props="{ label: 'name', value: 'id' }"
popper-class="prevent-clickoutside right-box-dropdown-top right-box-select-dropdown limit-height"
popper-class="prevent-clickoutside right-public-box-dropdown-top right-box-select-top limit-height"
size="small"
style="width: 100%;"
></el-cascader>
@@ -65,7 +65,7 @@
v-model="editAsset.purchaseDate"
placeholder=""
size="small"
popper-class="right-box-select-dropdown"
popper-class="right-box-select-top right-public-box-dropdown-top"
style="width: 100%"
type="date"
value-format="yyyy-MM-dd">
@@ -168,7 +168,7 @@
:options="options.fieldGroupOptions"
:props="labelCascProp"
class="hide-input"
popper-class="prevent-clickoutside right-box-dropdown-top asset-right-box-dropdown-width limit-height"
popper-class="prevent-clickoutside right-public-box-dropdown-top asset-right-box-dropdown-width limit-height"
size="small"
@change="addLabel"
></el-cascader>
@@ -177,7 +177,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" popper-class="right-box-select-dropdown prevent-clickoutside" size="small" value-key="value">
<el-select v-model="editAsset.authType" class="right-box__select" popper-class="right-box-select-top right-public-box-dropdown-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>
@@ -220,7 +220,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" popper-class="right-box-select-dropdown prevent-clickoutside" size="small" value-key="id">
<el-select v-model="editAsset.snmpCredentialId" 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="snmp in options.snmpCredentialOptions" :key="snmp.id" :label="snmp.name" :value="snmp.id"></el-option>
</el-select>
</el-form-item>