@logwire/logwire-wms-pda-ui 3.3.3 → 3.4.0

package/src/views/wms/page/outbound/pickConsole/orderAction/index.vue

@@ -10,195 +10,11 @@
       :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.rvozzvrp','出库订单拣选')"/>
 
     <div class="lw-global-page-box">
-
-      <!-- 出库单信息 -->
-      <div class="lw-global-model-box lw-global-row-box">
-
-        <div class="lw-global-flex-between">
-
-          <div class="lw-global-value-bold">{{ orderData.soNo }}</div>
-
-          <lw-tag
-            round
-            plain
-          >
-            {{ orderData.billStatusLabel }}
-          </lw-tag>
-
-        </div>
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.gkjwymny','外部单号')"
-          :value="$lwCheckVal(orderData.extSoNo)"
-          val-bold
-          :is-row="false"
-        />
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.cqhcznpi','创建时间')"
-          :value="$lwDate.format(orderData.createTime,'yyyy-MM-dd hh:mm:ss')"
-          :is-row="false"
-        />
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.pglsnenh','客户')"
-          :value="$lwCheckVal(orderData.customerCode)+' / '+$lwCheckVal(orderData.customerName)"
-          :is-row="false"
-        />
-
-
-        <div class="button-row">
-
-          <lw-button
-            v-if="orderData.canCancel"
-            mini
-            type="last"
-            plain
-            @click="cancelOrder"
-          >
-            {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.xdnpczpg', '取消') }}
-          </lw-button>
-
-          <lw-button
-            v-if="orderData.canUpdate"
-            mini
-            plain
-            @click="changeOrder"
-          >
-            {{ $lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.hvxvdlvg','修改') }}
-          </lw-button>
-
-          <lw-button
-            v-if="orderData.canAllocate"
-            mini
-            round
-            @click="allocateOrder"
-          >
-            {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.jblboggh', '分配') }}
-          </lw-button>
-
-          <lw-button
-            v-if="orderData.canShip"
-            style="width: 25%"
-            round
-            mini
-            @click="canShipOrder"
-          >
-            {{
-              $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.jqvpynqh', '确认发运')
-            }}
-          </lw-button>
-
-          <lw-button
-            v-if="showCanCancel"
-            style="width: 25%"
-            round
-            mini
-            @click="oneBtnShip"
-          >
-            {{
-              $lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.pmliebev','一键发运')
-            }}
-          </lw-button>
-
-        </div>
-
-
-      </div>
-
-      <!-- 数据看板 -->
-      <lw-data-look-bg style="margin: 10px 0">
-
-        <lw-data-look-item
-          :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.zuuuimoa','计划量')"
-          :value="orderData.totalQty"
-        />
-
-        <lw-data-look-item
-          :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.cejohifh','分配量')"
-          :value="orderData.allocateQty"
-        />
-
-        <lw-data-look-item
-          :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.zssbhdxn','已拣量')"
-          :value="orderData.pickQty"
-        />
-
-        <lw-data-look-item
-          :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.luyejthg','待拣量')"
-          :value="orderData.waitPickQty"
-        />
-
-      </lw-data-look-bg>
-
-      <!-- 待拣、已拣统计 -->
-      <div
-        v-if="hasLpnPick || hasCasePick || hasSkuPick"
-        class="lw-global-model-box"
-      >
-        <div class="lw-global-flex-start-start lw-global-row-start">
-
-          <div class="lw-global-title">
-            {{ $lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.ooonuwul','待拣') }}
-          </div>
-
-          <div
-            v-if="hasLpnPick"
-            class="lw-global-value-bold-red total-item"
-          >
-            {{ orderData.waitPickLpnCount || 0 }}
-            {{ $lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.aufourwa','托') }}
-          </div>
-
-          <div
-            v-if="hasCasePick"
-            class="lw-global-value-bold-red total-item"
-          >
-            {{ orderData.waitPickCaseCount || 0 }}
-            {{ $lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.pcvxrvqk','箱') }}
-          </div>
-
-          <div
-            v-if="hasSkuPick"
-            class="lw-global-value-bold-red total-item"
-          >
-            {{ orderData.waitPickSctQty || 0 }}
-            {{ $lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.fcbcjnpc','EA') }}
-          </div>
-
-        </div>
-        <div class="lw-global-flex-start-start lw-global-row-end">
-
-          <div class="lw-global-title">
-            {{ $lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.ctyeiuyb','已拣') }}
-          </div>
-
-          <div
-            v-if="hasLpnPick"
-            class="lw-global-value-bold total-item"
-          >
-            {{ orderData.pickLpnCount || 0 }}
-            {{ $lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.aufourwa','托') }}
-          </div>
-
-          <div
-            v-if="hasCasePick"
-            class="lw-global-value-bold total-item"
-          >
-            {{ orderData.pickCaseCount || 0 }}
-            {{ $lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.pcvxrvqk','箱') }}
-          </div>
-
-          <div
-            v-if="hasSkuPick"
-            class="lw-global-value-bold total-item"
-          >
-            {{ orderData.pickSctQty || 0 }}
-            {{ $lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.fcbcjnpc','EA') }}
-          </div>
-
-        </div>
-      </div>
+      <order-head-data
+        :order-data="orderData"
+        edit-path="/outbound/pickConsole/lwCreateOrder"
+        @allocateSuccess="res=>dataFormat(res, true)"
+      />
 
       <!-- 拣选tab页 -->
       <lw-tab-box style="margin-top: 10px">
@@ -221,7 +37,7 @@
 
                   <div class="lw-global-flex-between lw-global-row-start">
 
-                    <template v-if="nowPickData.pickType === '100'">
+                    <template v-if="nowPickData.pickUom === 'LPN'">
                       <div class="lw-global-value-bold">{{ nowPickData.fromLpn }}</div>
 
                       <lw-tag
@@ -235,7 +51,7 @@
 
                     </template>
 
-                    <template v-else-if="nowPickData.pickType === '200'">
+                    <template v-else-if="nowPickData.pickUom === 'CASE'">
                       <div class="lw-global-value-bold">{{ nowPickData.fromCaseNum }}</div>
 
                       <lw-tag
@@ -281,6 +97,20 @@
                     val-bold
                   />
 
+                  <lw-title-value-cell
+                    v-if="nowPickData.pickUom !== 'LPN' && nowPickData.fromLpn"
+                    :title="$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.mqxqompf','托盘号')"
+                    :value="nowPickData.fromLpn"
+                    val-bold
+                  />
+
+                  <lw-title-value-cell
+                    v-if="nowPickData.pickUom !== 'CASE' && nowPickData.fromCaseNum"
+                    :title="$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.gyjpigyb','箱号')"
+                    :value="nowPickData.fromCaseNum"
+                    val-bold
+                  />
+
                   <div
                     v-if="nowPickData.skuList && nowPickData.skuList.length"
                     class="lw-global-row"
@@ -307,32 +137,14 @@
                     </div>
 
                   </div>
-                  <template v-else>
-
-
-                    <lw-title-value-cell
-                      v-if="nowPickData.fromLpn"
-                      :title="$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.mqxqompf','托盘号')"
-                      :value="nowPickData.fromLpn"
-                      val-bold
-                    />
-
-                    <lw-title-value-cell
-                      v-if="nowPickData.fromCaseNum"
-                      :title="$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.gyjpigyb','箱号')"
-                      :value="nowPickData.fromCaseNum"
-                      val-bold
-                    />
-                  </template>
 
                   <lw-cut-card
                     v-model="nowPickIndex"
-                    :length="orderData.pendingList.length"
+                    :length="orderData.currentPickList.length"
                     :cut-start="cutStart"
                     :cut-end="cutEnd"
                   />
 
-
                 </div>
 
                 <!-- 输入框模块 -->
@@ -340,7 +152,7 @@
 
                   <!-- 整托拣选 - 外托号 -->
                   <lw-input
-                    v-if="nowPickData.pickType === '100'"
+                    v-if="nowPickData.pickUom === 'LPN'"
                     :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.ragtvybg','外托号')"
                     v-model="extLpn.value"
                     :get-focus.sync="extLpn.focus"
@@ -350,33 +162,51 @@
                     @confirm="extLpnConfirm"
                   />
 
-                  <!-- 判断是否是整托或有无托号、箱号 -->
+                  <!-- 如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号 -->
                   <lw-input
-                    v-if="nowPickData.pickType === '100' || (nowPickData.fromLpn && !nowPickData.fromCaseNum)"
+                    v-if="hasLpn"
                     :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.kmqavizx','托盘号')"
                     v-model="lpn.value"
                     :get-focus.sync="lpn.focus"
                     :create-rule="$lwScanRule.create('出库拣选控制台-执行拣选-托盘号','LPN')"
                     rule-key="lpn"
                     required
-                    :show-bottom-border="false"
+                    :show-bottom-border="nowPickIsEa"
                     @confirm="lpnConfirm"
                   />
 
+                  <!-- 如果是整箱拣选必须输入箱号；非整托拣选和非箱拣选时，无托盘有箱需要录入箱号 -->
+                  <lw-input
+                    v-if="hasBox"
+                    :title="$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.gyjpigyb','箱号')"
+                    v-model="caseNum.value"
+                    :get-focus.sync="caseNum.focus"
+                    :create-rule="$lwScanRule.create('出库拣选控制台-执行拣选-托盘号','CASE')"
+                    rule-key="box"
+                    required
+                    :show-bottom-border="nowPickIsEa"
+                    @confirm="caseNumConfirm"
+                  />
+
                   <!-- 零散拣选 -->
-                  <template v-if="nowPickData.pickType === '300'">
+                  <template v-if="nowPickIsEa">
+
+                    <!-- 序列号 -->
                     <lw-input
-                      v-if="nowPickData.fromCaseNum"
-                      :title="$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.gyjpigyb','箱号')"
-                      v-model="caseNum.value"
-                      :get-focus.sync="caseNum.focus"
-                      :create-rule="$lwScanRule.create('出库拣选控制台-执行拣选-托盘号','LPN')"
-                      rule-key="lpn"
+                      v-if="nowPickData.needHandleSn"
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.pzwemrzt', '序列号')"
+                      v-model="sn.value"
+                      :get-focus.sync="sn.focus"
+                      :create-rule="$lwScanRule.create('出库拣选控制台-执行拣选-序列号','SN')"
+                      rule-key="sn"
                       required
-                      @confirm="caseNumConfirm"
+                      :show-bottom-border="false"
+                      auto-clear-val
+                      @confirm="snConfirm"
                     />
-
+                    <!-- 数量 -->
                     <lw-input
+                      v-else
                       :title="$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.wtxeolpv','数量')"
                       v-model="qty.value"
                       :get-focus.sync="qty.focus"
@@ -385,8 +215,67 @@
                       :show-bottom-border="false"
                       @confirm="submitPick"
                     />
+
                   </template>
+
                 </div>
+
+                <!-- 序列号拣选扫描结果显示 -->
+                <template v-if="snScanData.length">
+                  <div class="lw-global-model-top-radius lw-global-flex-between sn-data-head">
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.smefwuxh', '已扫序列号')"
+                      :value="snScanData.length"
+                      :title-style="{color:'#fff'}"
+                      val-color="#fff"
+                      :is-row="false"
+                      val-bold
+                      val-size="16px"
+                    />
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.wynmgtiy', '已扫数量')"
+                      :value="snScanData.reduce((t,n)=>t+Number(n.qty),0)"
+                      :title-style="{color:'#fff'}"
+                      val-color="#fff"
+                      :is-row="false"
+                      val-bold
+                      val-size="16px"
+                    />
+
+                  </div>
+                  <div class="lw-global-model-bottom-radius">
+
+                    <div
+                      v-for="(i,k) in snScanData"
+                      :key="k"
+                      :class="[
+                        'lw-global-flex-between',
+                        $lwUtils.getCellClass(k,snScanData.length)
+                      ]"
+                    >
+                      <div
+                        style="flex: 1;margin-right: 10px"
+                        class="lw-global-flex-between"
+                      >
+
+                        <div class="lw-global-value">{{ i.sn }}</div>
+                        <div class="lw-global-value-bold">{{ i.qty }}</div>
+
+                      </div>
+
+                      <van-icon
+                        style="flex-shrink: 0"
+                        name="delete-o"
+                        size="18px"
+                        color="#d50000"
+                        @click="delSn(i,k)"
+                      />
+                    </div>
+
+                  </div>
+                </template>
               </template>
               <lw-not-data v-else/>
 
@@ -419,7 +308,7 @@
               :item="i"
               type="over"
               :show-back="showWait"
-              @back="backClick(i)"
+              @backSuccess="dataFormat"
             />
             <lw-not-data v-if="!orderData.pickedList.length"/>
           </van-tab>
@@ -447,93 +336,25 @@
 
     </lw-bottom-bar>
 
-    <!-- 撤销拣选弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.jtdifuye','撤销拣货')"
-      v-model="backPopup.show"
-      @opened="backPopup.loc.focus=true"
-    >
-
-      <div
-        class="lw-global-value-bold-red lw-global-row-start"
-        style="text-align: center;"
-      >
-        {{
-          $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.ktptqryz', '请确认撤销后该商品存放的位置')
-        }}
-      </div>
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.mhywgsuy','库位')"
-        v-model="backPopup.loc.value"
-        :get-focus.sync="backPopup.loc.focus"
-        :create-rule="$lwScanRule.create('出库拣选控制台-执行拣选-撤销库位','LOCATION')"
-        rule-key="LOC"
-        required
-        @confirm="backPopupLocConfirm"
-      />
-
-      <template #button>
-        <lw-button @click="backPopupLocConfirm">
-          {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.emosbuvm', '确认') }}
-        </lw-button>
-      </template>
-    </lw-popup>
-
-    <!-- 确认发运弹框弹框 -->
-    <lw-popup
-      :title="shipPopupTitleBtnLabel.title"
-      v-model="shipPopup.show"
-      :show-keyboard-placeholder="false"
-      @open="shipPopup.showImg=true"
-      @closed="shipPopupOff"
-    >
-
-      <div class="lw-global-flex-start-start">
-        <div class="lw-global-title" style="margin-right: 5px">
-          {{ $lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.cmzwibqq','发运图片') }}
-        </div>
-
-        <lw-img-upload
-          v-if="shipPopup.showImg"
-          v-model="shipPopup.imgList"
-        />
-      </div>
-
-      <template #button>
-
-        <lw-button
-          :color="shipPopupTitleBtnLabel.btnColor"
-          @click="shipPopupConfirm"
-        >
-          {{ shipPopupTitleBtnLabel.btn }}
-        </lw-button>
-
-      </template>
-
-    </lw-popup>
-
   </div>
 </template>
 
 <script>
 import {
-  projectWmsOutboundPDASoAllocate,
-  projectWmsOutboundPDASoCancel,
-  projectWmsOutboundPDASoCancelLpnPick,
-  projectWmsOutboundPDASoCancelPickTask,
-  projectWmsOutboundPDASoCancelSkuPick,
-  projectWmsOutboundPDASoDirectShip,
+  projectWmsOutboundPDASoCancelPickTask, projectWmsOutboundPDASoCasePick,
   projectWmsOutboundPDASoLoadData,
   projectWmsOutboundPDASoPick,
-  projectWmsOutboundPDASoPickShip,
   projectWmsOutboundPDASoSkuPick
 } from "../../../../api/outbound/pickConsole/orderPick";
-import waitOverTaskItem from "./../components/waitOverTaskItem.vue";
+import waitOverTaskItem from "./../../../../components/consoleAndPick/waitOverTaskItem.vue";
+import orderHeadData from "./../../../../components/consoleAndPick/orderHeadData.vue";
+import {projectWmsOutboundPickCheckSn} from "../../../../api/outbound/pick/alone";
 
 export default {
   name: "lwOutboundPickConsoleOrderAction",
   components: {
-    waitOverTaskItem
+    waitOverTaskItem,
+    orderHeadData,
   },
   data() {
     return {
@@ -541,7 +362,7 @@ export default {
         currentPickList: [],
         pendingList: [],
         pickedList: [],
-        totalQty: 5,
+        totalQty: 0,
         pickQty: 0,
       },
 
@@ -564,23 +385,12 @@ export default {
         value: '',
         focus: false
       },
-
-      backPopup: {
-        show: false,
-        loc: {
-          value: '',
-          focus: false
-        },
-        item: {}
+      sn: {
+        value: '',
+        focus: false
       },
-
-      // 发运弹框
-      shipPopup: {
-        type: '',
-        show: false,
-        imgList: [],
-        showImg: false
-      }
+      // 序列号扫描数据
+      snScanData: [],
     }
   },
   computed: {
@@ -598,47 +408,29 @@ export default {
       return !!t
     },
 
-    // 订单中是否包含 - 整托拣选
-    hasLpnPick() {
-      const {waitPickLpnCount, pickLpnCount} = this.orderData
-      return !!(Number(waitPickLpnCount || 0) || Number(pickLpnCount || 0))
+    // 是否需要录入托盘号：如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号
+    hasLpn() {
+      const {pickUom, fromLpn, fromCaseNum} = this.nowPickData
+      if (pickUom === 'LPN') return true
+      return !!(fromLpn && !fromCaseNum);
     },
-    // 订单中是否包含 - 整箱拣选
-    hasCasePick() {
-      const {pickCaseCount, waitPickCaseCount} = this.orderData
-      return !!(Number(pickCaseCount || 0) || Number(waitPickCaseCount || 0))
+    // 是否需要录入箱号：如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号
+    hasBox() {
+      const {pickUom, fromCaseNum} = this.nowPickData
+      if (pickUom === 'CASE') return true
+      return !!fromCaseNum
     },
-    // 订单中是否包含 - 零散拣选
-    hasSkuPick() {
-      const {pickSctQty, waitPickSctQty} = this.orderData
-      return !!(Number(pickSctQty || 0) || Number(waitPickSctQty || 0))
-    },
-
-    // 是否显示一键发运
-    showCanCancel() {
-      const {canCancel, type} = this.orderData
-      return canCancel && ['FP_RETURN', 'EMPTY_CONTAINER'].includes(type)
-    },
-
-    // 发运弹框标题及按钮文字
-    shipPopupTitleBtnLabel() {
-      if (['all', 'oneBtn'].includes(this.shipPopup.type)) {
-        return {
-          title: this.$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.kzxnrmcu','确认发运'),
-          btn: this.$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.wwsfrjrr','发运')
-        }
-      }
-      return {
-        title: this.$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.fwcrndpq', '部分发运确认'),
-        btn: this.$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.cmnjemvo', '部分发运'),
-        btnColor: 'rgb(51, 51, 51)'
-      }
+    // 当前拣选是否是零散拣选
+    nowPickIsEa() {
+      const pickUom = this.nowPickData.pickUom
+      return !(pickUom === 'LPN' || pickUom === 'CASE')
     }
+
   },
   watch: {
     tabShowType: {
       handler(n) {
-        if (!n) this.tabActive = 'over'
+        this.$nextTick(() => this.tabActive = n ? 'ing' : 'over')
       }
     }
   },
@@ -646,13 +438,6 @@ export default {
     this.getOrderData()
   },
   methods: {
-    // tab显示项
-    /*tabShowType() {
-      const {totalQty, pickQty} = this.orderData
-      const t = Number(totalQty || 0) - Number(pickQty || 0)
-      if (!t) this.tabActive = 'over'
-      return t
-    },*/
     // 数据格式化
     dataFormat(res, cutEnd) {
       this.orderData = res
@@ -678,91 +463,6 @@ export default {
       return 'lw-global-row'
     },
 
-    // 取消订单
-    cancelOrder() {
-      this.$lwDialog.confirm({
-        title: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.nbgyvupi', '警告'),
-        message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.ndikmcxi', '确认取消当前出库单？'),
-        type: 'warning'
-      }).then(() => {
-        projectWmsOutboundPDASoCancel({
-          soId: this.orderData.soId
-        }).then(() => {
-          this.$lwToast.success(
-            this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.qzjlmywj', '已取消')
-          )
-          history.go(-1)
-        }).catch(() => {
-        })
-      })
-    },
-    // 修改订单
-    changeOrder() {
-      this.$router.push({
-        path: '/outbound/pickConsole/lwCreateOrder',
-        query: {
-          soId: this.orderData.soId
-        }
-      })
-    },
-    // 分配订单
-    allocateOrder() {
-      projectWmsOutboundPDASoAllocate({
-        soId: this.orderData.soId
-      }).then(res => {
-        this.dataFormat(res, true)
-        let msg = ''
-        let type = ''
-
-        if (res.currentAllocate) {
-          msg = this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.btshkndx', '已分配')
-          type = 'success'
-        } else {
-          msg = this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.yujosqpm', '当前没有满足分配的库存记录')
-          type = 'fail'
-        }
-
-        this.$lwToast[type](msg)
-      })
-    },
-
-
-    // 打开发运弹框
-    openShipPopup(type) {
-      this.shipPopup.type = type
-      this.shipPopup.show = true
-    },
-    // 发运
-    canShipOrder() {
-      const {totalQty, pickQty} = this.orderData
-      this.openShipPopup(Number(totalQty || 0) > Number(pickQty || 0) ? 'part' : 'all')
-    },
-    // 一键发运
-    oneBtnShip() {
-      this.openShipPopup('oneBtn')
-    },
-    // 发运弹框 - 关闭
-    shipPopupOff() {
-      this.shipPopup.imgList = []
-      this.shipPopup.showImg = false
-    },
-    // 发运弹框 - 确认提交
-    shipPopupConfirm() {
-      const api = this.shipPopup.type === 'oneBtn' ?
-        projectWmsOutboundPDASoDirectShip :
-        projectWmsOutboundPDASoPickShip
-
-      api({
-        soId: this.orderData.soId,
-        shipImages: this.shipPopup.imgList.join('|')
-      }).then(() => {
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.zuzkrcnp', '已发运')
-        )
-        const step = Number(this.$route.query.lwBackStep || 1)
-        history.go(-step)
-      })
-    },
 
     // 数据切换前
     cutStart() {
@@ -787,31 +487,42 @@ export default {
     },
     // 数据切换后
     cutEnd() {
-      const input = ['lpn', 'extLpn', 'caseNum', 'qty']
+      const input = ['lpn', 'extLpn', 'caseNum', 'qty', 'sn']
       for (const i of input) {
         this[i].value = ''
       }
 
+      this.snScanData = []
 
-      if (this.nowPickData.pickType === '100') {
-        this.extLpn.focus = true
-        return
-      }
-
-      if (this.nowPickData.pickType === '300') {
 
-        if (this.nowPickData.fromCaseNum) {
-          this.caseNum.focus = true
+      // 让输入框获取焦点
+      switch (this.nowPickData.pickUom) {
+        case 'LPN':
+          this.extLpn.focus = true
           return
-        }
+        case 'CASE':
+          this.caseNum.focus = true
+          return;
+        default:
+          if (this.nowPickData.fromCaseNum) {
+            this.caseNum.focus = true
+            return
+          }
 
-        if (this.nowPickData.fromLpn) {
-          this.lpn.focus = true
-          return
-        }
+          if (this.nowPickData.fromLpn) {
+            this.lpn.focus = true
+            return
+          }
 
-        this.qty.focus = true
+          if (this.nowPickData.needHandleSn) {
+            this.sn.focus = true
+            return
+          }
+
+          this.qty.focus = true
+          return
       }
+
     },
 
     // 托盘校验
@@ -828,13 +539,16 @@ export default {
     // 托盘确认
     lpnConfirm() {
       if (!this.lpnCheck()) return
-      switch (this.nowPickData.pickType) {
-        case '100':
-          this.submitPick()
-          break;
-        case '300':
+
+      const {pickUom, needHandleSn} = this.nowPickData
+      if (pickUom === 'LPN') return this.submitPick()
+
+      if (pickUom !== 'LPN' && pickUom !== 'CASE') {
+        if (needHandleSn) {
+          this.sn.focus = true
+        } else {
           this.qty.focus = true
-          break;
+        }
       }
 
     },
@@ -867,9 +581,20 @@ export default {
     },
     // 箱确认
     caseNumConfirm() {
-      if (this.caseNumCheck()) {
-        this.qty.focus = true
+      if (!this.caseNumCheck()) return
+
+      const {needHandleSn} = this.nowPickData
+      // 是否为零散拣选
+      if (this.nowPickIsEa) {
+        if (needHandleSn) {
+          this.sn.focus = true
+        } else {
+          this.qty.focus = true
+        }
+        return
       }
+
+      this.caseNumSubmit()
     },
     // 数量校验
     qtyCheck() {
@@ -877,27 +602,78 @@ export default {
 
       this.qty.focus = true
       this.$lwShowErrorMsg(
-        this.$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.ezkenfkg','数量不能为空，且应当是大于0的正整数')
+        this.$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.ezkenfkg', '数量不能为空，且应当是大于0的正整数')
       )
       return false
     },
-    // 提交拣选
-    submitPick() {
-      // 整托盘拣选校验
-      if (this.nowPickData.pickType === '100') {
-        this.lpnSubmit()
+
+    // 序列号输入确认
+    snConfirm(val, {data}) {
+      const {key, qty = 0} = data
+      if (!key) {
+        this.sn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.gnaugjkr', '序列号不能为空')
+        )
         return
       }
-      // 零散拣选校验
-      if (this.nowPickData.pickType === '300') {
 
-        if (this.nowPickData.fromLpn && !this.nowPickData.fromCaseNum && !this.lpnCheck()) return
+      if (this.snScanData.some(item => item.sn === key)) {
+        this.sn.focus = true
+        this.$lwToast.fail({
+          message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.ryvscryg', '当前序列号已存在列表中'),
+          forbidClick: false
+        })
+        return
+      }
 
-        if (this.nowPickData.fromCaseNum && !this.caseNumCheck()) return
+      const {ownerId, skuId} = this.nowPickData
+      projectWmsOutboundPickCheckSn({
+        ownerId,
+        skuId,
+        sn: key,
+        qty
+      }).then(res => {
+        this.snScanData.unshift({
+          sn: res.sn,
+          qty: res.qty || 1
+        })
+        this.sn.focus = true
+      })
 
-        if (!this.qtyCheck()) return
 
-        this.skuSubmit()
+    },
+    // 序列号删除
+    delSn(item, index) {
+      this.$lwDialog.confirm({
+        type: 'warning',
+        title: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.hbbogoqz', '提示'),
+        message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.tzphjoco', '确认删除序列号：{sn}', {sn: item.sn})
+      }).then(() => {
+        this.snScanData.splice(index, 1)
+      }).catch(() => {
+      })
+    },
+
+    // 提交拣选
+    submitPick() {
+
+      const pickUom = this.nowPickData.pickUom
+      switch (pickUom) {
+        // 整托盘拣选校验
+        case 'LPN':
+          this.lpnSubmit()
+          return
+        case 'CASE':
+          this.caseNumSubmit()
+          return;
+        // 零散拣选校验
+        default:
+          this.skuSubmit()
+        /*default:
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.wwzuhorm', '未指定拣选类型（{pickUom}），请联系系统管理员', {pickUom})
+          )*/
       }
     },
     // 整托拣选提交
@@ -912,27 +688,51 @@ export default {
         fromLocationId,
         actualLpn: this.lpn.value,
         extLpn: this.extLpn.value,
-      }).then(res => this.submitOver(res))
+      }).then(this.submitOver)
+    },
+    // 整箱拣选提交
+    caseNumSubmit() {
+
+      const {pickId, fromLpn, fromLocationId, fromCaseNum} = this.nowPickData
+      projectWmsOutboundPDASoCasePick({
+        soId: this.orderData.soId,
+        pickId,
+        fromLpn,
+        fromLocationId,
+        fromCaseNum,
+        actualCaseNum: this.caseNum.value,
+      }).then(this.submitOver)
     },
     // 零散拣选提交
     skuSubmit() {
-      if (this.nowPickData.fromLpn && !this.nowPickData.fromCaseNum && !this.lpnCheck()) return
 
-      if (this.nowPickData.fromCaseNum && !this.caseNumCheck()) return
+      const {fromLpn, fromCaseNum, fromLocationId, skuId, ownerId, needHandleSn} = this.nowPickData
 
-      if (!this.qtyCheck()) return
+      if (fromLpn && !fromCaseNum && !this.lpnCheck()) return
+
+      if (fromCaseNum && !this.caseNumCheck()) return
+
+      if (!needHandleSn && !this.qtyCheck()) return
+
+      let currentPickQty = 0
+      if (needHandleSn) {
+        currentPickQty = this.snScanData.reduce((a, b) => a + Number(b.qty), 0)
+      } else {
+        currentPickQty = this.qty.value
+      }
 
-      const {fromLpn, fromCaseNum, fromLocationId, skuId} = this.nowPickData
       projectWmsOutboundPDASoSkuPick({
         soId: this.orderData.soId,
         skuId,
         fromLpn,
         fromCaseNum,
         fromLocationId,
+        ownerId,
         actualLpn: this.lpn.value,
         actualCaseNum: this.caseNum.value,
-        currentPickQty: this.qty.value,
-      }).then(res => this.submitOver(res))
+        currentPickQty,
+        snList: this.snScanData
+      }).then(this.submitOver)
     },
 
     // 提交完成后执行的操作
@@ -946,12 +746,12 @@ export default {
     // 待拣选任务项点击
     waitItemClick(index, item) {
       let k = index
-      if (item.pickType === '300') {
+      if (this.checkPickIsEa(item.pickUom)) {
         const waitPick = this.orderData.currentPickList
         for (let i = 0; i < waitPick.length; i++) {
           const pick = waitPick[i]
           if (
-            pick.pickType === '300' &&
+            this.checkPickIsEa(pick.pickUom) &&
             pick.skuCode === item.skuCode &&
             pick.fromLocationCode === item.fromLocationCode
           ) {
@@ -965,53 +765,6 @@ export default {
       this.cutEnd()
     },
 
-    // 撤销
-    backClick(item) {
-      this.backPopup.item = item
-      this.backPopup.loc.value = item.fromLocationCode
-      this.backPopup.show = true
-    },
-    // 撤销弹框 - 确认库位
-    async backPopupLocConfirm() {
-      const {loc, item} = this.backPopup
-      if (!loc.value) {
-        this.backPopup.loc.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.slpujahh', '撤回放置库位不能为空')
-        )
-        return
-      }
-
-      const data = {
-        soId: this.orderData.soId,
-        fromLocationId: item.fromLocationId,
-        cancelToLocationCode: loc.value,
-      }
-
-      let res = {}
-      if (item.pickType === '300') {
-        res = await projectWmsOutboundPDASoCancelSkuPick({
-          ...data,
-          skuId: item.skuId,
-          cancelQty: item.totalQty
-        })
-      } else {
-        res = await projectWmsOutboundPDASoCancelLpnPick({
-          ...data,
-          pickId: item.pickId,
-          fromLpn: item.fromLpn,
-        })
-      }
-
-
-      this.dataFormat(res)
-      this.$lwToast.success(
-        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.hmiwzmix', '已撤销')
-      )
-      this.backPopup.show = false
-      this.backPopup.loc.value = ''
-    },
-
     // 取消拣选任务
     cancelPickTask() {
       this.$lwDialog.confirm({
@@ -1028,23 +781,21 @@ export default {
           )
         })
       })
+    },
+
+    // 校验数据是否为零散拣选
+    checkPickIsEa(pickUom) {
+      return !(pickUom === 'LPN' || pickUom === 'CASE')
     }
   }
 }
 </script>
 
 <style scoped lang="less">
-.button-row {
-  width: 100%;
-  text-align: right;
-
-  > button {
-    width: 20%;
-    margin: 3px 0;
-  }
-}
+@import "../../../../../../assets/css/var.less";
 
-.total-item {
-  width: 20%;
+.sn-data-head {
+  margin-top: 10px;
+  background: @baseColor;
 }
 </style>