el-select默认宽度处理

src/components/table/header/index.vue

@@ -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,
@@ -116,7 +116,7 @@ const handlerHeight = () => {
 const computedSearchRow = () => {
     const headerForm = document.getElementById('header-form') as HTMLElement
     const headerFormSecond = document.getElementById('header-form-second') as HTMLElement
-    if(!headerForm) return
+    if (!headerForm) return
     // 判断是否需要折叠
     if (headerForm.scrollHeight > 50) {
         showUnfoldButton.value = true
@@ -197,9 +197,9 @@ defineExpose({ onComSearch, areaRef })
 
 #header-form-second,
 #header-form {
-    display: flex;
+    // display: flex;
-    flex-wrap: wrap;
+    // flex-wrap: wrap;
-    transition: all 0.3s;
+    // 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>

src/styles/element.scss

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

src/views/auth/userList/popupEdit.vue

@@ -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"

src/views/govern/manage/basic/popupVersion.vue

@@ -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"

src/views/govern/manage/basic/template.vue

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

src/views/govern/manage/basic/version.vue

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

src/views/govern/manage/factory.vue

@@ -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>

src/views/setting/dictionary/list/popupEdit.vue

@@ -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'