大件拣货展示优化

src/views/outbound/components/BigPicking.vue

@@ -43,15 +43,18 @@
             <div class="sub-task-item-content"><span style="font-size: 12px">库位:</span>{{item.locationNum}}<span style="font-size: 12px">个</span></div>
             <div class="sub-task-item-number">{{item.totalItemNum}}<span style="font-size: 12px">件</span></div>
           </div>
-          <div class="sub-task-item" v-if="taskType==='ITEM_PICK'">
-            <div class="sub-task-item-content" >{{item.barcode}}</div>
-            <div class="sub-task-item-number"><span style="font-size: 12px">库位:</span>{{item.locationNum}}<span style="font-size: 12px">个</span></div>
-            <div class="sub-task-item-number">{{item.totalItemNum}}<span style="font-size: 12px">件</span></div>
-          </div>
-          <div class="sub-task-item-tips" v-if="taskType==='ITEM_PICK'" >
-            <div ><van-notice-bar :background="'none'" :speed="10" color="#999" style="font-size: 12px" :text="item.skuName" /></div>
-            <div>排序:{{item.spu}}</div>
+          <div style="display: flex;flex-direction: column;flex: 1" v-if="taskType==='ITEM_PICK'">
+            <div class="sub-task-item" >
+              <div class="sub-task-item-content" >{{item.barcode}}</div>
+              <div class="sub-task-item-number"><span style="font-size: 12px">库位:</span>{{item.locationNum}}<span style="font-size: 12px">个</span></div>
+              <div class="sub-task-item-number">{{item.totalItemNum}}<span style="font-size: 12px">件</span></div>
+            </div>
+            <div class="sub-task-item-tips"  >
+              <div ><van-notice-bar :background="'none'" :speed="10" color="#999" style="font-size: 12px" :text="item.skuName" /></div>
+              <div>排序:{{item.spu}}</div>
+            </div>
           </div>
+
         </van-checkbox>
       </van-checkbox-group>
     </div>
@@ -226,9 +229,13 @@ defineExpose({show})
   overflow: scroll
   .sub-task-checkbox
     padding: 4px 0
+    ::v-deep .van-checkbox__label
+      display: flex
+      flex: 1
     .sub-task-item
       display: flex
-      width: 260px
+      flex: 1
+      //width: 260px
       justify-content: space-between
       .sub-task-item-content
         font-size: 13px