@logwire/logwire-wms-pda-ui 3.5.3 → 3.5.5

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

@@ -1,1446 +1,1446 @@
-<!--
-  拣选控制台 - 按单拣选执行页
-  @author: 张文
-  @date: 2023-04-02
--->
-<template>
-  <div>
-
-    <lw-nav-bar
-      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.rvozzvrp','出库订单拣选')"
-    />
-
-    <lw-page-body-module>
-      <order-head-data
-        :order-data="orderData"
-        edit-path="/outbound/pickConsole/lwCreateOrder"
-        @allocateSuccess="init"
-      />
-
-      <!-- 拣选tab页 -->
-      <lw-tab-box style="margin-top: 10px">
-        <van-tabs
-          type="card"
-          animated
-          v-model="tabActive"
-          @change="tabChange"
-        >
-
-          <template v-if="allPickLoc.list.length">
-            <!-- 正在拣选 -->
-            <van-tab
-              name="ing"
-              :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.dofvaabs','正在拣选')"
-            >
-
-              <template v-if="pickSku.list.length">
-
-                <lw-cut-card
-                  class="lw-global-model-box"
-                  style="padding-top: 10px"
-                  v-model="allPickLoc.index"
-                  :length="allPickLoc.list.length"
-                  :cut-start="cutStart"
-                  :cut-end="locCutEnd"
-                >
-
-                  <template #numLast>
-                    <lw-title-value-cell
-                      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.hqtbfuzi', '库位')"
-                      :value="nowPickLoc.code"
-                      val-bold
-                      :is-row="false"
-                    />
-                  </template>
-
-                </lw-cut-card>
-
-
-                <div class="lw-global-model-box">
-
-                  <div class="lw-global-flex-between lw-global-row-start">
-
-                    <div class="lw-global-value-bold">{{ byPickTypeGetHeaderInfo.pickContainer }}</div>
-
-                    <lw-tag
-                      style="flex-shrink: 0"
-                      round
-                      plain
-                    >
-                      {{ byPickTypeGetHeaderInfo.type }}
-                    </lw-tag>
-
-                  </div>
-
-                  <div
-                    v-if="nowPickData.groupFieldList?.length"
-                    class="lw-global-row"
-                  >
-                    <lw-title-value-cell
-                      v-for="(i,k) in nowPickData.groupFieldList"
-                      :key="k"
-                      :title="i.title"
-                      :value="i.value"
-                      :is-row="false"
-                    />
-
-                  </div>
-
-                  <lw-title-value-cell
-                    :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.jfjejwrp','拣选库位')"
-                    :value="nowPickData.fromLocationCode"
-                    val-bold
-                  />
-
-                  <lw-title-value-cell
-                    :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.xvxvlgez', '待拣量')"
-                    :value="nowPickData.totalQtyLabel"
-                    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"
-                    style="padding: 0 10px 8px 10px"
-                  >
-
-                    <div
-                      v-for="(i,k) in nowPickData.skuList"
-                      :key="k"
-                      :class="$lwUtils.getCellClass({
-                        index: k,
-                        length: nowPickData.skuList.length,
-                        only:'lw-global-row-end',
-                        start:'lw-global-row'
-                      })"
-                    >
-                      <lw-sku-info-module
-                        :sku-code="i.skuCode"
-                        :sku-name="i.skuName"
-                        :qty="i.qtyLabel"
-                      />
-                      <template v-if="i.groupFieldList">
-                        <lw-title-value-cell
-                          v-for="(item,index) in i.groupFieldList"
-                          :key="'lv'+index"
-                          :title="item.title"
-                          :value="item.value"
-                          :is-row="false"
-                        />
-                      </template>
-                    </div>
-
-                  </div>
-
-                  <lw-cut-card
-                    v-model="pickSku.index"
-                    :length="pickSku.list.length"
-                    :cut-start="cutStart"
-                    :cut-end="cutEnd"
-                  />
-
-                </div>
-
-                <!-- 货主物料、客户物料输入框 -->
-                <template v-if="orderData.needCheckPartySku">
-
-                  <div
-                    class="lw-global-model-top-radius"
-                    style="margin-top: 10px;padding: 3px 10px"
-                  >
-                    <lw-input
-                      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.xbirbzgt', '货主物料')"
-                      v-model="ownerSku.value"
-                      :get-focus.sync="ownerSku.focus"
-                      required
-                      rule-key="ownerSku"
-                      :create-rule="$lwScanRule.create('出库拣选控制台-执行拣选-货主物料','SKU')"
-                      :rule-serve-query="orderData"
-                      :owner-id="orderData.ownerId"
-                      :disabled="ownerSku.disabled"
-                      need-show-clear
-                      @confirm="ownerSkuConfirm"
-                      @clear="ownerSku.disabled = false"
-                    />
-                    <lw-input
-                      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.nedmopfi', '客户物料')"
-                      v-model="customerSku.value"
-                      :get-focus.sync="customerSku.focus"
-                      :show-bottom-border="false"
-                      required
-                      rule-key="customerSku"
-                      :create-rule="$lwScanRule.create('出库拣选控制台-执行拣选-客户物料','SKU')"
-                      :rule-serve-query="orderData"
-                      :owner-id="orderData.ownerId"
-                      @confirm="customerSkuConfirm"
-                    />
-                  </div>
-                  <!-- 校验显示 -->
-                  <div
-                    class="lw-global-flex-between sku-check-row"
-                    :class="{'lw-global-model-bottom-radius':!ownerSkuCheckList.length}"
-                  >
-                    <div class="lw-global-title" style="color: #fff">
-                      {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.ibhgrgsv', '已验证物料数') }}
-                    </div>
-                    <div
-                      class="lw-global-value-bold"
-                      style="font-size: 1.25rem"
-                    >
-                      <span style="color: #D50000">{{ ownerSkuCheckList.length }}</span>
-                      <span style="color: #fff">{{ ' / ' + needCheckSkuQty }}</span>
-                    </div>
-                  </div>
-                  <div
-                    v-if="ownerSkuCheckList.length"
-                    class="lw-global-model-bottom-radius"
-                  >
-
-                    <div
-                      v-for="(i,k) in ownerSkuCheckList"
-                      :key="k"
-                      :class="$lwUtils.getCellClass(k,ownerSkuCheckList.length)"
-                    >
-                      <lw-title-value-cell
-                        :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.xbirbzgt', '货主物料')"
-                        value-more
-                        :value="i.ownerSkuCode"
-                        :value2="i.ownerSkuName"
-                        :is-row="false"
-                      />
-                      <lw-title-value-cell
-                        :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.nedmopfi', '客户物料')"
-                        value-more
-                        :value="i.customerSkuCode"
-                        :value2="i.customerSkuName"
-                        :is-row="false"
-                      />
-                    </div>
-
-                  </div>
-
-                </template>
-                <!-- 托盘号、外托号、箱号、商品号、序列号输入 -->
-                <div class="lw-global-model-box lw-global-model-box-3px">
-
-                  <!-- 整托拣选 - 外托号 -->
-                  <lw-input
-                    v-if="nowPickData.pickUom==='LPN' && orderData.needScanExtLpn"
-                    :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.ragtvybg','外托号')"
-                    v-model="extLpn.value"
-                    :get-focus.sync="extLpn.focus"
-                    :create-rule="$lwScanRule.create('出库拣选控制台-执行拣选-外托号','LPN')"
-                    rule-key="extLpn"
-                    :owner-id="orderData.ownerId"
-                    :rule-serve-query="nowPickData"
-                    required
-                    @confirm="extLpnConfirm"
-                  />
-
-                  <!-- 如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号 -->
-                  <lw-input
-                    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"
-                    :owner-id="orderData.ownerId"
-                    :rule-serve-query="nowPickData"
-                    required
-                    :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"
-                    :owner-id="orderData.ownerId"
-                    :rule-serve-query="nowPickData"
-                    required
-                    :show-bottom-border="nowPickIsEa"
-                    @confirm="caseNumConfirm"
-                  />
-
-                  <!-- 零散拣选 -->
-                  <template v-if="nowPickIsEa">
-
-                    <!-- 序列号 -->
-                    <lw-input
-                      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"
-                      :owner-id="orderData.ownerId"
-                      :rule-serve-query="nowPickData"
-                      required
-                      :show-bottom-border="false"
-                      auto-clear-val
-                      @confirm="snConfirm"
-                    />
-                    <!-- 数量 -->
-                    <lw-get-qty-by-type
-                      v-else
-                      :title="$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.wtxeolpv','数量')"
-                      ref="qty"
-                      :owner-id="nowPickData.ownerId"
-                      :sku-id="nowPickData.skuId"
-                      :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/>
-
-            </van-tab>
-
-            <!-- 待拣任务 -->
-            <van-tab
-              name="wait"
-              :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.kuergxiy','待拣任务')"
-            >
-              <wait-over-task-item
-                v-for="(i,k) in wait.data"
-                :key="k"
-                :item="i"
-                @itemClick="waitItemClick(i)"
-              />
-              <lw-pagination
-                v-model="wait.pageNum"
-                :page-size.sync="wait.pageSize"
-                :page-total="wait.pageTotal"
-                @change="getTabItemData('wait')"
-              />
-              <lw-not-data v-if="!wait.pageTotal"/>
-            </van-tab>
-          </template>
-
-
-          <!-- 已拣明细 -->
-          <van-tab
-            name="over"
-            :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.yapvdhzk','已拣明细')"
-          >
-            <wait-over-task-item
-              v-for="(i,k) in over.data"
-              :key="k"
-              :item="i"
-              type="over"
-              :show-back="showBack"
-              @backSuccess="init"
-            />
-            <lw-pagination
-              v-model="over.pageNum"
-              :page-size.sync="over.pageSize"
-              :page-total="over.pageTotal"
-              @change="getTabItemData('over')"
-            />
-            <lw-not-data v-if="!over.pageTotal"/>
-          </van-tab>
-
-          <!-- 全部 -->
-          <van-tab
-            name="all"
-            :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.pbeoukay', '全部')"
-          >
-            <div
-              class="lw-global-model-box"
-              v-for="(i,k) in all.data"
-              :key="k"
-            >
-              <lw-sku-info-module
-                :sku-name="i.skuName"
-                :sku-code="i.skuCode"
-                :show-right="false"
-                is-row-first
-              />
-              <lw-label-value-group
-                :list="getGroupData(i)"
-                label-key="fieldCode"
-                value-key="qtyLabel"
-              />
-            </div>
-            <lw-pagination
-              v-model="all.pageNum"
-              :page-size.sync="all.pageSize"
-              :page-total="all.pageTotal"
-              @change="getTabItemData('all')"
-            />
-            <lw-not-data v-if="!all.pageTotal"/>
-          </van-tab>
-
-        </van-tabs>
-      </lw-tab-box>
-
-    </lw-page-body-module>
-
-    <!-- 异常、缺货弹框 -->
-    <pick-more-sku-abn-lack-popup
-      ref="moreSkuAbnLackPopup"
-      :abn-api="abnConfirm"
-      :lack-api="lackConfirm"
-      @abnSubmitSuccess="abnLackSuccess"
-      @lackSubmitSuccess="abnLackSuccess"
-    />
-
-    <lw-bottom-bar v-if="pickSku.list.length && tabActive==='ing'">
-      <lw-button
-        type="last"
-        @click="lackAbnBtn('lack')"
-      >
-        {{
-          $lwLanguage.get('', '拣选缺货')
-        }}
-      </lw-button>
-
-      <lw-button
-        type="normal"
-        plain
-        @click="lackAbnBtn('abn')"
-      >
-        {{
-          $lwLanguage.get('', '异常')
-        }}
-      </lw-button>
-
-      <lw-button @click="submitPick">
-        {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.amljfwvg', '确认拣选') }}
-      </lw-button>
-
-    </lw-bottom-bar>
-
-    <lw-bottom-bar v-if="wait.data.length && tabActive==='wait'">
-
-      <lw-button @click="cancelPickTask">
-        {{
-          $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.vqwtpwkf', '取消拣选任务')
-        }}
-      </lw-button>
-
-    </lw-bottom-bar>
-
-  </div>
-</template>
-
-<script>
-import {
-  projectWmsOutboundPDASoCancelPickTask,
-  projectWmsOutboundPDASoCasePick,
-  projectWmsOutboundPDASoLoadDataV2,
-  projectWmsOutboundPDASoPick,
-  projectWmsOutboundPDASoPickCheck,
-  projectWmsOutboundPDASoPickedQueryLocPageTask,
-  projectWmsOutboundPDASoPickingQueryLocPageTask,
-  projectWmsOutboundPDASoPickingQueryLocs,
-  projectWmsOutboundPDASoPickingQueryLocTask,
-  projectWmsOutboundPDASoQuerySkuPage,
-  projectWmsOutboundPDASoSkuPick,
-  projectWmsOutboundSubmitPickAbnormal,
-  projectWmsOutboundSubmitLpnPickSockout,
-  projectWmsOutboundSubmitCasePickStockout,
-  projectWmsOutboundSubmitPickStockout,
-  projectWmsOutboundSubmitLpnPickAbnormal,
-  projectWmsOutboundSubmitCasePickAbnormal,
-} from "../../../../api/outbound/pickConsole/orderPick";
-import waitOverTaskItem from "./../../../../components/consoleAndPick/waitOverTaskItem.vue";
-import orderHeadData from "./../../../../components/consoleAndPick/orderHeadData.vue";
-import {projectWmsOutboundPickCheckSn} from "../../../../api/outbound/pick/alone";
-import pickMoreSkuAbnLackPopup from "./../../components/pickMoreSkuAbnLackPopup.vue";
-
-export default {
-  name: "lwOutboundPickConsoleOrderAction",
-  components: {
-    waitOverTaskItem,
-    orderHeadData,
-    pickMoreSkuAbnLackPopup,
-  },
-  data() {
-    return {
-      orderData: {},
-
-      tabActive: 'ing',
-
-      // 全部待拣库位列表
-      allPickLoc: {
-        list: [],
-        index: 0
-      },
-      // 指定库位下的待拣明细
-      pickSku: {
-        list: [],
-        index: 0
-      },
-
-      // 待拣
-      wait: {
-        data: [],
-        pageNum: 1,
-        pageSize: 10,
-        pageTotal: 0,
-      },
-      // 已拣
-      over: {
-        data: [],
-        pageNum: 1,
-        pageSize: 10,
-        pageTotal: 0,
-      },
-      // 全部
-      all: {
-        data: [],
-        pageNum: 1,
-        pageSize: 10,
-        pageTotal: 0,
-      },
-
-      // 是否显示货主、客户物料输入框
-      showOwnerCustomerInput: true,
-      // 货主物料
-      ownerSku: {
-        value: '',
-        name: '',
-        focus: false,
-        disabled: false,
-      },
-      // 客户物料
-      customerSku: {
-        value: '',
-        focus: false
-      },
-      // 货主物料、客户物料商品验证的数据
-      ownerSkuCheckList: [],
-
-      lpn: {
-        value: '',
-        focus: false
-      },
-      caseNum: {
-        value: '',
-        focus: false
-      },
-      qty: {
-        value: '',
-        focus: false
-      },
-      extLpn: {
-        value: '',
-        focus: false
-      },
-      sn: {
-        value: '',
-        focus: false
-      },
-      // 序列号扫描数据
-      snScanData: [],
-    }
-  },
-  computed: {
-    // 当前拣选的仓库
-    nowPickLoc() {
-      return this.allPickLoc.list[this.allPickLoc.index] || {}
-    },
-    nowPickData() {
-      return this.pickSku.list[this.pickSku.index] || {}
-    },
-    // 是否显示撤销按钮
-    showBack() {
-      const {billStatus} = this.orderData
-      return billStatus !== '550' && billStatus !== '600'
-    },
-
-    // 是否需要录入托盘号：如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号
-    hasLpn() {
-      const {pickUom, fromLpn, fromCaseNum} = this.nowPickData
-      if (pickUom === 'LPN') return true
-      return !!(fromLpn && !fromCaseNum);
-    },
-    // 是否需要录入箱号：如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号
-    hasBox() {
-      const {pickUom, fromCaseNum} = this.nowPickData
-      if (pickUom === 'CASE') return true
-      return !!fromCaseNum
-    },
-    // 当前拣选是否是零散拣选
-    nowPickIsEa() {
-      const pickUom = this.nowPickData.pickUom
-      return !(pickUom === 'LPN' || pickUom === 'CASE')
-    },
-
-    // 需要验证的商品数
-    needCheckSkuQty() {
-      return this.nowPickData.skuList?.length || 1
-    },
-
-    // 货主商品检查通过
-    ownerSkuCheckPass() {
-      return this.ownerSkuCheckList.length === this.needCheckSkuQty
-    },
-
-    // 根据拣选类型获取头部信息
-    byPickTypeGetHeaderInfo() {
-      switch (this.nowPickData.pickUom) {
-        case 'LPN':
-          return {
-            pickContainer: this.nowPickData.fromLpn,
-            type: this.$lwLanguage.get('', '整托')
-          }
-        case 'CASE':
-          return {
-            pickContainer: this.nowPickData.fromCaseNum,
-            type: this.$lwLanguage.get('', '整箱')
-          }
-        default:
-          return {
-            pickContainer: this.nowPickData.skuCode + ' / ' + this.nowPickData.skuName,
-            type: this.$lwLanguage.get('', '零散')
-          }
-      }
-    }
-
-  },
-  mounted() {
-    this.init()
-  },
-  methods: {
-    // 全部统计数据组格式化
-    getGroupData(item) {
-      return [[
-        {
-          child: item.labeledQtyList.map(i => {
-            return {
-              type: 'LV',
-              valBold: true,
-              valRed: true,
-              ...i
-            }
-          }),
-          type: 'JOIN'
-        }
-      ]]
-    },
-
-    formatData() {
-      this.$nextTick(async () => {
-        if (this.allPickLoc.list.length) {
-          await this.getLocPickSku(this.nowPickLoc.id)
-          this.$nextTick(() => this.tabActive = 'ing')
-        } else {
-          this.tabActive = 'over'
-          this.tabChange()
-        }
-      })
-    },
-
-    async init() {
-      this.allPickLoc.index = 0
-      this.allPickLoc.list = []
-
-      this.pickSku.index = 0
-      this.pickSku.list = []
-
-      this.wait.pageNum = 1
-      this.wait.pageTotal = 0
-      this.wait.data = []
-
-      this.over.pageNum = 1
-      this.over.pageTotal = 0
-      this.over.data = []
-
-      this.all.pageNum = 1
-      this.all.pageTotal = 0
-      this.all.data = []
-
-      await this.getOrderData()
-      await this.getPickLocList()
-      this.formatData()
-    },
-
-    // tab切换
-    tabChange() {
-      if (this.tabActive === 'ing') return
-
-      this.getTabItemData(this.tabActive)
-    },
-
-    // 获取出库单信息
-    async getOrderData() {
-      try {
-        this.orderData = await projectWmsOutboundPDASoLoadDataV2({
-          soId: this.$route.query.lwOrderId
-        })
-      } catch {
-        history.go(-1)
-      }
-    },
-    // 获取全部待拣库位列表
-    async getPickLocList(locCode) {
-      const res = await projectWmsOutboundPDASoPickingQueryLocs({
-        soId: this.$route.query.lwOrderId,
-      })
-      if (locCode) {
-        for (let i = 0; i < res.length; i++) {
-          if (res[i].code === locCode) {
-            this.allPickLoc.index = i
-            break
-          }
-        }
-      } else {
-        this.allPickLoc.index = 0
-      }
-      this.allPickLoc.list = res
-    },
-    // 获取指定库位的待拣明细
-    async getLocPickSku(locId) {
-      const res = await projectWmsOutboundPDASoPickingQueryLocTask({
-        soId: this.$route.query.lwOrderId,
-        locId
-      })
-
-      if (!res || !res.length) {
-        this.allPickLoc.list = []
-        this.formatData()
-        return
-      }
-      this.pickSku.list = res
-      this.pickSku.index = 0
-
-      // 判断当前库位是否是返回的库位
-      if (this.nowPickLoc.code !== res[0].fromLocationCode) {
-        await this.getPickLocList(res[0].fromLocationCode)
-      }
-    },
-
-    // 获取tan项数据
-    getTabItemData(key) {
-      let api = null
-      switch (key) {
-        case 'wait':
-          api = projectWmsOutboundPDASoPickingQueryLocPageTask
-          break;
-        case 'over':
-          api = projectWmsOutboundPDASoPickedQueryLocPageTask
-          break;
-        case 'all':
-          api = projectWmsOutboundPDASoQuerySkuPage
-          break;
-        default:
-          api = null
-      }
-
-      if (api === null) return
-
-      api({
-        soId: this.$route.query.lwOrderId,
-        pageNum: this[key].pageNum,
-        pageSize: this[key].pageSize,
-      }).then(res => {
-        this[key].data = res.datas || []
-        this[key].pageTotal = res.total || 0
-      })
-    },
-
-
-    // 库位切换后
-    async locCutEnd() {
-      await this.getLocPickSku(this.nowPickLoc.id)
-      this.cutEnd()
-    },
-    // 数据切换前
-    cutStart() {
-
-      return new Promise((resolve, reject) => {
-        const input = ['lpn', 'extLpn']
-        let has = false
-        for (const i of input) {
-          if (this[i].value) {
-            has = true
-            break
-          }
-        }
-        if (!has) return resolve(true)
-
-        this.$lwDialog.confirm({
-          title: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.prqekmqt', '提示'),
-          message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.pjncszyc', '输入数据将会被全部清空'),
-        }).then(() => resolve(true)).catch(() => reject('用户取消'))
-      })
-
-    },
-    // 数据切换后
-    cutEnd() {
-      const input = ['lpn', 'extLpn', 'caseNum', 'qty', 'sn']
-      for (const i of input) {
-        this[i].value = ''
-      }
-
-      this.snScanData = []
-      this.ownerSkuCheckList = []
-      this.clearOwnerCustomerInput()
-
-      // 让输入框获取焦点
-      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.needHandleSn) {
-            this.sn.focus = true
-            return
-          }
-
-          this.$nextTick(() => this.$refs.qty?.getFocus())
-          return
-      }
-
-    },
-
-    // 清空货主物料、客户物料输入框
-    clearOwnerCustomerInput(focus) {
-      this.ownerSku.value = ''
-      this.ownerSku.name = ''
-      this.ownerSku.disabled = false
-      this.customerSku.value = ''
-      focus && this.$nextTick(() => {
-        this.ownerSku.focus = true
-      })
-    },
-    // 货主物料 - 清空输入框显示错误信息并获取焦点
-    ownerSkuErrorFn(msg) {
-      this.ownerSku.focus = true
-      msg && this.$lwShowErrorMsg(msg)
-      this.ownerSku.value = ''
-      return false
-    },
-    // 货主物料 - 校验
-    ownerSkuCheck() {
-      const ownerSkuCode = this.ownerSku.value
-
-      if (!ownerSkuCode) return this.ownerSkuErrorFn(
-        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.ygjktoeb', '货主物料不能为空')
-      )
-
-      const pickSkuList = this.nowPickData.skuList || [this.nowPickData]
-      // 校验当前扫描数据是否是当前需要拣选的商品
-      if (!pickSkuList.some(item => item.skuCode === ownerSkuCode)) return this.ownerSkuErrorFn(
-        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.onoeywjf', '扫描/输入的货主物料不在当前拣选商品中！')
-      )
-
-      // 校验是否重复校验
-      if (this.ownerSkuCheckList.some(item => item.ownerSkuCode === ownerSkuCode)) return this.ownerSkuErrorFn(
-        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.bxwfltbn', '扫描/输入的货主物料已存在校验数据，不允许重复校验')
-      )
-
-      return true
-
-    },
-    // 货主物料 - 确认
-    ownerSkuConfirm(val, {data}) {
-      if (!this.ownerSkuCheck()) return
-
-      // 查看解析数据是否包含托、箱
-      switch (this.nowPickData.pickUom) {
-        case 'LPN':
-          this.lpn.value = data.lpn || ''
-          break;
-        case 'CASE':
-          this.caseNum.value = data.case || ''
-      }
-      this.ownerSku.name = data.skuName
-      this.ownerSku.disabled = true
-      this.customerSku.focus = true
-    },
-    // 客户物料 - 确认
-    customerSkuConfirm(val, {data}) {
-      if (!this.ownerSkuCheck()) return
-
-
-      const customerSkuCode = this.customerSku.value
-      if (!customerSkuCode) {
-        this.customerSku.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.dhlgxlsr', '客户物料不能为空')
-        )
-        return
-      }
-
-      const ownerSkuCode = this.ownerSku.value
-      projectWmsOutboundPDASoPickCheck({
-        soId: this.orderData.soId,
-        currentTask: this.nowPickData,
-        args: {
-          ownerSkuCode,
-          customerSkuCode,
-        }
-      }).then(() => {
-
-        if (this.ownerSkuCheckList.some(item => item.ownerSkuCode === ownerSkuCode)) {
-          this.ownerSkuErrorFn(
-            this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.bxwfltbn', '扫描/输入的货主物料已存在校验数据，不允许重复校验')
-          )
-          return
-        }
-
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.gumgskiu', '校验成功')
-        )
-
-        this.ownerSkuCheckList.unshift({
-          ownerSkuCode,
-          ownerSkuName: this.ownerSku.name,
-          customerSkuCode,
-          customerSkuName: data.skuName,
-        })
-
-        // 如果需要外托号就回填
-        if (this.orderData.needScanExtLpn) {
-          this.extLpn.value = data.lpn || ''
-        }
-
-        // 验证完成后
-        if (this.ownerSkuCheckPass) {
-          this.$lwToast.success({
-            message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.xtfbfska', '商品已全部验证'),
-            forbidClick: false,
-            duration: 1000
-          })
-
-          if (this.orderData.needScanExtLpn) {
-            this.extLpn.focus = true
-            return
-          }
-
-          if (this.hasLpn) {
-            this.lpn.focus = true
-            return
-          }
-
-          this.caseNum.focus = true
-        }
-
-        this.clearOwnerCustomerInput(!this.ownerSkuCheckPass)
-      })
-    },
-
-    // 托盘校验
-    lpnCheck() {
-      if (this.lpn.value) return true
-
-      this.lpn.focus = true
-      this.$lwShowErrorMsg(
-        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.wwebkfhs', '托盘号不能为空')
-      )
-      return false
-
-    },
-    // 托盘确认
-    lpnConfirm() {
-      if (!this.lpnCheck()) return
-
-      const {pickUom, needHandleSn} = this.nowPickData
-      if (pickUom === 'LPN') return this.submitPick()
-
-      if (pickUom !== 'LPN' && pickUom !== 'CASE') {
-        if (needHandleSn) {
-          this.sn.focus = true
-        } else {
-          this.$refs.qty?.getFocus()
-        }
-      }
-
-    },
-
-    // 外托盘校验
-    extLpnCheck() {
-      if (
-        !this.nowPickData.pickUom !== 'LPN' ||
-        !this.orderData.needScanExtLpn ||
-        this.extLpn.value
-      ) return true
-
-      this.extLpn.focus = true
-      this.$lwShowErrorMsg(
-        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.pzzsnmbr', '外托号不能为空')
-      )
-      return false
-    },
-    // 外托盘确认
-    extLpnConfirm() {
-      if (this.extLpnCheck()) this.lpn.focus = true
-    },
-
-    // 箱校验
-    caseNumCheck() {
-      if (this.caseNum.value) return true
-
-      this.caseNum.focus = true
-      this.$lwShowErrorMsg(
-        this.$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.vojtkbxq', '箱号不能为空')
-      )
-      return false
-
-    },
-    // 箱确认
-    caseNumConfirm() {
-      if (!this.caseNumCheck()) return
-
-      const {needHandleSn} = this.nowPickData
-      // 是否为零散拣选
-      if (this.nowPickIsEa) {
-        if (needHandleSn) {
-          this.sn.focus = true
-        } else {
-          this.$refs.qty?.getFocus()
-        }
-        return
-      }
-
-      this.caseNumSubmit()
-    },
-    // 数量校验
-    qtyCheck() {
-      const qty = this.$refs.qty?.getQty()
-      if (!qty) {
-        this.$refs.qty?.getFocus()
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.ezkenfkg', '数量不能为空，且应当是大于0的正整数')
-        )
-        return false
-      }
-
-      if (Number(this.nowPickData.totalQty || 0) < qty) {
-        this.$refs.qty?.getFocus()
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.lgzzjcrw', '数量不能大于待拣量')
-        )
-        return false
-      }
-
-
-      return true
-    },
-
-    // 序列号输入确认
-    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.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
-      }
-
-      const {ownerId, skuId} = this.nowPickData
-      projectWmsOutboundPickCheckSn({
-        ownerId,
-        skuId,
-        sn: key,
-        qty
-      }).then(res => {
-        const sn = {
-          sn: res.sn,
-          qty: res.qty || 1
-        }
-        if (this.checkQtyBySn(sn)) {
-          this.snScanData.unshift(sn)
-        }
-
-        this.sn.focus = true
-      })
-
-
-    },
-    // 序列号删除
-    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(() => {
-      })
-    },
-    // 序列号数量校验
-    checkQtyBySn(sn) {
-      const waitPickQty = Number(this.nowPickData.totalQty || 0)
-      const total = this.snScanData.reduce((t, i) => t + Number(i.qty), 0)
-      const waitQty = waitPickQty - total
-      const now = Number(sn.qty)
-      if (now > waitQty) {
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.owtrxzmf', '当前拣选量{now}大于剩余待拣量{waitQty}，拣选失败！', {now: now, waitQty})
-        )
-        return false
-      }
-      return true
-    },
-
-    // 提交拣选
-    submitPick() {
-      const pickUom = this.nowPickData.pickUom
-
-      if (this.orderData.needCheckPartySku && !this.ownerSkuCheckPass) {
-        this.ownerSku.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.uiruxsxe', '请验证物料！')
-        )
-        return
-      }
-
-      switch (pickUom) {
-        // 整托盘拣选校验
-        case 'LPN':
-          this.lpnSubmit()
-          return
-        case 'CASE':
-          this.caseNumSubmit()
-          return;
-        // 零散拣选校验
-        default:
-          this.skuSubmit()
-      }
-    },
-    // 整托拣选提交
-    lpnSubmit() {
-      if (!this.extLpnCheck() || !this.lpnCheck()) return
-
-      const {pickId, fromLpn, fromLocationId} = this.nowPickData
-      projectWmsOutboundPDASoPick({
-        soId: this.orderData.soId,
-        pickId,
-        fromLpn,
-        fromLocationId,
-        actualLpn: this.lpn.value,
-        extLpn: this.extLpn.value,
-      }).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() {
-
-      const {fromLpn, fromCaseNum, fromLocationId, skuId, ownerId, needHandleSn} = this.nowPickData
-
-      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.$refs.qty?.getQty()
-      }
-
-      projectWmsOutboundPDASoSkuPick({
-        soId: this.orderData.soId,
-        lineGroupKey: this.nowPickData.lineGroupKey,
-        skuId,
-        fromLpn,
-        fromCaseNum,
-        fromLocationId,
-        ownerId,
-        actualLpn: this.lpn.value,
-        actualCaseNum: this.caseNum.value,
-        currentPickQty,
-        snList: this.snScanData
-      }).then(this.submitOver)
-    },
-
-    // 提交完成后执行的操作
-    submitOver(res) {
-      this.$lwToast.success(
-        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.jcvxtjmd', '操作成功')
-      )
-      // 拣选完一条就删除一条
-      this.pickSku.list.splice(this.pickSku.index, 1)
-
-      // 检查是否还有没有拣选的商品
-      if (!this.pickSku.list.length) {
-        this.allPickLoc.index++
-        if (this.allPickLoc.index > (this.allPickLoc.list.length - 1)) {
-          this.init()
-          return
-        }
-        this.locCutEnd()
-      }
-      // 判断当前索引是否满足数据长度
-      this.orderData = res
-      this.pickSku.index = this.$lwUtils.cutCardIndexCount(this.pickSku.index, this.pickSku.list.length)
-
-      this.formatData()
-
-      this.cutEnd()
-    },
-
-    // 待拣选任务项点击
-    async waitItemClick(item) {
-      await this.getLocPickSku(item.fromLocationId)
-
-      for (let i = 0; i < this.pickSku.list.length; i++) {
-        const pick = this.pickSku.list[i]
-        if (pick.pickUom !== item.pickUom) continue
-
-        if (item.pickUom === 'LPN') {
-          if (pick.fromLpn === item.fromLpn) {
-            this.pickSku.index = i
-            break
-          }
-          continue
-        }
-
-        if (item.pickUom === 'CASE') {
-          if (pick.fromCaseNum === item.fromCaseNum) {
-            this.pickSku.index = i
-            break
-          }
-          continue
-        }
-
-        if (pick.skuCode === item.skuCode) {
-          this.pickSku.index = i
-          break
-        }
-      }
-
-      this.tabActive = "ing"
-      this.cutEnd()
-    },
-
-    // 取消拣选任务
-    cancelPickTask() {
-      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.ffjgzxpk', '是否取消所有待拣的任务'),
-        type: 'warning'
-      }).then(() => {
-        projectWmsOutboundPDASoCancelPickTask({
-          soId: this.orderData.soId
-        }).then(res => {
-          this.orderData = res
-          this.$lwToast.success(
-            this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.qzjlmywj', '已取消')
-          )
-          this.init()
-        })
-      })
-    },
-
-    // 获取商品信息
-    getSkuList() {
-
-      switch (this.nowPickData.pickUom) {
-        case 'LPN':
-        case 'CASE':
-          return this.nowPickData.skuList.map(item => {
-            return {
-              ...item,
-              fromLocationId: this.nowPickData.fromLocationId,
-              fromLocationCode: this.nowPickData.fromLocationCode,
-              fromLpn: this.nowPickData.fromLpn,
-              fromCase: this.nowPickData.fromCaseNum,
-              pickId: this.nowPickData.pickId,
-            }
-          })
-        default:
-          return [{
-            ...this.nowPickData,
-            qty: this.nowPickData.totalQty,
-            waitPickQtyLabel: this.nowPickData.totalQtyLabel,
-            qtyLabel: this.nowPickData.totalQtyLabel,
-          }]
-      }
-
-    },
-    // 缺货、异常按钮点击
-    lackAbnBtn(type) {
-      this.$refs.moreSkuAbnLackPopup.openPopup(
-        this.getSkuList(),
-        type,
-        this.nowPickData.pickUom
-      )
-    },
-    // 异常确认
-    abnConfirm({skuInfo, abnData}) {
-      let api = null
-      switch (this.nowPickData.pickUom) {
-        case 'LPN':
-          api = projectWmsOutboundSubmitLpnPickAbnormal
-          break
-        case 'CASE':
-          api = projectWmsOutboundSubmitCasePickAbnormal
-          break
-        default:
-          api = projectWmsOutboundSubmitPickAbnormal
-      }
-      return api({
-        ...skuInfo,
-        ...abnData,
-        soId: this.$route.query.lwOrderId
-      })
-    },
-    // 缺货确认
-    lackConfirm({skuInfo, lackQty}) {
-      let api = null
-      switch (this.nowPickData.pickUom) {
-        case 'LPN':
-          api = projectWmsOutboundSubmitLpnPickSockout
-          break
-        case 'CASE':
-          api = projectWmsOutboundSubmitCasePickStockout
-          break
-        default:
-          api = projectWmsOutboundSubmitPickStockout
-      }
-      return api({
-        ...skuInfo,
-        stockoutQty: lackQty,
-        soId: this.$route.query.lwOrderId
-      })
-    },
-    // 异常缺货成功
-    abnLackSuccess() {
-      this.$lwToast.success(
-        this.$lwLanguage.get('', '操作成功')
-      )
-      this.init()
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-@import "../../../../../../assets/css/var.less";
-
-
-.sku-check-row {
-  background: rgb(41, 133, 225);
-  padding: 5px 10px;
-
-  > div {
-    //color: #fff !important;
-  }
-}
-
-.sn-data-head {
-  margin-top: 10px;
-  background: @baseColor;
-}
-</style>
+<!--
+  拣选控制台 - 按单拣选执行页
+  @author: 张文
+  @date: 2023-04-02
+-->
+<template>
+  <div>
+
+    <lw-nav-bar
+      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.rvozzvrp','出库订单拣选')"
+    />
+
+    <lw-page-body-module>
+      <order-head-data
+        :order-data="orderData"
+        edit-path="/outbound/pickConsole/lwCreateOrder"
+        @allocateSuccess="init"
+      />
+
+      <!-- 拣选tab页 -->
+      <lw-tab-box style="margin-top: 10px">
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+
+          <template v-if="allPickLoc.list.length">
+            <!-- 正在拣选 -->
+            <van-tab
+              name="ing"
+              :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.dofvaabs','正在拣选')"
+            >
+
+              <template v-if="pickSku.list.length">
+
+                <lw-cut-card
+                  class="lw-global-model-box"
+                  style="padding-top: 10px"
+                  v-model="allPickLoc.index"
+                  :length="allPickLoc.list.length"
+                  :cut-start="cutStart"
+                  :cut-end="locCutEnd"
+                >
+
+                  <template #numLast>
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.hqtbfuzi', '库位')"
+                      :value="nowPickLoc.code"
+                      val-bold
+                      :is-row="false"
+                    />
+                  </template>
+
+                </lw-cut-card>
+
+
+                <div class="lw-global-model-box">
+
+                  <div class="lw-global-flex-between lw-global-row-start">
+
+                    <div class="lw-global-value-bold">{{ byPickTypeGetHeaderInfo.pickContainer }}</div>
+
+                    <lw-tag
+                      style="flex-shrink: 0"
+                      round
+                      plain
+                    >
+                      {{ byPickTypeGetHeaderInfo.type }}
+                    </lw-tag>
+
+                  </div>
+
+                  <div
+                    v-if="nowPickData.groupFieldList?.length"
+                    class="lw-global-row"
+                  >
+                    <lw-title-value-cell
+                      v-for="(i,k) in nowPickData.groupFieldList"
+                      :key="k"
+                      :title="i.title"
+                      :value="i.value"
+                      :is-row="false"
+                    />
+
+                  </div>
+
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.jfjejwrp','拣选库位')"
+                    :value="nowPickData.fromLocationCode"
+                    val-bold
+                  />
+
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.xvxvlgez', '待拣量')"
+                    :value="nowPickData.totalQtyLabel"
+                    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"
+                    style="padding: 0 10px 8px 10px"
+                  >
+
+                    <div
+                      v-for="(i,k) in nowPickData.skuList"
+                      :key="k"
+                      :class="$lwUtils.getCellClass({
+                        index: k,
+                        length: nowPickData.skuList.length,
+                        only:'lw-global-row-end',
+                        start:'lw-global-row'
+                      })"
+                    >
+                      <lw-sku-info-module
+                        :sku-code="i.skuCode"
+                        :sku-name="i.skuName"
+                        :qty="i.qtyLabel"
+                      />
+                      <template v-if="i.groupFieldList">
+                        <lw-title-value-cell
+                          v-for="(item,index) in i.groupFieldList"
+                          :key="'lv'+index"
+                          :title="item.title"
+                          :value="item.value"
+                          :is-row="false"
+                        />
+                      </template>
+                    </div>
+
+                  </div>
+
+                  <lw-cut-card
+                    v-model="pickSku.index"
+                    :length="pickSku.list.length"
+                    :cut-start="cutStart"
+                    :cut-end="cutEnd"
+                  />
+
+                </div>
+
+                <!-- 货主物料、客户物料输入框 -->
+                <template v-if="orderData.needCheckPartySku">
+
+                  <div
+                    class="lw-global-model-top-radius"
+                    style="margin-top: 10px;padding: 3px 10px"
+                  >
+                    <lw-input
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.xbirbzgt', '货主物料')"
+                      v-model="ownerSku.value"
+                      :get-focus.sync="ownerSku.focus"
+                      required
+                      rule-key="ownerSku"
+                      :create-rule="$lwScanRule.create('出库拣选控制台-执行拣选-货主物料','SKU')"
+                      :rule-serve-query="orderData"
+                      :owner-id="orderData.ownerId"
+                      :disabled="ownerSku.disabled"
+                      need-show-clear
+                      @confirm="ownerSkuConfirm"
+                      @clear="ownerSku.disabled = false"
+                    />
+                    <lw-input
+                      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.nedmopfi', '客户物料')"
+                      v-model="customerSku.value"
+                      :get-focus.sync="customerSku.focus"
+                      :show-bottom-border="false"
+                      required
+                      rule-key="customerSku"
+                      :create-rule="$lwScanRule.create('出库拣选控制台-执行拣选-客户物料','SKU')"
+                      :rule-serve-query="orderData"
+                      :owner-id="orderData.ownerId"
+                      @confirm="customerSkuConfirm"
+                    />
+                  </div>
+                  <!-- 校验显示 -->
+                  <div
+                    class="lw-global-flex-between sku-check-row"
+                    :class="{'lw-global-model-bottom-radius':!ownerSkuCheckList.length}"
+                  >
+                    <div class="lw-global-title" style="color: #fff">
+                      {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.ibhgrgsv', '已验证物料数') }}
+                    </div>
+                    <div
+                      class="lw-global-value-bold"
+                      style="font-size: 1.25rem"
+                    >
+                      <span style="color: #D50000">{{ ownerSkuCheckList.length }}</span>
+                      <span style="color: #fff">{{ ' / ' + needCheckSkuQty }}</span>
+                    </div>
+                  </div>
+                  <div
+                    v-if="ownerSkuCheckList.length"
+                    class="lw-global-model-bottom-radius"
+                  >
+
+                    <div
+                      v-for="(i,k) in ownerSkuCheckList"
+                      :key="k"
+                      :class="$lwUtils.getCellClass(k,ownerSkuCheckList.length)"
+                    >
+                      <lw-title-value-cell
+                        :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.xbirbzgt', '货主物料')"
+                        value-more
+                        :value="i.ownerSkuCode"
+                        :value2="i.ownerSkuName"
+                        :is-row="false"
+                      />
+                      <lw-title-value-cell
+                        :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.nedmopfi', '客户物料')"
+                        value-more
+                        :value="i.customerSkuCode"
+                        :value2="i.customerSkuName"
+                        :is-row="false"
+                      />
+                    </div>
+
+                  </div>
+
+                </template>
+                <!-- 托盘号、外托号、箱号、商品号、序列号输入 -->
+                <div class="lw-global-model-box lw-global-model-box-3px">
+
+                  <!-- 整托拣选 - 外托号 -->
+                  <lw-input
+                    v-if="nowPickData.pickUom==='LPN' && orderData.needScanExtLpn"
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.ragtvybg','外托号')"
+                    v-model="extLpn.value"
+                    :get-focus.sync="extLpn.focus"
+                    :create-rule="$lwScanRule.create('出库拣选控制台-执行拣选-外托号','LPN')"
+                    rule-key="extLpn"
+                    :owner-id="orderData.ownerId"
+                    :rule-serve-query="nowPickData"
+                    required
+                    @confirm="extLpnConfirm"
+                  />
+
+                  <!-- 如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号 -->
+                  <lw-input
+                    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"
+                    :owner-id="orderData.ownerId"
+                    :rule-serve-query="nowPickData"
+                    required
+                    :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"
+                    :owner-id="orderData.ownerId"
+                    :rule-serve-query="nowPickData"
+                    required
+                    :show-bottom-border="nowPickIsEa"
+                    @confirm="caseNumConfirm"
+                  />
+
+                  <!-- 零散拣选 -->
+                  <template v-if="nowPickIsEa">
+
+                    <!-- 序列号 -->
+                    <lw-input
+                      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"
+                      :owner-id="orderData.ownerId"
+                      :rule-serve-query="nowPickData"
+                      required
+                      :show-bottom-border="false"
+                      auto-clear-val
+                      @confirm="snConfirm"
+                    />
+                    <!-- 数量 -->
+                    <lw-get-qty-by-type
+                      v-else
+                      :title="$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.wtxeolpv','数量')"
+                      ref="qty"
+                      :owner-id="nowPickData.ownerId"
+                      :sku-id="nowPickData.skuId"
+                      :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/>
+
+            </van-tab>
+
+            <!-- 待拣任务 -->
+            <van-tab
+              name="wait"
+              :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.kuergxiy','待拣任务')"
+            >
+              <wait-over-task-item
+                v-for="(i,k) in wait.data"
+                :key="k"
+                :item="i"
+                @itemClick="waitItemClick(i)"
+              />
+              <lw-pagination
+                v-model="wait.pageNum"
+                :page-size.sync="wait.pageSize"
+                :page-total="wait.pageTotal"
+                @change="getTabItemData('wait')"
+              />
+              <lw-not-data v-if="!wait.pageTotal"/>
+            </van-tab>
+          </template>
+
+
+          <!-- 已拣明细 -->
+          <van-tab
+            name="over"
+            :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.yapvdhzk','已拣明细')"
+          >
+            <wait-over-task-item
+              v-for="(i,k) in over.data"
+              :key="k"
+              :item="i"
+              type="over"
+              :show-back="showBack"
+              @backSuccess="init"
+            />
+            <lw-pagination
+              v-model="over.pageNum"
+              :page-size.sync="over.pageSize"
+              :page-total="over.pageTotal"
+              @change="getTabItemData('over')"
+            />
+            <lw-not-data v-if="!over.pageTotal"/>
+          </van-tab>
+
+          <!-- 全部 -->
+          <van-tab
+            name="all"
+            :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.pbeoukay', '全部')"
+          >
+            <div
+              class="lw-global-model-box"
+              v-for="(i,k) in all.data"
+              :key="k"
+            >
+              <lw-sku-info-module
+                :sku-name="i.skuName"
+                :sku-code="i.skuCode"
+                :show-right="false"
+                is-row-first
+              />
+              <lw-label-value-group
+                :list="getGroupData(i)"
+                label-key="fieldCode"
+                value-key="qtyLabel"
+              />
+            </div>
+            <lw-pagination
+              v-model="all.pageNum"
+              :page-size.sync="all.pageSize"
+              :page-total="all.pageTotal"
+              @change="getTabItemData('all')"
+            />
+            <lw-not-data v-if="!all.pageTotal"/>
+          </van-tab>
+
+        </van-tabs>
+      </lw-tab-box>
+
+    </lw-page-body-module>
+
+    <!-- 异常、缺货弹框 -->
+    <pick-more-sku-abn-lack-popup
+      ref="moreSkuAbnLackPopup"
+      :abn-api="abnConfirm"
+      :lack-api="lackConfirm"
+      @abnSubmitSuccess="abnLackSuccess"
+      @lackSubmitSuccess="abnLackSuccess"
+    />
+
+    <lw-bottom-bar v-if="pickSku.list.length && tabActive==='ing'">
+      <lw-button
+        type="last"
+        @click="lackAbnBtn('lack')"
+      >
+        {{
+          $lwLanguage.get('', '拣选缺货')
+        }}
+      </lw-button>
+
+      <lw-button
+        type="normal"
+        plain
+        @click="lackAbnBtn('abn')"
+      >
+        {{
+          $lwLanguage.get('', '异常')
+        }}
+      </lw-button>
+
+      <lw-button @click="submitPick">
+        {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.amljfwvg', '确认拣选') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <lw-bottom-bar v-if="wait.data.length && tabActive==='wait'">
+
+      <lw-button @click="cancelPickTask">
+        {{
+          $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.vqwtpwkf', '取消拣选任务')
+        }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import {
+  projectWmsOutboundPDASoCancelPickTask,
+  projectWmsOutboundPDASoCasePick,
+  projectWmsOutboundPDASoLoadDataV2,
+  projectWmsOutboundPDASoPick,
+  projectWmsOutboundPDASoPickCheck,
+  projectWmsOutboundPDASoPickedQueryLocPageTask,
+  projectWmsOutboundPDASoPickingQueryLocPageTask,
+  projectWmsOutboundPDASoPickingQueryLocs,
+  projectWmsOutboundPDASoPickingQueryLocTask,
+  projectWmsOutboundPDASoQuerySkuPage,
+  projectWmsOutboundPDASoSkuPick,
+  projectWmsOutboundSubmitPickAbnormal,
+  projectWmsOutboundSubmitLpnPickSockout,
+  projectWmsOutboundSubmitCasePickStockout,
+  projectWmsOutboundSubmitPickStockout,
+  projectWmsOutboundSubmitLpnPickAbnormal,
+  projectWmsOutboundSubmitCasePickAbnormal,
+} from "../../../../api/outbound/pickConsole/orderPick";
+import waitOverTaskItem from "./../../../../components/consoleAndPick/waitOverTaskItem.vue";
+import orderHeadData from "./../../../../components/consoleAndPick/orderHeadData.vue";
+import {projectWmsOutboundPickCheckSn} from "../../../../api/outbound/pick/alone";
+import pickMoreSkuAbnLackPopup from "./../../components/pickMoreSkuAbnLackPopup.vue";
+
+export default {
+  name: "lwOutboundPickConsoleOrderAction",
+  components: {
+    waitOverTaskItem,
+    orderHeadData,
+    pickMoreSkuAbnLackPopup,
+  },
+  data() {
+    return {
+      orderData: {},
+
+      tabActive: 'ing',
+
+      // 全部待拣库位列表
+      allPickLoc: {
+        list: [],
+        index: 0
+      },
+      // 指定库位下的待拣明细
+      pickSku: {
+        list: [],
+        index: 0
+      },
+
+      // 待拣
+      wait: {
+        data: [],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+      // 已拣
+      over: {
+        data: [],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+      // 全部
+      all: {
+        data: [],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+
+      // 是否显示货主、客户物料输入框
+      showOwnerCustomerInput: true,
+      // 货主物料
+      ownerSku: {
+        value: '',
+        name: '',
+        focus: false,
+        disabled: false,
+      },
+      // 客户物料
+      customerSku: {
+        value: '',
+        focus: false
+      },
+      // 货主物料、客户物料商品验证的数据
+      ownerSkuCheckList: [],
+
+      lpn: {
+        value: '',
+        focus: false
+      },
+      caseNum: {
+        value: '',
+        focus: false
+      },
+      qty: {
+        value: '',
+        focus: false
+      },
+      extLpn: {
+        value: '',
+        focus: false
+      },
+      sn: {
+        value: '',
+        focus: false
+      },
+      // 序列号扫描数据
+      snScanData: [],
+    }
+  },
+  computed: {
+    // 当前拣选的仓库
+    nowPickLoc() {
+      return this.allPickLoc.list[this.allPickLoc.index] || {}
+    },
+    nowPickData() {
+      return this.pickSku.list[this.pickSku.index] || {}
+    },
+    // 是否显示撤销按钮
+    showBack() {
+      const {billStatus} = this.orderData
+      return billStatus !== '550' && billStatus !== '600'
+    },
+
+    // 是否需要录入托盘号：如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号
+    hasLpn() {
+      const {pickUom, fromLpn, fromCaseNum} = this.nowPickData
+      if (pickUom === 'LPN') return true
+      return !!(fromLpn && !fromCaseNum);
+    },
+    // 是否需要录入箱号：如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号
+    hasBox() {
+      const {pickUom, fromCaseNum} = this.nowPickData
+      if (pickUom === 'CASE') return true
+      return !!fromCaseNum
+    },
+    // 当前拣选是否是零散拣选
+    nowPickIsEa() {
+      const pickUom = this.nowPickData.pickUom
+      return !(pickUom === 'LPN' || pickUom === 'CASE')
+    },
+
+    // 需要验证的商品数
+    needCheckSkuQty() {
+      return this.nowPickData.skuList?.length || 1
+    },
+
+    // 货主商品检查通过
+    ownerSkuCheckPass() {
+      return this.ownerSkuCheckList.length === this.needCheckSkuQty
+    },
+
+    // 根据拣选类型获取头部信息
+    byPickTypeGetHeaderInfo() {
+      switch (this.nowPickData.pickUom) {
+        case 'LPN':
+          return {
+            pickContainer: this.nowPickData.fromLpn,
+            type: this.$lwLanguage.get('', '整托')
+          }
+        case 'CASE':
+          return {
+            pickContainer: this.nowPickData.fromCaseNum,
+            type: this.$lwLanguage.get('', '整箱')
+          }
+        default:
+          return {
+            pickContainer: this.nowPickData.skuCode + ' / ' + this.nowPickData.skuName,
+            type: this.$lwLanguage.get('', '零散')
+          }
+      }
+    }
+
+  },
+  mounted() {
+    this.init()
+  },
+  methods: {
+    // 全部统计数据组格式化
+    getGroupData(item) {
+      return [[
+        {
+          child: item.labeledQtyList.map(i => {
+            return {
+              type: 'LV',
+              valBold: true,
+              valRed: true,
+              ...i
+            }
+          }),
+          type: 'JOIN'
+        }
+      ]]
+    },
+
+    formatData() {
+      this.$nextTick(async () => {
+        if (this.allPickLoc.list.length) {
+          await this.getLocPickSku(this.nowPickLoc.id)
+          this.$nextTick(() => this.tabActive = 'ing')
+        } else {
+          this.tabActive = 'over'
+          this.tabChange()
+        }
+      })
+    },
+
+    async init() {
+      this.allPickLoc.index = 0
+      this.allPickLoc.list = []
+
+      this.pickSku.index = 0
+      this.pickSku.list = []
+
+      this.wait.pageNum = 1
+      this.wait.pageTotal = 0
+      this.wait.data = []
+
+      this.over.pageNum = 1
+      this.over.pageTotal = 0
+      this.over.data = []
+
+      this.all.pageNum = 1
+      this.all.pageTotal = 0
+      this.all.data = []
+
+      await this.getOrderData()
+      await this.getPickLocList()
+      this.formatData()
+    },
+
+    // tab切换
+    tabChange() {
+      if (this.tabActive === 'ing') return
+
+      this.getTabItemData(this.tabActive)
+    },
+
+    // 获取出库单信息
+    async getOrderData() {
+      try {
+        this.orderData = await projectWmsOutboundPDASoLoadDataV2({
+          soId: this.$route.query.lwOrderId
+        })
+      } catch {
+        history.go(-1)
+      }
+    },
+    // 获取全部待拣库位列表
+    async getPickLocList(locCode) {
+      const res = await projectWmsOutboundPDASoPickingQueryLocs({
+        soId: this.$route.query.lwOrderId,
+      })
+      if (locCode) {
+        for (let i = 0; i < res.length; i++) {
+          if (res[i].code === locCode) {
+            this.allPickLoc.index = i
+            break
+          }
+        }
+      } else {
+        this.allPickLoc.index = 0
+      }
+      this.allPickLoc.list = res
+    },
+    // 获取指定库位的待拣明细
+    async getLocPickSku(locId) {
+      const res = await projectWmsOutboundPDASoPickingQueryLocTask({
+        soId: this.$route.query.lwOrderId,
+        locId
+      })
+
+      if (!res || !res.length) {
+        this.allPickLoc.list = []
+        this.formatData()
+        return
+      }
+      this.pickSku.list = res
+      this.pickSku.index = 0
+
+      // 判断当前库位是否是返回的库位
+      if (this.nowPickLoc.code !== res[0].fromLocationCode) {
+        await this.getPickLocList(res[0].fromLocationCode)
+      }
+    },
+
+    // 获取tan项数据
+    getTabItemData(key) {
+      let api = null
+      switch (key) {
+        case 'wait':
+          api = projectWmsOutboundPDASoPickingQueryLocPageTask
+          break;
+        case 'over':
+          api = projectWmsOutboundPDASoPickedQueryLocPageTask
+          break;
+        case 'all':
+          api = projectWmsOutboundPDASoQuerySkuPage
+          break;
+        default:
+          api = null
+      }
+
+      if (api === null) return
+
+      api({
+        soId: this.$route.query.lwOrderId,
+        pageNum: this[key].pageNum,
+        pageSize: this[key].pageSize,
+      }).then(res => {
+        this[key].data = res.datas || []
+        this[key].pageTotal = res.total || 0
+      })
+    },
+
+
+    // 库位切换后
+    async locCutEnd() {
+      await this.getLocPickSku(this.nowPickLoc.id)
+      this.cutEnd()
+    },
+    // 数据切换前
+    cutStart() {
+
+      return new Promise((resolve, reject) => {
+        const input = ['lpn', 'extLpn']
+        let has = false
+        for (const i of input) {
+          if (this[i].value) {
+            has = true
+            break
+          }
+        }
+        if (!has) return resolve(true)
+
+        this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.prqekmqt', '提示'),
+          message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.pjncszyc', '输入数据将会被全部清空'),
+        }).then(() => resolve(true)).catch(() => reject('用户取消'))
+      })
+
+    },
+    // 数据切换后
+    cutEnd() {
+      const input = ['lpn', 'extLpn', 'caseNum', 'qty', 'sn']
+      for (const i of input) {
+        this[i].value = ''
+      }
+
+      this.snScanData = []
+      this.ownerSkuCheckList = []
+      this.clearOwnerCustomerInput()
+
+      // 让输入框获取焦点
+      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.needHandleSn) {
+            this.sn.focus = true
+            return
+          }
+
+          this.$nextTick(() => this.$refs.qty?.getFocus())
+          return
+      }
+
+    },
+
+    // 清空货主物料、客户物料输入框
+    clearOwnerCustomerInput(focus) {
+      this.ownerSku.value = ''
+      this.ownerSku.name = ''
+      this.ownerSku.disabled = false
+      this.customerSku.value = ''
+      focus && this.$nextTick(() => {
+        this.ownerSku.focus = true
+      })
+    },
+    // 货主物料 - 清空输入框显示错误信息并获取焦点
+    ownerSkuErrorFn(msg) {
+      this.ownerSku.focus = true
+      msg && this.$lwShowErrorMsg(msg)
+      this.ownerSku.value = ''
+      return false
+    },
+    // 货主物料 - 校验
+    ownerSkuCheck() {
+      const ownerSkuCode = this.ownerSku.value
+
+      if (!ownerSkuCode) return this.ownerSkuErrorFn(
+        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.ygjktoeb', '货主物料不能为空')
+      )
+
+      const pickSkuList = this.nowPickData.skuList || [this.nowPickData]
+      // 校验当前扫描数据是否是当前需要拣选的商品
+      if (!pickSkuList.some(item => item.skuCode === ownerSkuCode)) return this.ownerSkuErrorFn(
+        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.onoeywjf', '扫描/输入的货主物料不在当前拣选商品中！')
+      )
+
+      // 校验是否重复校验
+      if (this.ownerSkuCheckList.some(item => item.ownerSkuCode === ownerSkuCode)) return this.ownerSkuErrorFn(
+        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.bxwfltbn', '扫描/输入的货主物料已存在校验数据，不允许重复校验')
+      )
+
+      return true
+
+    },
+    // 货主物料 - 确认
+    ownerSkuConfirm(val, {data}) {
+      if (!this.ownerSkuCheck()) return
+
+      // 查看解析数据是否包含托、箱
+      switch (this.nowPickData.pickUom) {
+        case 'LPN':
+          this.lpn.value = data.lpn || ''
+          break;
+        case 'CASE':
+          this.caseNum.value = data.case || ''
+      }
+      this.ownerSku.name = data.skuName
+      this.ownerSku.disabled = true
+      this.customerSku.focus = true
+    },
+    // 客户物料 - 确认
+    customerSkuConfirm(val, {data}) {
+      if (!this.ownerSkuCheck()) return
+
+
+      const customerSkuCode = this.customerSku.value
+      if (!customerSkuCode) {
+        this.customerSku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.dhlgxlsr', '客户物料不能为空')
+        )
+        return
+      }
+
+      const ownerSkuCode = this.ownerSku.value
+      projectWmsOutboundPDASoPickCheck({
+        soId: this.orderData.soId,
+        currentTask: this.nowPickData,
+        args: {
+          ownerSkuCode,
+          customerSkuCode,
+        }
+      }).then(() => {
+
+        if (this.ownerSkuCheckList.some(item => item.ownerSkuCode === ownerSkuCode)) {
+          this.ownerSkuErrorFn(
+            this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.bxwfltbn', '扫描/输入的货主物料已存在校验数据，不允许重复校验')
+          )
+          return
+        }
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.gumgskiu', '校验成功')
+        )
+
+        this.ownerSkuCheckList.unshift({
+          ownerSkuCode,
+          ownerSkuName: this.ownerSku.name,
+          customerSkuCode,
+          customerSkuName: data.skuName,
+        })
+
+        // 如果需要外托号就回填
+        if (this.orderData.needScanExtLpn) {
+          this.extLpn.value = data.lpn || ''
+        }
+
+        // 验证完成后
+        if (this.ownerSkuCheckPass) {
+          this.$lwToast.success({
+            message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.xtfbfska', '商品已全部验证'),
+            forbidClick: false,
+            duration: 1000
+          })
+
+          if (this.orderData.needScanExtLpn) {
+            this.extLpn.focus = true
+            return
+          }
+
+          if (this.hasLpn) {
+            this.lpn.focus = true
+            return
+          }
+
+          this.caseNum.focus = true
+        }
+
+        this.clearOwnerCustomerInput(!this.ownerSkuCheckPass)
+      })
+    },
+
+    // 托盘校验
+    lpnCheck() {
+      if (this.lpn.value) return true
+
+      this.lpn.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.wwebkfhs', '托盘号不能为空')
+      )
+      return false
+
+    },
+    // 托盘确认
+    lpnConfirm() {
+      if (!this.lpnCheck()) return
+
+      const {pickUom, needHandleSn} = this.nowPickData
+      if (pickUom === 'LPN') return this.submitPick()
+
+      if (pickUom !== 'LPN' && pickUom !== 'CASE') {
+        if (needHandleSn) {
+          this.sn.focus = true
+        } else {
+          this.$refs.qty?.getFocus()
+        }
+      }
+
+    },
+
+    // 外托盘校验
+    extLpnCheck() {
+      if (
+        !this.nowPickData.pickUom !== 'LPN' ||
+        !this.orderData.needScanExtLpn ||
+        this.extLpn.value
+      ) return true
+
+      this.extLpn.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.pzzsnmbr', '外托号不能为空')
+      )
+      return false
+    },
+    // 外托盘确认
+    extLpnConfirm() {
+      if (this.extLpnCheck()) this.lpn.focus = true
+    },
+
+    // 箱校验
+    caseNumCheck() {
+      if (this.caseNum.value) return true
+
+      this.caseNum.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.vojtkbxq', '箱号不能为空')
+      )
+      return false
+
+    },
+    // 箱确认
+    caseNumConfirm() {
+      if (!this.caseNumCheck()) return
+
+      const {needHandleSn} = this.nowPickData
+      // 是否为零散拣选
+      if (this.nowPickIsEa) {
+        if (needHandleSn) {
+          this.sn.focus = true
+        } else {
+          this.$refs.qty?.getFocus()
+        }
+        return
+      }
+
+      this.caseNumSubmit()
+    },
+    // 数量校验
+    qtyCheck() {
+      const qty = this.$refs.qty?.getQty()
+      if (!qty) {
+        this.$refs.qty?.getFocus()
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.views.wms.page.outbound.pickConsole.orderAction.index.ezkenfkg', '数量不能为空，且应当是大于0的正整数')
+        )
+        return false
+      }
+
+      if (Number(this.nowPickData.totalQty || 0) < qty) {
+        this.$refs.qty?.getFocus()
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.lgzzjcrw', '数量不能大于待拣量')
+        )
+        return false
+      }
+
+
+      return true
+    },
+
+    // 序列号输入确认
+    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.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
+      }
+
+      const {ownerId, skuId} = this.nowPickData
+      projectWmsOutboundPickCheckSn({
+        ownerId,
+        skuId,
+        sn: key,
+        qty
+      }).then(res => {
+        const sn = {
+          sn: res.sn,
+          qty: res.qty || 1
+        }
+        if (this.checkQtyBySn(sn)) {
+          this.snScanData.unshift(sn)
+        }
+
+        this.sn.focus = true
+      })
+
+
+    },
+    // 序列号删除
+    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(() => {
+      })
+    },
+    // 序列号数量校验
+    checkQtyBySn(sn) {
+      const waitPickQty = Number(this.nowPickData.totalQty || 0)
+      const total = this.snScanData.reduce((t, i) => t + Number(i.qty), 0)
+      const waitQty = waitPickQty - total
+      const now = Number(sn.qty)
+      if (now > waitQty) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.owtrxzmf', '当前拣选量{now}大于剩余待拣量{waitQty}，拣选失败！', {now: now, waitQty})
+        )
+        return false
+      }
+      return true
+    },
+
+    // 提交拣选
+    submitPick() {
+      const pickUom = this.nowPickData.pickUom
+
+      if (this.orderData.needCheckPartySku && !this.ownerSkuCheckPass) {
+        this.ownerSku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.uiruxsxe', '请验证物料！')
+        )
+        return
+      }
+
+      switch (pickUom) {
+        // 整托盘拣选校验
+        case 'LPN':
+          this.lpnSubmit()
+          return
+        case 'CASE':
+          this.caseNumSubmit()
+          return;
+        // 零散拣选校验
+        default:
+          this.skuSubmit()
+      }
+    },
+    // 整托拣选提交
+    lpnSubmit() {
+      if (!this.extLpnCheck() || !this.lpnCheck()) return
+
+      const {pickId, fromLpn, fromLocationId} = this.nowPickData
+      projectWmsOutboundPDASoPick({
+        soId: this.orderData.soId,
+        pickId,
+        fromLpn,
+        fromLocationId,
+        actualLpn: this.lpn.value,
+        extLpn: this.extLpn.value,
+      }).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() {
+
+      const {fromLpn, fromCaseNum, fromLocationId, skuId, ownerId, needHandleSn} = this.nowPickData
+
+      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.$refs.qty?.getQty()
+      }
+
+      projectWmsOutboundPDASoSkuPick({
+        soId: this.orderData.soId,
+        lineGroupKey: this.nowPickData.lineGroupKey,
+        skuId,
+        fromLpn,
+        fromCaseNum,
+        fromLocationId,
+        ownerId,
+        actualLpn: this.lpn.value,
+        actualCaseNum: this.caseNum.value,
+        currentPickQty,
+        snList: this.snScanData
+      }).then(this.submitOver)
+    },
+
+    // 提交完成后执行的操作
+    submitOver(res) {
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.jcvxtjmd', '操作成功')
+      )
+      // 拣选完一条就删除一条
+      this.pickSku.list.splice(this.pickSku.index, 1)
+
+      // 检查是否还有没有拣选的商品
+      if (!this.pickSku.list.length) {
+        this.allPickLoc.index++
+        if (this.allPickLoc.index > (this.allPickLoc.list.length - 1)) {
+          this.init()
+          return
+        }
+        this.locCutEnd()
+      }
+      // 判断当前索引是否满足数据长度
+      this.orderData = res
+      this.pickSku.index = this.$lwUtils.cutCardIndexCount(this.pickSku.index, this.pickSku.list.length)
+
+      this.formatData()
+
+      this.cutEnd()
+    },
+
+    // 待拣选任务项点击
+    async waitItemClick(item) {
+      await this.getLocPickSku(item.fromLocationId)
+
+      for (let i = 0; i < this.pickSku.list.length; i++) {
+        const pick = this.pickSku.list[i]
+        if (pick.pickUom !== item.pickUom) continue
+
+        if (item.pickUom === 'LPN') {
+          if (pick.fromLpn === item.fromLpn) {
+            this.pickSku.index = i
+            break
+          }
+          continue
+        }
+
+        if (item.pickUom === 'CASE') {
+          if (pick.fromCaseNum === item.fromCaseNum) {
+            this.pickSku.index = i
+            break
+          }
+          continue
+        }
+
+        if (pick.skuCode === item.skuCode) {
+          this.pickSku.index = i
+          break
+        }
+      }
+
+      this.tabActive = "ing"
+      this.cutEnd()
+    },
+
+    // 取消拣选任务
+    cancelPickTask() {
+      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.ffjgzxpk', '是否取消所有待拣的任务'),
+        type: 'warning'
+      }).then(() => {
+        projectWmsOutboundPDASoCancelPickTask({
+          soId: this.orderData.soId
+        }).then(res => {
+          this.orderData = res
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsole.orderAction.index.qzjlmywj', '已取消')
+          )
+          this.init()
+        })
+      })
+    },
+
+    // 获取商品信息
+    getSkuList() {
+
+      switch (this.nowPickData.pickUom) {
+        case 'LPN':
+        case 'CASE':
+          return this.nowPickData.skuList.map(item => {
+            return {
+              ...item,
+              fromLocationId: this.nowPickData.fromLocationId,
+              fromLocationCode: this.nowPickData.fromLocationCode,
+              fromLpn: this.nowPickData.fromLpn,
+              fromCase: this.nowPickData.fromCaseNum,
+              pickId: this.nowPickData.pickId,
+            }
+          })
+        default:
+          return [{
+            ...this.nowPickData,
+            qty: this.nowPickData.totalQty,
+            waitPickQtyLabel: this.nowPickData.totalQtyLabel,
+            qtyLabel: this.nowPickData.totalQtyLabel,
+          }]
+      }
+
+    },
+    // 缺货、异常按钮点击
+    lackAbnBtn(type) {
+      this.$refs.moreSkuAbnLackPopup.openPopup(
+        this.getSkuList(),
+        type,
+        this.nowPickData.pickUom
+      )
+    },
+    // 异常确认
+    abnConfirm({skuInfo, abnData}) {
+      let api = null
+      switch (this.nowPickData.pickUom) {
+        case 'LPN':
+          api = projectWmsOutboundSubmitLpnPickAbnormal
+          break
+        case 'CASE':
+          api = projectWmsOutboundSubmitCasePickAbnormal
+          break
+        default:
+          api = projectWmsOutboundSubmitPickAbnormal
+      }
+      return api({
+        ...skuInfo,
+        ...abnData,
+        soId: this.$route.query.lwOrderId
+      })
+    },
+    // 缺货确认
+    lackConfirm({skuInfo, lackQty}) {
+      let api = null
+      switch (this.nowPickData.pickUom) {
+        case 'LPN':
+          api = projectWmsOutboundSubmitLpnPickSockout
+          break
+        case 'CASE':
+          api = projectWmsOutboundSubmitCasePickStockout
+          break
+        default:
+          api = projectWmsOutboundSubmitPickStockout
+      }
+      return api({
+        ...skuInfo,
+        stockoutQty: lackQty,
+        soId: this.$route.query.lwOrderId
+      })
+    },
+    // 异常缺货成功
+    abnLackSuccess() {
+      this.$lwToast.success(
+        this.$lwLanguage.get('', '操作成功')
+      )
+      this.init()
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "../../../../../../assets/css/var.less";
+
+
+.sku-check-row {
+  background: rgb(41, 133, 225);
+  padding: 5px 10px;
+
+  > div {
+    //color: #fff !important;
+  }
+}
+
+.sn-data-head {
+  margin-top: 10px;
+  background: @baseColor;
+}
+</style>