1/6 扫码总数量

src/views/collect/IoCreateOrder.vue

@@ -9,12 +9,17 @@
     >
       <el-card>
         <el-row style="margin-bottom: 8px">
+          <div v-if="scanReCount > 0">
+            <span style="font-size: 18px;font-weight: bold;color: red" >扫码总数量:</span>
+            <span style="font-size: 18px;font-weight: bold;color: red">{{ scanReCount }}</span>
+          </div>
           <span style="font-size: 18px;font-weight: bold;color: red"
                 v-if="redMesg && this.splitType == 'out'">请先扫取货槽编码</span>
           <span style="font-size: 18px;font-weight: bold">{{ curQueueName }}</span>
           <el-button-group
             style="display: flex; margin-top: 5px; float: right"
           >
+
             <el-button size="mini" type="primary" @click.native="deleteCode" :loading="submitLoading"
                        v-if="splitType=='out' && labelName == 1" style="margin-right: 8px;border-radius: 5%;"
                        v-show="isLinkDisabled" :disabled="orderFormData.billNo == null"
@@ -227,6 +232,7 @@
           v-if="isCodeDetailAlive"
           @clearBillNo="clearBillNo"
           @getOrderData="getOrderData"
+          @getCount="getCount"
         ></codeDetailPanel>
       </el-tab-pane>
       <el-tab-pane label="扫码明细" v-if="viewCodeDetailVisible">
@@ -604,6 +610,7 @@ export default {
       scanStatus: null, // 1:扫码剔除
       codeArray: [],
       curQueueName: "",
+      scanReCount: 0,
       curQueue: null,
       redMesg: false,
       redMesgOld: false,
@@ -683,6 +690,7 @@ export default {
       this.curQueueName = '';
       this.redMesg = this.redMesgOld
       this.orderStatus = false
+      this.scanReCount = 0
       this.refreshCodesPanel()
     },
     //获取用户仓库列表
@@ -1293,6 +1301,9 @@ export default {
       this.curQueueName = "当前取货槽:" + this.productName + "(" + this.curQueue.code + ")"
       this.orderStatus = true
     },
+    getCount(count){
+      this.scanReCount = count
+    },
 
     refreshOrder(orderQuery) {
       this.orderFormData = orderQuery

src/views/collect/PanelCreateCodeDetail.vue

@@ -103,6 +103,7 @@ export default {
       this.query.orderId = this.idQuery.billNo;
       getDetailCodes(this.query) //查找该单号下的所有条码
         .then((response) => {
+
           this.detailList = response.data.list || [];
           this.total = response.data.total || 0;
           this.loading = false;
@@ -111,6 +112,13 @@ export default {
             this.$emit('getOrderData',  this.orderDetail)
           }
           this.$emit('clearBillNo', this.detailList.length > 0? false : true);
+          let count = 0;
+          if (this.detailList && this.detailList.length > 0) {
+            this.detailList.forEach(item => {
+              count += item.reCount;
+            });
+            this.$emit('getCount', count);
+          }
         })
         .catch(() => {
           this.loading = false;