大件拣货样式优化

src/views/outbound/components/BigPicking.vue

@@ -9,8 +9,8 @@
       <div class="big-task-item" v-for="(item,index) in props.taskDetailList" :key="index" >
         <div class="big-task-content"  >
           <div class="big-content">{{item.orderNo}}</div>
-          <div class="big-carrier"><van-notice-bar :background="'none'" :speed="50" :text="item.carrierName" /></div>
-          <div class="big-content">{{item.itemQty}}件</div>
+          <div class="big-carrier"><van-notice-bar :background="'none'" :speed="10" :text="item.carrierName" /></div>
+          <div class="big-content">{{item.itemQty}}<span style="font-size: 12px">件</span></div>
         </div>
         <div class="big-task-button">
           <div class="big-button" @click="onTypeOrder(item,'LOCATION_PICK')"  >按库位查看</div>
@@ -32,11 +32,11 @@
       <van-checkbox-group  v-model="checkedResult" @change="checkedChange">
         <van-checkbox class="sub-task-checkbox" v-for="(item,index) in typeTaskList" :key="index" :name="item" :disabled="item.allowPick===false && taskType==='EQUIPMENT_PICK'" >
           <div class="sub-task-item" v-if="taskType==='LOCATION_PICK'">
-            <div class="sub-task-item-content">{{item.location}}</div>
-            <div class="sub-task-item-content">
-              <van-notice-bar :background="'none'" :speed="50" :text="item.barcode" />
+            <div  style="font-size: 13px;font-weight: bold" >{{item.location}}</div>
+            <div class="sub-task-item-content" >
+              <van-notice-bar :background="'none'" style="font-size:12px" :speed="20" :text="item.barcode" />
             </div>
-            <div class="sub-task-item-number">{{item.totalItemNum}}<span style="font-size: 12px">件</span></div>
+            <div class="">{{item.totalItemNum}}<span style="font-size: 12px">件</span></div>
           </div>
           <div class="sub-task-item" v-if="taskType==='EQUIPMENT_PICK'">
             <div class="sub-task-item-content">{{item.equipment || '未绑定'}}</div>
@@ -44,12 +44,12 @@
             <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-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="30" color="#999" style="font-size: 12px" :text="item.skuName" /></div>
+            <div ><van-notice-bar :background="'none'" :speed="10" color="#999" style="font-size: 12px" :text="item.skuName" /></div>
             <div>排序:{{item.spu}}</div>
           </div>
         </van-checkbox>
@@ -191,13 +191,14 @@ defineExpose({show})
   padding: 0 10px
   .big-task-item
     margin-bottom: 10px
-    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4)
+    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4)
     border-radius: 8px
+    border: 1px solid #d3d3d3
     .big-task-content
       display: flex
       align-items: center
       padding: 5px 10px
-      font-size: 15px
+      font-size: 14px
       font-weight: bold
       .big-carrier
         width: 30%
@@ -221,6 +222,8 @@ defineExpose({show})
 //子任务
 .sub-task-list
   padding: 5px 10px
+  max-height: 60vh
+  overflow: scroll
   .sub-task-checkbox
     padding: 4px 0
     .sub-task-item
@@ -228,7 +231,10 @@ defineExpose({show})
       width: 260px
       justify-content: space-between
       .sub-task-item-content
+        font-size: 13px
+        font-weight: bold
         flex: 1
+        text-align: left
       .sub-task-item-number
         width: 60px
     .sub-task-item-tips