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