init

src/views/modules/cross-area-transfer/crossAreaTransfer.vue

@@ -14,6 +14,7 @@
     <!-- 搜索框 -->
     <div class="search-container">
       <el-input
+        class="compact-input"
         v-model="scanCode"
         :placeholder="transferMode === 'label' ? '请扫描标签条码' : '请扫描库位条码'"
         prefix-icon="el-icon-search"
@@ -447,7 +448,23 @@ export default {
 }
 
 .search-container .el-input {
-  flex: 1;
+  width: 240px;
+  margin-right: 12px;
+}
+
+/* 紧凑型输入框样式 */
+.compact-input ::v-deep .el-input__inner {
+  height: 36px;
+  padding: 0 12px 0 35px;
+  font-size: 14px;
+}
+
+.compact-input ::v-deep .el-input__prefix {
+  left: 10px;
+}
+
+.compact-input ::v-deep .el-input__suffix {
+  right: 30px;
 }
 
 /* 模式切换开关 */

src/views/modules/other-inout/otherInboundDetail.vue

@@ -517,6 +517,7 @@ export default {
   display: flex;
   flex-direction: column;
   background: #f5f5f5;
+  overflow-y: auto;
 }
 
 /* 头部栏 */
@@ -663,6 +664,7 @@ export default {
 
 .quantity-column {
   flex: 1;
+  margin-left: 2px;
 }
 
 .input-item {
@@ -761,6 +763,7 @@ export default {
 
 .field-area {
   margin-bottom: 6px;
+  margin-top: 2px;
 }
 
 .field-title {

src/views/modules/other-inout/otherOutboundDetail.vue

@@ -14,6 +14,7 @@
     <!-- 搜索框 -->
     <div class="search-container">
       <el-input
+        class="compact-input"
         v-model="scanCode"
         placeholder="请扫描标签条码"
         prefix-icon="el-icon-search"
@@ -101,10 +102,10 @@
     <!-- 底部操作按钮 -->
     <div class="bottom-actions">
       <button class="action-btn secondary" @click="confirmOutbound">确定</button>
-      <button class="action-btn secondary" @click="printLabels">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="printLabels">
         打印
       </button>
-      <button class="action-btn secondary" @click="cancelOutbound">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="cancelOutbound">
         取消
       </button>
     </div>
@@ -444,16 +445,32 @@ export default {
   gap: 12px;
 }
 
-.search-container .el-input {
-  flex: 1;
-}
-
 /* 模式切换开关 */
 .mode-switch {
   position: relative;
   display: inline-block;
 }
 
+.search-container .el-input {
+  width: 240px;
+  margin-right: 12px;
+}
+
+/* 紧凑型输入框样式 */
+.compact-input ::v-deep .el-input__inner {
+  height: 36px;
+  padding: 0 12px 0 35px;
+  font-size: 14px;
+}
+
+.compact-input ::v-deep .el-input__prefix {
+  left: 10px;
+}
+
+.compact-input ::v-deep .el-input__suffix {
+  right: 30px;
+}
+
 .custom-switch {
   transform: scale(1.3);
 }

src/views/modules/production-pick/productionPickingDetail.vue

@@ -13,7 +13,7 @@
 
     <!-- 搜索框 -->
     <div class="search-container">
-      <el-input clearable
+      <el-input clearable class="compact-input"
         v-model="scanCode"
         placeholder="请扫描标签条码"
         prefix-icon="el-icon-search"
@@ -103,10 +103,10 @@
       <button class="action-btn secondary" @click="confirmOutbound">
         确定
       </button>
-      <button class="action-btn secondary" @click="printLabels">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="printLabels">
         打印
       </button>
-      <button class="action-btn secondary" @click="cancelOutbound">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="cancelOutbound">
         取消
       </button>
     </div>
@@ -448,7 +448,23 @@ export default {
 }
 
 .search-container .el-input {
-  flex: 1;
+  width: 240px;
+  margin-right: 12px;
+}
+
+/* 紧凑型输入框样式 */
+.compact-input ::v-deep .el-input__inner {
+  height: 36px;
+  padding: 0 12px 0 35px;
+  font-size: 14px;
+}
+
+.compact-input ::v-deep .el-input__prefix {
+  left: 10px;
+}
+
+.compact-input ::v-deep .el-input__suffix {
+  right: 30px;
 }
 
 /* 模式切换开关 */

src/views/modules/production/productionInboundStorage.vue

@@ -13,7 +13,7 @@
 
     <!-- 搜索框 -->
     <div class="search-container">
-      <el-input clearable
+      <el-input clearable class="compact-input"
         v-model="scanCode"
         placeholder="请扫描标签条码"
         prefix-icon="el-icon-search"
@@ -108,10 +108,10 @@
       <button class="action-btn secondary" @click="confirmInbound">
         确定
       </button>
-      <button class="action-btn secondary" @click="printLabels">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="printLabels">
         打印
       </button>
-      <button class="action-btn secondary" @click="cancelInbound">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="cancelInbound">
         取消
       </button>
     </div>
@@ -513,7 +513,23 @@ export default {
 }
 
 .search-container .el-input {
-  flex: 1;
+  width: 240px;
+  margin-right: 12px;
+}
+
+/* 紧凑型输入框样式 */
+.compact-input ::v-deep .el-input__inner {
+  height: 36px;
+  padding: 0 12px 0 35px;
+  font-size: 14px;
+}
+
+.compact-input ::v-deep .el-input__prefix {
+  left: 10px;
+}
+
+.compact-input ::v-deep .el-input__suffix {
+  right: 30px;
 }
 
 /* 模式切换开关 */

src/views/modules/purchase-inbound/inboundStorage.vue

@@ -13,7 +13,9 @@
 
     <!-- 搜索框 -->
     <div class="search-container">
-      <el-input clearable
+      <el-input
+        class="compact-input"
+        clearable
         v-model="scanCode"
         placeholder="请扫描标签条码"
         prefix-icon="el-icon-search"
@@ -108,10 +110,10 @@
       <button class="action-btn secondary" @click="confirmInbound">
         确定
       </button>
-      <button class="action-btn secondary" @click="printLabels">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="printLabels">
         打印
       </button>
-      <button class="action-btn secondary" @click="cancelInbound">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="cancelInbound">
         取消
       </button>
     </div>
@@ -512,7 +514,23 @@ export default {
 }
 
 .search-container .el-input {
-  flex: 1;
+  width: 240px;
+  margin-right: 12px;
+}
+
+/* 紧凑型输入框样式 */
+.compact-input ::v-deep .el-input__inner {
+  height: 36px;
+  padding: 0 12px 0 35px;
+  font-size: 14px;
+}
+
+.compact-input ::v-deep .el-input__prefix {
+  left: 10px;
+}
+
+.compact-input ::v-deep .el-input__suffix {
+  right: 30px;
 }
 
 /* 模式切换开关 */

src/views/modules/purchase-return/purchaseReturnDetail.vue

@@ -13,7 +13,7 @@
 
     <!-- 搜索框 -->
     <div class="search-container">
-      <el-input clearable
+      <el-input clearable class="compact-input"
         v-model="scanCode"
         placeholder="请扫描标签条码"
         prefix-icon="el-icon-search"
@@ -107,10 +107,10 @@
       <button class="action-btn secondary" @click="confirmReturn">
         确定
       </button>
-      <button class="action-btn secondary" @click="printLabels">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="printLabels">
         打印
       </button>
-      <button class="action-btn secondary" @click="cancelReturn">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="cancelReturn">
         取消
       </button>
     </div>
@@ -451,7 +451,23 @@ export default {
 }
 
 .search-container .el-input {
-  flex: 1;
+  width: 240px;
+  margin-right: 12px;
+}
+
+/* 紧凑型输入框样式 */
+.compact-input ::v-deep .el-input__inner {
+  height: 36px;
+  padding: 0 12px 0 35px;
+  font-size: 14px;
+}
+
+.compact-input ::v-deep .el-input__prefix {
+  left: 10px;
+}
+
+.compact-input ::v-deep .el-input__suffix {
+  right: 30px;
 }
 
 /* 模式切换开关 */

src/views/modules/sales-return/salesReturnStorage.vue

@@ -13,7 +13,7 @@
 
     <!-- 搜索框 -->
     <div class="search-container">
-      <el-input clearable
+      <el-input clearable class="compact-input"
         v-model="scanCode"
         placeholder="请扫描标签条码"
         prefix-icon="el-icon-search"
@@ -105,10 +105,10 @@
       <button class="action-btn secondary" @click="confirmReturn">
         确定
       </button>
-      <button class="action-btn secondary" @click="printLabels">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="printLabels">
         打印
       </button>
-      <button class="action-btn secondary" @click="cancelReturn">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="cancelReturn">
         取消
       </button>
     </div>
@@ -514,7 +514,23 @@ export default {
 }
 
 .search-container .el-input {
-  flex: 1;
+  width: 240px;
+  margin-right: 12px;
+}
+
+/* 紧凑型输入框样式 */
+.compact-input ::v-deep .el-input__inner {
+  height: 36px;
+  padding: 0 12px 0 35px;
+  font-size: 14px;
+}
+
+.compact-input ::v-deep .el-input__prefix {
+  left: 10px;
+}
+
+.compact-input ::v-deep .el-input__suffix {
+  right: 30px;
 }
 
 /* 模式切换开关 */

src/views/modules/sales/salesOutboundDetail.vue

@@ -13,7 +13,7 @@
 
     <!-- 搜索框 -->
     <div class="search-container">
-      <el-input clearable
+      <el-input clearable class="compact-input"
         v-model="scanCode"
         placeholder="请扫描标签条码"
         prefix-icon="el-icon-search"
@@ -107,10 +107,10 @@
       <button class="action-btn secondary" @click="confirmOutbound">
         确定
       </button>
-      <button class="action-btn secondary" @click="printLabels">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="printLabels">
         打印
       </button>
-      <button class="action-btn secondary" @click="cancelOutbound">
+      <button class="action-btn secondary" style="margin-left: 10px;" @click="cancelOutbound">
         取消
       </button>
     </div>
@@ -451,7 +451,23 @@ export default {
 }
 
 .search-container .el-input {
-  flex: 1;
+  width: 240px;
+  margin-right: 12px;
+}
+
+/* 紧凑型输入框样式 */
+.compact-input ::v-deep .el-input__inner {
+  height: 36px;
+  padding: 0 12px 0 35px;
+  font-size: 14px;
+}
+
+.compact-input ::v-deep .el-input__prefix {
+  left: 10px;
+}
+
+.compact-input ::v-deep .el-input__suffix {
+  right: 30px;
 }
 
 /* 模式切换开关 */