批量扫描

assets/css/picking/sort.scss

@@ -57,10 +57,10 @@
             font-size: 18rpx;
             color: #292b33;
             font-weight: bold;
-            margin-bottom: 10rpx;
         }
     }
     .list {
+        padding-bottom: 80rpx;
         .box {
             position: relative;
             padding: 15px 17rpx 20rpx 17rpx;
@@ -69,6 +69,24 @@
             border-radius: 10rpx;
             margin-bottom: 15rpx;
             flex-wrap: wrap;
+            border: 1px solid transparent;
+            .check-box-icon {
+                position: absolute;
+                right: 18rpx;
+                top: 17rpx;
+                width: 20rpx;
+                height: 20rpx;
+                background: url('https://img.ichunt.com/images/ichunt/202304/11/0bf30da3e8ce6c476c210173b5f13d51.png') no-repeat center;
+                background-size: contain;
+                display: block;
+            }
+            &.curr {
+                border: 1px solid #1969f9;
+                .check-box-icon {
+                    background: url('https://img.ichunt.com/images/ichunt/202304/11/71a74e52e94bcf2e89f8df9817d494c6.png') no-repeat center;
+                    background-size: contain;
+                }
+            }
             .input-box {
                 margin-bottom: 11rpx;
                 flex: 0 0 50%;
@@ -166,6 +184,29 @@
             }
         }
     }
+    .fix-btn {
+        position: fixed;
+        bottom: 0;
+        width: 100%;
+        left: 0;
+        z-index: 999;
+        .btn2 {
+            width: 100%;
+            height: 75rpx;
+            background: #1969f9;
+            font-size: 23rpx;
+            color: #ffffff;
+        }
+        .btn3 {
+            width: 180rpx;
+            height: 75rpx;
+            background: #ffffff;
+            font-size: 23rpx;
+            color: #ff3700;
+            border-left: 1px solid #f0f0f2;
+            font-weight: bold;
+        }
+    }
 }
 
 ::v-deep .uni-drawer__content {
@@ -269,6 +310,13 @@
         left: 0;
         width: 100%;
         z-index: 99;
+        .btn0 {
+            height: 75rpx;
+            background: #ffe0d7;
+            font-size: 23rpx;
+            color: #ff3700;
+            font-weight: bold;
+        }
         .btn1 {
             width: 100%;
             height: 75rpx;

assets/css/putaway/index.scss

@@ -168,10 +168,6 @@
     width: 85% !important;
 }
 
-::v-deep .uni-drawer__content {
-    width: 85% !important;
-}
-
 .uni-drawer-pack {
     width: 100%;
     background-color: #ffffff;
@@ -282,9 +278,9 @@
         .btn1 {
             width: 50%;
             height: 75rpx;
-            background: #f5f5f7;
+            background: #ffe0d7;
             font-size: 23rpx;
-            color: #1969f9;
+            color: #ff3700;
             font-weight: bold;
         }
         .btn2 {

assets/css/stockRecheck/sort.scss

@@ -61,6 +61,7 @@
         }
         .box-info {
             margin-bottom: 10rpx;
+            height: 40rpx;
             .title {
                 font-size: 18rpx;
                 color: #292b33;
@@ -436,9 +437,9 @@
         .btn0 {
             width: 50%;
             height: 75rpx;
-            background: #f5f5f7;
+            background: #ffe0d7;
             font-size: 23rpx;
-            color: #1969f9;
+            color: #ff3700;
             font-weight: bold;
         }
         .btn1 {

pages/putaway/index.vue

@@ -15,7 +15,7 @@
                         <text class="iconfont icon-juxing1"></text>
                         <template v-if="index == 0">
                             <template v-if="is_batch">
-                                <input class="uni-input" placeholder="请扫描入库标签" placeholder-style="color:#919399" focus v-model="search_keyword" @input="handleInput(1, $event)" maxlength="15" />
+                                <input class="uni-input" placeholder="请扫描入库标签" placeholder-style="color:#919399" focus v-model="search_keyword" @input="handleInput(1, $event)" maxlength="15" ref="myInput" />
                             </template>
                             <template v-else>
                                 <input class="uni-input" placeholder="请扫描入库标签" placeholder-style="color:#919399" focus v-model="searchParams.search_keyword" @input="handleInput(1, $event)" maxlength="15" />
@@ -29,11 +29,11 @@
                 </view>
             </view>
             <view class="row verCenter">
-                <switch @change="switchChange" :checked="is_batch" color="#1969f9" style="transform:scale(0.7);width: 77rpx;" />
-                <text style="font-size: 24rpx;white-space: nowrap;">批量扫描</text>
+                <switch @change="switchChange" :checked="is_batch" color="#1969f9" style="transform:scale(0.8);width: 77rpx;" />
+                <text style="font-size: 18rpx;white-space: nowrap;">批量扫描</text>
             </view>
         </view>
-
+        <!-- 列表数据 -->
         <view class="list row bothSide" v-if="list.length > 0">
             <view class="box box-width" v-for="(item, index) in list" :key="index" :class="{ curr: filter_list[index] }">
                 <view class="check-box-icon" @click="filterChange(index)"></view>
@@ -333,6 +333,12 @@ export default {
                                 });
                                 this.search_keyword = '';
 
+                                try {
+                                    this.$refs.myInput.focus(); // 获取焦点
+                                } catch (e) {
+                                    //TODO handle the exception
+                                }
+
                                 //若识别物料标签不在上架任务中，则弹窗提示：该物料不在上架任务中，需关闭弹窗才可继续操作
                                 let isInList = list.some(function(item) {
                                     return item.stock_in_batch_sn === val;