el-select默认宽度处理

This commit is contained in:
仲么了
2024-02-02 09:29:19 +08:00
parent a146bba7a1
commit 8e9634c375
8 changed files with 22 additions and 18 deletions

View File

@@ -81,7 +81,7 @@ const showUnfoldButton = ref(false)
const headerFormSecondStyleOpen = {
opacity: 1,
height: 'auto',
padding: '13px 15px'
padding: '0 15px 13px 15px'
}
const headerFormSecondStyleClose = {
opacity: 0,
@@ -197,9 +197,9 @@ defineExpose({ onComSearch, areaRef })
#header-form-second,
#header-form {
display: flex;
flex-wrap: wrap;
transition: all 0.3s;
// display: flex;
// flex-wrap: wrap;
// transition: all 0.3s;
}
.mlr-12 {
@@ -270,4 +270,13 @@ html.dark {
}
}
}
#header-form,
#header-form-second {
:deep(.el-select) {
--el-select-width: 220px;
}
:deep(.el-input) {
--el-input-width: 220px;
}
}
</style>

View File

@@ -129,3 +129,4 @@
font-weight: 700;
}
}

View File

@@ -13,7 +13,6 @@
</el-form-item>
<el-form-item label="权限类型" prop="type">
<el-select
style="width: 100%"
v-model="form.type"
@change="changeValue"
disabled
@@ -28,7 +27,7 @@
</el-select>
</el-form-item>
<el-form-item label="用户类型" prop="casualUser">
<el-select style="width: 100%" v-model="form.casualUser" placeholder="请选择权限类型">
<el-select v-model="form.casualUser" placeholder="请选择权限类型">
<el-option
v-for="(item, index) in TypeOptions"
:label="item.label"
@@ -41,7 +40,7 @@
<Area style="width: 100%" v-model="form.deptId" />
</el-form-item>
<el-form-item label="角色" prop="role">
<el-select style="width: 100%" v-model="form.role" placeholder="请选择角色" multiple collapse-tags>
<el-select v-model="form.role" placeholder="请选择角色" multiple collapse-tags>
<el-option
v-for="(item, index) in roleOptions"
:label="item.label"

View File

@@ -3,7 +3,7 @@
<el-scrollbar>
<el-form :inline="true" :model="form" label-width="120px" ref="formRef" :rules="rules">
<el-form-item label="装置类型:" prop="type">
<el-select v-model="form.type" placeholder="请选择" style="width: 100%" @change="typeChange">
<el-select v-model="form.type" placeholder="请选择" @change="typeChange">
<el-option
v-for="item in TypeOptions"
:key="item.id"
@@ -13,7 +13,7 @@
</el-select>
</el-form-item>
<el-form-item label="装置型号:" prop="devType">
<el-select v-model="form.devType" placeholder="请选择" style="width: 100%" @change="devTypeChange">
<el-select v-model="form.devType" placeholder="请选择" @change="devTypeChange">
<el-option
v-for="item in DevTypeOptions"
:key="item.id"

View File

@@ -9,7 +9,6 @@
<el-select
v-model="tableStore.table.params.devType"
placeholder="请选择"
style="width: 100%"
clearable
>
<el-option

View File

@@ -6,7 +6,6 @@
<el-select
v-model="tableStore.table.params.devType"
placeholder="请选择"
style="width: 100%"
clearable
>
<el-option

View File

@@ -85,7 +85,6 @@
<el-select
v-model='form.devType'
placeholder='请选择'
style='width: 100%'
@change='formDevTypeChange'
clearable
>
@@ -98,7 +97,7 @@
</el-select>
</el-form-item>
<el-form-item label='设备型号:' prop='devModel' class='top'>
<el-select v-model='form.devModel' placeholder='请选择' style='width: 100%' clearable>
<el-select v-model='form.devModel' placeholder='请选择' clearable>
<el-option
v-for='item in formDevModelOptionsFilter'
:key='item.value'
@@ -108,7 +107,7 @@
</el-select>
</el-form-item>
<el-form-item label='通讯协议:' prop='devAccessMethod' class='top'>
<el-select v-model='form.devAccessMethod' placeholder='请选择' style='width: 100%' clearable>
<el-select v-model='form.devAccessMethod' placeholder='请选择' clearable>
<el-option label='MQTT' value='MQTT'></el-option>
<el-option label='CLD' value='cloud'></el-option>
</el-select>

View File

@@ -16,7 +16,6 @@
<el-select
v-model='form.openLevel'
placeholder='选择开启等级'
style='width: 100%'
>
<el-option
v-for='item in OpenLevel'
@@ -31,7 +30,6 @@
<el-select
v-model='form.openDescribe'
placeholder='选择开启算法'
style='width: 100%'
>
<el-option
v-for='item in OpenDescribe'