el-select默认宽度处理
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -129,3 +129,4 @@
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -9,7 +9,6 @@
|
||||
<el-select
|
||||
v-model="tableStore.table.params.devType"
|
||||
placeholder="请选择"
|
||||
style="width: 100%"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
|
||||
@@ -6,7 +6,6 @@
|
||||
<el-select
|
||||
v-model="tableStore.table.params.devType"
|
||||
placeholder="请选择"
|
||||
style="width: 100%"
|
||||
clearable
|
||||
>
|
||||
<el-option
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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'
|
||||
|
||||
Reference in New Issue
Block a user