feat: 🚀 店铺资料

src/components/DetailsSearch/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="search-box1" ref="searchRef">
+    <div :class="isSearch ? 'search-box' : 'search-box1'" ref="searchRef">
         <el-form
             ref="ruleFormRef"
             :model="_searchResult"
@@ -178,6 +178,7 @@ const props = defineProps<{
     labelWidth?: string;
     ruleForm: Record<string, any>;
     style?: string;
+    isSearch?: Boolean;
     inline?: Boolean;
     getSearchValue?: () => void;
     selectMultipleRemoveTag?: () => void;
@@ -388,6 +389,60 @@ defineExpose({
         margin-bottom: 8px !important;
     }
 }
+.search-box {
+    position: relative;
+    display: flex;
+    min-width: 600px;
+    padding: 16px;
+    background: #ffffff;
+    border-radius: 6px;
+
+    // 单据头用的样式
+    .form-box {
+        // width: 85%;
+        .form-item {
+            width: 392px !important;
+
+            // height: 32px;
+            // 原代码有 height: 32px !important; 这会导致子元素高度超出后被遮盖
+            height: auto !important; // 改为自动高度
+            min-height: 32px; // 保留最小高度，未选择时对齐
+            margin-bottom: 8px !important;
+            .el-form-item__label {
+                font-size: 12px !important;
+            }
+            .el-select {
+                width: 392px;
+            }
+            .el-form-item--default {
+                width: 392px;
+            }
+        }
+        .form-item1 {
+            width: 594px !important;
+
+            // height: 32px;
+            // 原代码有 height: 32px !important; 这会导致子元素高度超出后被遮盖
+            height: auto !important; // 改为自动高度
+            min-height: 32px; // 保留最小高度，未选择时对齐
+            margin-bottom: 8px !important;
+            .el-form-item__label {
+                font-size: 12px !important;
+            }
+            .el-select {
+                width: 594px;
+            }
+            .el-form-item--default {
+                width: 594px;
+            }
+        }
+        .form-item2 {
+            width: 494px !important;
+        }
+
+        margin-bottom: 8px !important;
+    }
+}
 .el-form-item--default .el-form-item__label {
     height: 32px;
     margin-bottom: 8px;