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

package/src/views/wms/page/outbound/pickConsoleV2/action.vue

@@ -1,2232 +1,2232 @@
-<!--
-  拣选控制台V2 - 按单拣选执行页
-  @author: 张文
-  @date: 2024-01-24
--->
-<template>
-  <div>
-
-    <lw-nav-bar
-      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.gwlvwsws', '出库订单拣选')"
-    >
-      <template #right>
-        <van-icon
-          name="replay"
-          size="16px"
-          @click="init"
-        />
-      </template>
-    </lw-nav-bar>
-
-    <lw-page-body-module>
-      <div class="lw-global-model-top-radius">
-        <div class="lw-global-row-start lw-global-flex-between">
-          <div class="lw-global-value-bold">{{ orderData.soNo }}</div>
-          <lw-tag
-            round
-            plain
-            :type="tagType(orderData.billStatus)"
-          >
-            {{ orderData.billStatusLabel }}
-          </lw-tag>
-        </div>
-        <lw-label-value-group
-          class="lw-global-row-end"
-          :list="orderData.headers"
-          :show-row-style="false"
-        />
-      </div>
-      <lw-data-look-bg
-        :data="orderData.labeledQtyList"
-        :type="dataLookBottomBtnRow?'not':'bottom'"
-        title-key="fieldCode"
-        value-key="qtyLabel"
-      />
-      <div
-        v-if="dataLookBottomBtnRow"
-        class="lw-global-model-bottom-radius btn-box"
-      >
-        <lw-button
-          v-if="orderData.canReleasePickTask"
-          type="last"
-          plain
-          small
-          @click="releaseTask"
-        >
-          {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.aaafcpcu', '发放拣选任务') }}
-        </lw-button>
-        <lw-button
-          v-if="orderData.canAppointPick"
-          type="last"
-          plain
-          small
-          @click="appointInvPick"
-        >
-          {{ $lwLanguage.get('', '指定库存拣选') }}
-        </lw-button>
-        <lw-button
-          v-if="orderData.reportableQty"
-          small
-          type="last"
-          plain
-          @click="submitLack"
-        >
-          {{ $lwLanguage.get('', '上报缺货') }}
-        </lw-button>
-        <lw-button
-          v-if="orderData.canShip"
-          small
-          @click="deliver"
-        >
-          {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.tqvdcbpe', '发运') }}
-        </lw-button>
-        <lw-button
-          v-if="orderData.blockStatus !=='100'"
-          small
-          @click="onBlock"
-        >
-          {{ $lwLanguage.get('', '拦截处理') }}
-        </lw-button>
-      </div>
-
-
-      <!-- 拣选tab页 -->
-      <lw-tab-box style="margin-top: 10px">
-        <van-tabs
-          type="card"
-          animated
-          v-model="tabActive"
-          @change="tabChange"
-        >
-
-          <!-- 当前页面拣选的的待拣任务tab -->
-          <template v-if="pickType==='self' && showPickTab">
-            <!-- 正在拣选 -->
-            <van-tab
-              name="ing"
-              :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.vcsbuwnl', '正在拣选')"
-            >
-
-              <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.pickConsoleV2.action.dagugnbu', '库位')"
-                      :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.pickConsoleV2.action.odjvcyym', '拣选库位')"
-                    :value="nowPickData.fromLocationCode"
-                    val-bold
-                  />
-
-                  <lw-title-value-cell
-                    :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.cslezjei', '待拣量')"
-                    :value="nowPickData.totalQtyLabel"
-                    val-bold
-                  />
-
-                  <lw-title-value-cell
-                    v-if="nowPickData.pickUom !== 'LPN' && nowPickData.fromLpn"
-                    :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.jroyunvi', '托盘号')"
-                    :value="nowPickData.fromLpn"
-                    val-bold
-                  />
-
-                  <lw-title-value-cell
-                    v-if="nowPickData.pickUom !== 'CASE' && nowPickData.fromCaseNum"
-                    :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.uxkkhwtj', '箱号')"
-                    :value="nowPickData.fromCaseNum"
-                    val-bold
-                  />
-
-                  <!-- 托盘剩余量 -->
-                  <lw-title-value-cell
-                    v-if="nowPickData.showRemainQty"
-                    style="background: yellow"
-                    :title="$lwLanguage.get('', '托盘剩余量')"
-                    :value="nowPickData.remainQtyLabel"
-                    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.pickConsoleV2.action.kydlazos', '货主物料')"
-                      v-model="ownerSku.value"
-                      :get-focus.sync="ownerSku.focus"
-                      required
-                      rule-key="ownerSku"
-                      :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-货主物料','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.pickConsoleV2.action.jtppqldr', '客户物料')"
-                      v-model="customerSku.value"
-                      :get-focus.sync="customerSku.focus"
-                      :show-bottom-border="false"
-                      required
-                      rule-key="customerSku"
-                      :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-客户物料','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.pickConsoleV2.action.msqbglph', '已验证物料数')
-                      }}
-                    </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.pickConsoleV2.action.kydlazos', '货主物料')"
-                        value-more
-                        :value="i.ownerSkuCode"
-                        :value2="i.ownerSkuName"
-                        :is-row="false"
-                      />
-                      <lw-title-value-cell
-                        :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.jtppqldr', '客户物料')"
-                        value-more
-                        :value="i.customerSkuCode"
-                        :value2="i.customerSkuName"
-                        :is-row="false"
-                      />
-                    </div>
-
-                  </div>
-
-                </template>
-
-                <!-- 零散拣选 - 拣选容器号 -->
-                <div
-                  v-if="nowPickIsEa"
-                  class="lw-global-model-box"
-                >
-                  <template v-if="containerLpn.pickLpn">
-                    <div class="lw-global-flex-between">
-                      <lw-title-value-cell
-                        :title="$lwLanguage.get('', '拣选容器号')"
-                        :value="containerLpn.pickLpn"
-                        val-bold
-                        :is-row="false"
-                      />
-                      <lw-button
-                        style="margin-left: 10px;flex-shrink: 0"
-                        mini
-                        @click="changContainerLpnPopup.show=true"
-                      >
-                        {{
-                          $lwLanguage.get('', '切换容器')
-                        }}
-                      </lw-button>
-
-                    </div>
-                  </template>
-                  <template v-else>
-                    <div class="lw-global-flex-start">
-                      <div class="lw-global-title">
-                        {{ $lwLanguage.get('', '拣选容器号：') }}
-                      </div>
-                      <lw-button
-                        style="margin-left: 10px"
-                        mini
-                        plain
-                        type="last"
-                        @click="createLpn"
-                      >
-                        {{
-                          $lwLanguage.get('', '生成容器号')
-                        }}
-                      </lw-button>
-
-                    </div>
-                    <lw-input
-                      title=""
-                      :placeholder="$lwLanguage.get('', '请扫描或输入拣选容器号')"
-                      v-model="containerLpn.value"
-                      :get-focus.sync="containerLpn.focus"
-                      :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-拣选容器托盘','LPN')"
-                      rule-key="pickContainerLpn"
-                      :owner-id="orderData.ownerId"
-                      :rule-serve-query="nowPickData"
-                      required
-                      :show-bottom-border="false"
-                      @confirm="containerLpnConfirm"
-                    >
-                      <template #button>
-                        <lw-button
-                          mini
-                          @click="containerLpnConfirm"
-                        >
-                          {{ $lwLanguage.get('', '确认') }}
-                        </lw-button>
-                      </template>
-                    </lw-input>
-                  </template>
-                </div>
-                <!-- 托盘号、外托号、箱号、商品号、序列号输入 -->
-                <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.pickConsoleV2.action.ipmqyjvi', '外托号')"
-                    v-model="extLpn.value"
-                    :get-focus.sync="extLpn.focus"
-                    :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-外托号','LPN')"
-                    rule-key="extLpn"
-                    :owner-id="orderData.ownerId"
-                    :rule-serve-query="nowPickData"
-                    required
-                    @confirm="extLpnConfirm"
-                  />
-
-                  <!-- 如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号 -->
-                  <lw-input
-                    v-if="hasLpn"
-                    :title="$lwLanguage.get('', '拣选托盘')"
-                    v-model="lpn.value"
-                    :get-focus.sync="lpn.focus"
-                    :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-托盘号','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.wms.page.outbound.pickConsoleV2.action.uxkkhwtj', '箱号')"
-                    v-model="caseNum.value"
-                    :get-focus.sync="caseNum.focus"
-                    :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-托盘号','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.pickConsoleV2.action.eecwhcxn', '序列号')"
-                      v-model="sn.value"
-                      :get-focus.sync="sn.focus"
-                      :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-序列号','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.wms.page.outbound.pickConsoleV2.action.gefnfzzx', '数量')"
-                      ref="qty"
-                      :owner-id="nowPickData.ownerId"
-                      :sku-id="nowPickData.skuId"
-                      :show-bottom-border="nowPickData.remainQty > 0"
-                      @confirm="submitPick"
-                    />
-
-                  </template>
-
-                  <!-- 打印原标签开关 -->
-                  <div
-                    v-if="nowPickData.remainQty > 0"
-                    class="lw-global-row-end lw-global-flex-between"
-                    style="padding-bottom: 5px"
-                  >
-                    <div class="lw-global-title">
-                      {{ $lwLanguage.get('', '打印原标签') }}
-                    </div>
-
-                    <van-switch
-                      v-model="printOldLabel.open"
-                      size="18px"
-                    />
-                  </div>
-                </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.pickConsoleV2.action.nlznaogt', '已扫序列号')"
-                      :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.pickConsoleV2.action.ylvbfmqu', '已扫数量')"
-                      :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="waitPageChange"
-              />
-              <lw-not-data v-if="!wait.pageTotal"/>
-            </van-tab>
-          </template>
-
-          <!-- 任务类型的待拣任务tab -->
-          <van-tab
-            v-if="pickType==='task' && this.waitByTask.data.length"
-            :title="$lwLanguage.get('', '待拣任务')"
-            name="waitByTask"
-          >
-
-            <lw-label-value-group
-              class="lw-global-click-style"
-              v-for="(i,k) in waitByTask.data"
-              :key="k"
-              show-model-style
-              :list="i.labelValue"
-              @click="mixinCheckPage(i)"
-            />
-            <lw-pagination
-              v-model="waitByTask.pageNum"
-              :page-size.sync="waitByTask.pageSize"
-              :page-total="waitByTask.pageTotal"
-              @change="getWaitByTaskData"
-            />
-          </van-tab>
-
-          <!-- 未分配 -->
-          <van-tab
-            v-if="undistributed.data.length"
-            name="undistributed"
-            :title="$lwLanguage.get('','未分配')"
-          >
-            <div class="lw-global-model-box lw-global-model-box-3px">
-
-              <lw-input
-                :title="$lwLanguage.get('', '商品')"
-                v-model="undistributed.keyword"
-                :create-rule="$lwScanRule.create('出库拣选控制台V2-未分配-商品号','SKU')"
-                rule-key="undistributedSkuCode"
-                :show-bottom-border="false"
-                @confirm="undistributedSearch"
-              />
-
-            </div>
-
-            <div
-              class="lw-global-model-box"
-              v-for="(i,k) in undistributed.showList"
-              :key="k"
-            >
-              <lw-sku-info-module
-                :sku-name="i.skuName"
-                :sku-code="i.skuCode"
-                :qty="i.qtyLabel"
-                :is-row-first="!!i.groupFieldList?.length"
-              />
-
-              <lw-lot-look-module
-                v-if="i.groupFieldList?.length"
-                class="lw-global-row-end"
-                :columns="i.groupFieldList"
-                title-key="title"
-                value-key="value"
-                :show-row="false"
-              />
-
-            </div>
-
-            <lw-not-data v-if="!undistributed.showList.length"/>
-          </van-tab>
-
-          <!-- 已拣明细 -->
-          <van-tab
-            name="over"
-            :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.jvznetyk', '已拣明细')"
-          >
-            <over-lpn-item
-              class="lw-global-animation-out"
-              v-for="(i,k) in over.data"
-              :key="k"
-              :style="{animationDelay:50*k+'ms' }"
-              :item="i"
-              :show-back="orderData.canCancelPick"
-              @backClick="backPopupOpen(i)"
-              @reprint="reprint(i)"
-            />
-            <lw-pagination
-              v-model="over.pageNum"
-              :page-size.sync="over.pageSize"
-              :page-total="over.pageTotal"
-              @change="overPageChange"
-            />
-            <lw-not-data v-if="!over.pageTotal"/>
-          </van-tab>
-
-          <!-- 商品明细 -->
-          <van-tab
-            name="skuList"
-            :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.hytrahgs', '商品明细')"
-          >
-
-            <div
-              class="lw-global-model-box lw-global-animation-out"
-              v-for="(i,k) in skuList.data"
-              :key="k"
-              :style="{animationDelay:50*k+'ms'}"
-            >
-              <lw-sku-info-module
-                :sku-code="i.skuCode"
-                :sku-name="i.skuName"
-                :show-right="false"
-                is-row-first
-              />
-              <div class="lw-global-row-end">
-                <lw-title-value-cell
-                  :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.sqopqsnx', '计划量')"
-                  :value="i.totalQtyLabel"
-                  val-bold
-                  :is-row="false"
-                />
-                <lw-title-value-cell
-                  :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.cslezjei', '待拣量')"
-                  :value="i.waitPickQtyLabel"
-                  val-bold
-                  val-red
-                  :is-row="false"
-                />
-                <lw-title-value-cell
-                  :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.omeedkdo', '已拣量')"
-                  :value="i.pickQtyLabel"
-                  val-bold
-                  val-blue
-                  :is-row="false"
-                />
-              </div>
-            </div>
-
-            <lw-pagination
-              v-model="skuList.pageNum"
-              :page-total="skuList.pageTotal"
-              :page-size.sync="skuList.pageSize"
-              @change="skuListPageChange"
-            />
-
-            <lw-not-data v-if="!skuList.pageTotal"/>
-
-          </van-tab>
-
-        </van-tabs>
-      </lw-tab-box>
-
-    </lw-page-body-module>
-
-
-    <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.pickConsoleV2.action.rjvdowei', '确认拣选') }}
-      </lw-button>
-
-    </lw-bottom-bar>
-
-    <lw-bottom-bar v-if="(waitByTask.data.length || wait.data.length) && ['wait','waitByTask'].includes(tabActive)">
-
-      <lw-button @click="cancelPickTask">
-        {{
-          $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.xwhwgxfs', '取消拣选任务')
-        }}
-      </lw-button>
-
-    </lw-bottom-bar>
-
-    <!-- 确认发运弹框 -->
-    <pick-delivery-popup
-      v-model="shipPopupShow"
-      @confirm="shipPopupConfirm"
-    />
-
-    <!-- 拦截弹框 -->
-    <pick-block-popup
-      ref="pickBackPopup"
-      :get-block-data-api="getBackDataApi"
-      :block-submit-api="backSubmitApi"
-      :print-lpn-param="{soId: $route.query.soId}"
-      @hasBackSubmit="init"
-    />
-
-    <!-- 改变拣选容器弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('', '切换容器')"
-      v-model="changContainerLpnPopup.show"
-      @opened="changContainerLpnPopup.focus=true"
-      @closed="changContainerLpnPopup.value=''"
-    >
-
-      <div class="lw-global-flex-start">
-        <div class="lw-global-title">
-          {{ $lwLanguage.get('', '拣选容器号：') }}
-        </div>
-      </div>
-      <lw-input
-        title=""
-        :placeholder="$lwLanguage.get('', '请扫描或输入拣选容器号')"
-        v-model="changContainerLpnPopup.value"
-        :get-focus.sync="changContainerLpnPopup.focus"
-        :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-拣选容器托盘','LPN')"
-        rule-key="pickContainerLpn"
-        :owner-id="orderData.ownerId"
-        :rule-serve-query="nowPickData"
-        required
-        :show-bottom-border="false"
-        @confirm="changContainerLpnPopupConfirm"
-      >
-        <template #button>
-          <lw-button
-            style="margin-left: 10px"
-            mini
-            plain
-            type="last"
-            @click="changContainerLpnPopupCreateLpn"
-          >
-            {{ $lwLanguage.get('', '生成容器号') }}
-          </lw-button>
-
-        </template>
-      </lw-input>
-
-      <template #button>
-
-        <lw-button @click="changContainerLpnPopupConfirm">
-          {{ $lwLanguage.get('', '切换容器') }}
-        </lw-button>
-
-      </template>
-
-    </lw-popup>
-
-    <!-- 异常、缺货弹框 -->
-    <pick-more-sku-abn-lack-popup
-      ref="moreSkuAbnLackPopup"
-      :abn-api="abnConfirm"
-      :lack-api="lackConfirm"
-      @abnSubmitSuccess="abnLackSuccess"
-      @lackSubmitSuccess="abnLackSuccess"
-    />
-  </div>
-</template>
-
-<script>
-
-import {
-  projectWmsOutboundPDASoPickContainerPageV2,
-  projectWmsOutboundPDASoPickDetailV2,
-  projectWmsOutboundPDASoPickingQueryLocPageTask,
-  projectWmsOutboundPDASoPickReleaseTaskV2,
-  projectWmsOutboundPDASoPickSkuPageV2,
-  projectWmsOutboundPDASoPickingQueryLocs,
-  projectWmsOutboundPDASoPickingQueryLocTask,
-  projectWmsOutboundPickGeneratePickContainerNo,
-  projectWmsOutboundPDASoCancelPickTask,
-  projectWmsOutboundPickCheckSn,
-  projectWmsOutboundPDASoPickCheck,
-  projectWmsOutboundPDASoPickBlockCheck,
-  projectWmsOutboundPDASoPickHandleBlockFrozen,
-  projectWmsOutboundPDASoPickSkuV2,
-  projectWmsOutboundPDASoPickWholeLpnPickV2,
-  projectWmsOutboundPDASoPickWholeCasePickV2,
-  projectWmsOutboundPDASoPickShipV2,
-  projectWmsOutboundPDASoPickDeliveryShip,
-  projectWmsOutboundPDASoPickAllBlockExecute,
-  projectWmsOutboundSubmitPickAbnormal,
-  projectWmsOutboundSubmitLpnPickSockout,
-  projectWmsOutboundSubmitCasePickStockout,
-  projectWmsOutboundSubmitPickStockout,
-  projectWmsOutboundSubmitLpnPickAbnormal,
-  projectWmsOutboundSubmitCasePickAbnormal,
-  projectWmsOutboundPDASoListNotAllocate,
-  projectWmsOutboundPDASoReportStock,
-  projectWmsOutboundPDASoPickQueryPendingPo, projectWmsOutboundPickPrint
-} from "./../../../api/outbound/pickConsoleV2";
-import overLpnItem from "./components/overLpnItem.vue";
-import waitOverTaskItem from "./../../../components/consoleAndPick/waitOverTaskItem.vue";
-import pickBlockPopup from "./../components/pickBlockPopup.vue";
-import pickDeliveryPopup from "./../components/pickDeliveryPopup.vue";
-import pickMoreSkuAbnLackPopup from "../components/pickMoreSkuAbnLackPopup.vue";
-import {pickMixin} from "../../../mixin/pickMixin";
-
-export default {
-  name: "lwOutboundPickConsoleOrderV2Action",
-  components: {
-    waitOverTaskItem,
-    overLpnItem,
-    pickBlockPopup,
-    pickMoreSkuAbnLackPopup,
-    pickDeliveryPopup,
-  },
-  mixins: [pickMixin],
-  data() {
-    return {
-      // 当前页面的拣选类型:self - 当前页面拣选；task - 任务类型的拣选
-      pickType: true,
-
-      orderData: {},
-
-      tabActive: 'ing',
-
-      // 全部待拣库位列表
-      allPickLoc: {
-        list: [],
-        index: 0
-      },
-      // 指定库位下的待拣明细
-      pickSku: {
-        list: [],
-        index: 0
-      },
-
-      // 待拣
-      wait: {
-        data: [],
-        pageNum: 1,
-        pageSize: 10,
-        pageTotal: 0,
-      },
-      // 任务类型的待拣
-      waitByTask: {
-        data: [],
-        pageNum: 1,
-        pageSize: 10,
-        pageTotal: 0,
-      },
-      // 未分配
-      undistributed: {
-        data: [],
-        showList: [],
-        keyword: ''
-      },
-      // 已拣
-      over: {
-        pageNum: 1,
-        pageSize: 10,
-        pageTotal: 0,
-        data: [],
-        keyword: ''
-      },
-
-      skuList: {
-        pageNum: 1,
-        pageSize: 10,
-        pageTotal: 0,
-        data: []
-      },
-
-      // 是否显示货主、客户物料输入框
-      showOwnerCustomerInput: true,
-      // 货主物料
-      ownerSku: {
-        value: '',
-        name: '',
-        focus: false,
-        disabled: false,
-      },
-      // 客户物料
-      customerSku: {
-        value: '',
-        focus: false
-      },
-      // 货主物料、客户物料商品验证的数据
-      ownerSkuCheckList: [],
-
-      lpn: {
-        value: '',
-        focus: false
-      },
-      caseNum: {
-        value: '',
-        focus: false
-      },
-      // 零散拣选时的拣选容器托盘
-      containerLpn: {
-        value: '',
-        focus: false,
-        // 实际拣选的容器号
-        pickLpn: ''
-      },
-      // 改变拣选容器弹框
-      changContainerLpnPopup: {
-        show: false,
-        value: '',
-        focus: false
-      },
-      qty: {
-        value: '',
-        focus: false
-      },
-      extLpn: {
-        value: '',
-        focus: false
-      },
-      sn: {
-        value: '',
-        focus: false
-      },
-      // 序列号扫描数据
-      snScanData: [],
-
-      // 发运弹框
-      shipPopupShow: false,
-
-      // 创建托盘号的打印机数据
-      createLpnPrintData: {},
-      // 商品标签的打印机数据
-      printSkuData: {},
-
-      // 原标签打印机
-      printLpnData: {},
-      // 是否打印原标签开关
-      printOldLabel: {
-        open: false,
-      }
-    }
-  },
-  computed: {
-    // 当前拣选的仓库
-    nowPickLoc() {
-      return this.allPickLoc.list[this.allPickLoc.index] || {}
-    },
-    nowPickData() {
-      return this.pickSku.list[this.pickSku.index] || {}
-    },
-    // 是否需要录入托盘号：如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号
-    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
-    },
-    // 是否显示看板下面的按钮栏
-    dataLookBottomBtnRow() {
-      const {canReleasePickTask, canShip} = this.orderData
-      return canReleasePickTask || canShip
-    },
-
-    // 是否显示正在拣选和待拣任务tab。是否显示取决于有无拣选数据和是否已经发运
-    showPickTab() {
-      return !!(this.allPickLoc.list.length && this.orderData.canHandle)
-    },
-
-    // 根据拣选类型获取头部信息
-    byPickTypeGetHeaderInfo() {
-      switch (this.nowPickData.pickUom) {
-        case 'LPN':
-          return {
-            pickContainer: this.nowPickData.fromLpn,
-            type: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.ocvlosue', '整托')
-          }
-        case 'CASE':
-          return {
-            pickContainer: this.nowPickData.fromCaseNum,
-            type: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.hkvgdhii', '整箱')
-          }
-        default:
-          return {
-            pickContainer: this.nowPickData.skuCode + ' / ' + this.nowPickData.skuName,
-            type: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.irrgwlbq', '零散')
-          }
-      }
-    }
-
-  },
-  mounted() {
-    // self - 当前页面拣选；task - 任务类型的拣选
-    this.pickType = this.$lwWarehouseConfig.get('systemConfig.WMS_OUTBOUND_ORDER_PICK_CONTROL_PICK_METHOD') || 'self'
-
-    this.init()
-
-    const {printData} = this.$lwPrint.test({
-      templateCode: 'OUTBOUND_PICK_CONTAINER_LABEL',
-      msg: '托盘标签',
-    })
-    this.createLpnPrintData = printData || {}
-    this.checkLpnPrint()
-    this.checkSkuPrint()
-  },
-  methods: {
-    // 商品打印机校验
-    checkSkuPrint(needCheck) {
-
-      if (this.printSkuData.printId) return true
-
-      const {printData, success} = this.$lwPrint.test({
-        templateCode: 'SKU_LOT_LABEL',
-        msg: this.$lwLanguage.get('', '商品标签'),
-        msgType: needCheck ? 'HARD' : ''
-      })
-      this.printSkuData = printData
-      return success
-    },
-
-    // 打印原标签的打印机校验
-    checkLpnPrint(needCheck) {
-
-      if (this.printLpnData.printId) return true
-
-      const {printData, success} = this.$lwPrint.test({
-        templateCode: 'PART_RECEIVE_LABEL',
-        msg: this.$lwLanguage.get('', '托盘标签'),
-        msgType: needCheck ? 'HARD' : ''
-      })
-      this.printLpnData = printData
-      return success
-    },
-
-    // 全部统计数据组格式化
-    getGroupData(item) {
-      return [[
-        {
-          child: item.labeledQtyList.map(i => {
-            return {
-              type: 'LV',
-              valBold: true,
-              valRed: true,
-              ...i
-            }
-          }),
-          type: 'JOIN'
-        }
-      ]]
-    },
-
-    // tag类型
-    tagType(status) {
-      switch (status) {
-        case '250':
-          return 'danger'
-        case '400':
-          return 'success'
-        case '300':
-        case '350':
-          return 'warning'
-        default:
-          return 'primary'
-      }
-    },
-
-    async formatData() {
-
-      await this.undistributedGetData()
-
-      // 判断当前页面的类型
-      if (this.pickType === 'self') {
-
-        await this.getPickLocList()
-        if (this.showPickTab) {
-          await this.getLocPickSku(this.nowPickLoc.id)
-          this.$nextTick(() => this.tabActive = 'ing')
-          return
-        }
-      } else {
-        // 任务类型
-        await this.getWaitByTaskData()
-        if (this.waitByTask.data.length) {
-          this.$nextTick(() => this.tabActive = 'waitByTask')
-          return
-        }
-      }
-
-      if (this.undistributed.data.length) {
-        this.$nextTick(() => this.tabActive = 'undistributed')
-        return
-      }
-
-      this.tabActive = 'over'
-      this.tabChange()
-    },
-
-    async init() {
-      this.allPickLoc.index = 0
-      this.allPickLoc.list = []
-
-      this.pickSku.index = 0
-      this.pickSku.list = []
-
-      const keys = ['wait', 'over', 'skuList', 'waitByTask']
-      keys.forEach(item => {
-        this[item].pageTotal = 0
-        this[item].pageNum = 1
-      })
-
-      await this.getOrderData()
-      await this.formatData()
-    },
-
-    // tab切换
-    tabChange() {
-      switch (this.tabActive) {
-        case 'skuList':
-          !this.skuList.pageTotal && this.getSkuListData()
-          break;
-        case 'over':
-          !this.over.pageTotal && this.getOverData()
-          break
-        case 'wait':
-          !this.wait.pageTotal && this.getWaitData()
-          break
-        case 'undistributed':
-          !this.undistributed.data.length && this.undistributedGetData()
-          break
-
-      }
-    },
-
-
-    // 获取任务类型的待拣任务列表
-    async getWaitByTaskData() {
-      const res = await projectWmsOutboundPDASoPickQueryPendingPo({
-        soId: this.$route.query.soId,
-        pageNum: this.waitByTask.pageNum,
-        pageSize: this.waitByTask.pageSize
-      })
-
-      this.waitByTask.data = res.datas || []
-      this.waitByTask.pageTotal = res.total || 0
-    },
-
-    // 校验是否存在拦截数据
-    getBackDataApi() {
-      return projectWmsOutboundPDASoPickBlockCheck({soId: this.$route.query.soId})
-    },
-    // 确认拦截拦截数据
-    backSubmitApi(param) {
-      return projectWmsOutboundPDASoPickHandleBlockFrozen({
-        soId: this.$route.query.soId,
-        ...param
-      })
-    },
-
-    // 全部拦截弹框
-    allBlock() {
-      this.$lwDialog.confirm({
-        type: 'error',
-        title: this.$lwLanguage.get('', '全部拦截'),
-        message: this.$lwLanguage.get('', '当前发运单已装载的货物全部要求拦截，取消发运！请确认所有货物都卸货完成'),
-        confirmButtonText: this.$lwLanguage.get('', '确认全部拦截'),
-      }).then(() => {
-        projectWmsOutboundPDASoPickAllBlockExecute({
-          soId: this.orderData.soId
-        }).then(() => {
-          this.$lwToast.success(
-            this.$lwLanguage.get('', '操作成功')
-          )
-          this.init()
-        })
-      }).catch(() => {
-      })
-    },
-    // 处理拦截
-    onBlock() {
-
-      if (this.orderData.blockStatus === '300') {
-        this.allBlock()
-      } else {
-        this.$refs.pickBackPopup.getBlockData()
-      }
-
-    },
-
-    // 发放拣选任务
-    releaseTask() {
-      this.$lwDialog.confirm({
-        title: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.uxkbczjp', '提示'),
-        message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.mfzsdjeu', '确认发放拣选单？'),
-      }).then(() => {
-        projectWmsOutboundPDASoPickReleaseTaskV2({
-          soId: this.$route.query.soId
-        }).then(res => {
-
-          if (!res.currentAllocate) {
-            this.$lwToast.fail(
-              this.$lwLanguage.get('', '发放失败')
-            )
-            return
-          }
-
-          this.$lwToast.success(
-            this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.ylzwqccu', '发放成功')
-          )
-
-          this.init()
-        })
-      })
-    },
-    // 指定库存拣选
-    appointInvPick() {
-      this.$router.push({
-        path: '/outbound/appointInvPick/lwAction',
-        query: {
-          soId: this.orderData.soId,
-          deliveryId: this.orderData.deliveryId,
-          backStep: 1
-        }
-      })
-    },
-    // 发运
-    async deliver() {
-      // 校验是否被拦截
-      if (await this.$refs.pickBackPopup.getBlockData()) return
-
-
-      this.shipPopupShow = true
-    },
-    // 发运弹框 - 确认提交
-    shipPopupConfirm(shipImages) {
-
-      const api = this.orderData.deliveryId ?
-        projectWmsOutboundPDASoPickDeliveryShip :
-        projectWmsOutboundPDASoPickShipV2
-
-      api({
-        soId: this.orderData.soId,
-        deliveryId: this.orderData.deliveryId,
-        shipImages
-      }).then(res => {
-        this.$lwToast.success(res.shipMessage || this.$lwLanguage.get('', '操作成功'))
-        this.shipPopupShow = false
-        this.init()
-      })
-    },
-
-    // 确认缺货
-    submitLack() {
-      this.$lwDialog.confirm({
-        type: 'warning',
-        title: this.$lwLanguage.get('', '提示'),
-        message: this.$lwLanguage.get('', '确认上报缺货？')
-      }).then(() => {
-        projectWmsOutboundPDASoReportStock({
-          soId: this.$route.query.soId
-        }).then(() => {
-          this.$lwToast.success(
-            this.$lwLanguage.get('', '操作成功')
-          )
-          this.init()
-        })
-      }).catch(() => {
-      })
-    },
-
-    // 获取出库单信息
-    async getOrderData() {
-      try {
-        this.orderData = await projectWmsOutboundPDASoPickDetailV2({
-          soId: this.$route.query.soId
-        })
-
-        if (this.orderData.blockStatus === '300') this.allBlock()
-      } catch {
-        history.go(-1)
-      }
-    },
-    // 获取全部待拣库位列表
-    async getPickLocList(locCode) {
-      const res = await projectWmsOutboundPDASoPickingQueryLocs({
-        soId: this.$route.query.soId,
-      })
-      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.soId,
-        locId
-      })
-
-      if (!res || !res.length) {
-        this.allPickLoc.list = []
-        await this.formatData()
-        return
-      }
-      this.pickSku.list = res
-      this.pickSku.index = 0
-
-      // 判断当前库位是否是返回的库位
-      if (this.nowPickLoc.code !== res[0].fromLocationCode) {
-        await this.getPickLocList(res[0].fromLocationCode)
-      }
-    },
-
-
-    // 库位切换后
-    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.pickConsoleV2.action.uxkbczjp', '提示'),
-          message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.qyvzfqwt', '输入数据将会被全部清空'),
-        }).then(() => resolve(true)).catch(() => reject('用户取消'))
-      })
-
-    },
-    // 数据切换后
-    cutEnd() {
-      const input = ['lpn', 'extLpn', 'caseNum', 'containerLpn', '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.containerLpn.pickLpn) {
-            this.containerLpn.focus = true
-            return
-          }
-
-          this.pickIsEaGetFocus()
-      }
-
-    },
-    // 零散拣选焦点获取
-    pickIsEaGetFocus() {
-      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())
-    },
-
-    // 清空货主物料、客户物料输入框
-    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.pickConsoleV2.action.rykhubfq', '货主物料不能为空')
-      )
-
-      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.pickConsoleV2.action.vvlwifgf', '扫描/输入的货主物料不在当前拣选商品中！')
-      )
-
-      // 校验是否重复校验
-      if (this.ownerSkuCheckList.some(item => item.ownerSkuCode === ownerSkuCode)) return this.ownerSkuErrorFn(
-        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.gexdbzir', '扫描/输入的货主物料已存在校验数据，不允许重复校验')
-      )
-
-      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.pickConsoleV2.action.fvrnzlgj', '客户物料不能为空')
-        )
-        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.pickConsoleV2.action.gexdbzir', '扫描/输入的货主物料已存在校验数据，不允许重复校验')
-          )
-          return
-        }
-
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.xkwlcfgz', '校验成功')
-        )
-
-        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.pickConsoleV2.action.batomhdw', '商品已全部验证'),
-            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)
-      })
-    },
-
-    // 生成托盘Api
-    createLpnApi() {
-      return new Promise((resolve, reject) => {
-        projectWmsOutboundPickGeneratePickContainerNo({
-          soId: this.orderData.soId,
-          printDeviceId: this.createLpnPrintData.printId,
-          printTemplate: this.createLpnPrintData.templateId
-        }).then(res => {
-
-          if (res.printTasks?.length) {
-            res.printTasks.forEach(item => {
-              this.$lwPrint.bluetoothPrint(item.id)
-            })
-          }
-          resolve(res.pickContainerNo || '')
-        }).catch(() => reject())
-      })
-
-
-    },
-
-    // 托盘校验
-    lpnCheck() {
-      if (this.lpn.value) return true
-
-      this.lpn.focus = true
-      this.$lwShowErrorMsg(
-        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.uecsbczw', '托盘号不能为空')
-      )
-      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()
-        }
-      }
-    },
-
-    // 生成托盘
-    createLpn() {
-      this.createLpnApi().then(lpn => {
-        this.containerLpn.value = lpn
-        this.containerLpnConfirm()
-      })
-    },
-    // 拣选容器托盘确认
-    containerLpnConfirm() {
-      const lpn = this.containerLpn.value
-
-      if (!lpn) {
-        this.containerLpn.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('', '拣选容器托盘号不能为空')
-        )
-        return
-      }
-
-      this.containerLpn.pickLpn = lpn
-      this.pickIsEaGetFocus()
-    },
-
-
-    // 切换拣选容器弹框 - 生成托盘
-    changContainerLpnPopupCreateLpn() {
-      this.createLpnApi().then(lpn => {
-        this.changContainerLpnPopup.value = lpn
-        this.changContainerLpnPopupConfirm()
-      })
-    },
-    // 切换拣选容器弹框 - 确认
-    changContainerLpnPopupConfirm() {
-      const lpn = this.changContainerLpnPopup.value
-      if (!lpn) {
-        this.changContainerLpnPopup.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('', '拣选容器号不能为空')
-        )
-        return
-      }
-
-      this.containerLpn.pickLpn = lpn
-      this.changContainerLpnPopup.show = false
-    },
-
-    // 外托盘校验
-    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.pickConsoleV2.action.axaejpur', '外托号不能为空')
-      )
-      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.wms.page.outbound.pickConsoleV2.action.anfprdop', '箱号不能为空')
-      )
-      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.wms.page.outbound.pickConsoleV2.action.srxaldyr', '数量不能为空，且应当是大于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.pickConsoleV2.action.gywznzlj', '数量不能大于待拣量')
-        )
-        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.pickConsoleV2.action.zmpmabeq', '序列号不能为空')
-        )
-        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.pickConsoleV2.action.xxghnwmg', '当前序列号已存在列表中'),
-          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.pickConsoleV2.action.uxkbczjp', '提示'),
-        message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.cexcdbcc', '确认删除序列号：{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('', '当前拣选量{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.pickConsoleV2.action.hfakhcjb', '请验证物料！')
-        )
-        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
-      projectWmsOutboundPDASoPickWholeLpnPickV2({
-        soId: this.orderData.soId,
-        pickId,
-        fromLpn,
-        fromLocationId,
-        actualLpn: this.lpn.value,
-        extLpn: this.extLpn.value,
-        printDeviceId: this.printLpnData.printId || '',
-        printTemplate: this.printLpnData.templateId || '',
-        needPrintOldLpnLabel: this.printOldLabel.open,
-      }).then(this.submitOver)
-    },
-    // 整箱拣选提交
-    caseNumSubmit() {
-
-      const {pickId, fromLpn, fromLocationId, fromCaseNum} = this.nowPickData
-      projectWmsOutboundPDASoPickWholeCasePickV2({
-        soId: this.orderData.soId,
-        pickId,
-        fromLpn,
-        fromLocationId,
-        fromCaseNum,
-        actualCaseNum: this.caseNum.value,
-        printDeviceId: this.printLpnData.printId || '',
-        printTemplate: this.printLpnData.templateId || '',
-        needPrintOldLpnLabel: this.printOldLabel.open,
-      }).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 (!this.containerLpn.pickLpn) {
-        this.containerLpn.focus = true
-        this.$lwShowErrorMsg(
-          this.containerLpn.value ?
-            this.$lwLanguage.get('', '请确认拣选容器号') :
-            this.$lwLanguage.get('', '拣选容器号不能为空')
-        )
-        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()
-      }
-
-      projectWmsOutboundPDASoPickSkuV2({
-        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,
-        pickContainerNo: this.containerLpn.pickLpn,
-        printDeviceId: this.printLpnData.printId || '',
-        printTemplate: this.printLpnData.templateId || '',
-        needPrintOldLpnLabel: this.printOldLabel.open,
-      }).then(this.submitOver)
-    },
-
-    // 提交完成后执行的操作
-    async submitOver(res) {
-      this.$lwToast.success(
-        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.wwqnodqo', '操作成功')
-      )
-
-
-      // 打印原始标签
-      if (this.printOldLabel.open) {
-        res.printList?.forEach(item => this.$lwPrint.bluetoothPrint(item.id))
-      }
-
-      // 拣选完一条就删除一条
-      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)) {
-          await this.init()
-          return
-        }
-        await this.locCutEnd()
-      }
-
-      await this.init()
-      // 判断当前索引是否满足数据长度
-      this.pickSku.index = this.$lwUtils.cutCardIndexCount(this.pickSku.index, this.pickSku.list.length)
-
-      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.pickConsoleV2.action.djlwfzyu', '警告'),
-        message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.lnthsvgj', '是否取消所有待拣的任务'),
-        type: 'warning'
-      }).then(() => {
-        projectWmsOutboundPDASoCancelPickTask({
-          soId: this.orderData.soId
-        }).then(() => {
-          this.$lwToast.success(
-            this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.bipnmhob', '已取消')
-          )
-          this.init()
-        })
-      })
-    },
-
-
-    // 获取待拣列表信息
-    getWaitData() {
-      this.wait.pageNum = 1
-      this.waitPageChange()
-    },
-    // 待拣明细页面改变
-    waitPageChange() {
-      projectWmsOutboundPDASoPickingQueryLocPageTask({
-        soId: this.$route.query.soId,
-        pageNum: this.wait.pageNum,
-        pageSize: this.wait.pageSize,
-      }).then(res => {
-        this.wait.pageTotal = res.total || 0
-        this.wait.data = res.datas || []
-      })
-    },
-
-
-    // 未分配 - api
-    async undistributedGetData() {
-      this.undistributed.keyword = ''
-      const res = await projectWmsOutboundPDASoListNotAllocate({
-        soId: this.$route.query.soId,
-      })
-
-      this.undistributed.data = res || []
-      this.undistributedSearch()
-    },
-    // 未分配数据搜索
-    undistributedSearch() {
-      this.undistributed.showList = this.undistributed.data.filter(item => item.skuCode.includes(this.undistributed.keyword))
-    },
-
-
-    // 获取已拣列表信息
-    getOverData() {
-      this.over.pageNum = 1
-      this.overPageChange()
-    },
-    // 已拣明细页面改变
-    overPageChange() {
-      projectWmsOutboundPDASoPickContainerPageV2({
-        soId: this.$route.query.soId,
-        pageNum: this.over.pageNum,
-        pageSize: this.over.pageSize,
-        keyword: this.over.keyword,
-      }).then(res => {
-        this.over.pageTotal = res.total || 0
-        this.over.data = res.datas || []
-      })
-    },
-    // 托盘 - 补打
-    reprint(item) {
-      projectWmsOutboundPickPrint({
-        soId: this.orderData.soId,
-        containerNo: item.pickContainerNo,
-        type: 'container_or_sku',
-        printDeviceId: this.createLpnPrintData.printId,
-        printTemplate: this.createLpnPrintData.templateId,
-        skuPrintDeviceId: this.printSkuData.printId,
-        skuPrintTemplate: this.printSkuData.templateId,
-      }).then(res => {
-        res.ids?.forEach(item => {
-          this.$lwPrint.bluetoothPrint(item)
-        })
-      })
-    },
-    // 撤销拣货
-    backPopupOpen({pickContainerNo}) {
-      this.$router.push({
-        path: '/outbound/cancelPickLpn/lwAction',
-        query: {
-          pickContainerNo
-        }
-      })
-    },
-
-
-    // 获取商品列表信息
-    getSkuListData() {
-      this.skuList.pageNum = 1
-      this.skuListPageChange()
-    },
-    // 商品列表页面改变
-    skuListPageChange() {
-      projectWmsOutboundPDASoPickSkuPageV2({
-        soId: this.$route.query.soId,
-        pageNum: this.skuList.pageNum,
-        pageSize: this.skuList.pageSize,
-      }).then(res => {
-        this.skuList.pageTotal = res.total || 0
-        this.skuList.data = res.datas || []
-      })
-    },
-
-
-    // 获取商品信息
-    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.soId
-      })
-    },
-    // 缺货确认
-    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.soId
-      })
-    },
-    // 异常缺货成功
-    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;
-}
-
-.btn-box {
-  text-align: right;
-  //width: 100%;
-
-  > * {
-    min-width: 25%;
-    margin: 2px 1px;
-  }
-}
-</style>
+<!--
+  拣选控制台V2 - 按单拣选执行页
+  @author: 张文
+  @date: 2024-01-24
+-->
+<template>
+  <div>
+
+    <lw-nav-bar
+      :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.gwlvwsws', '出库订单拣选')"
+    >
+      <template #right>
+        <van-icon
+          name="replay"
+          size="16px"
+          @click="init"
+        />
+      </template>
+    </lw-nav-bar>
+
+    <lw-page-body-module>
+      <div class="lw-global-model-top-radius">
+        <div class="lw-global-row-start lw-global-flex-between">
+          <div class="lw-global-value-bold">{{ orderData.soNo }}</div>
+          <lw-tag
+            round
+            plain
+            :type="tagType(orderData.billStatus)"
+          >
+            {{ orderData.billStatusLabel }}
+          </lw-tag>
+        </div>
+        <lw-label-value-group
+          class="lw-global-row-end"
+          :list="orderData.headers"
+          :show-row-style="false"
+        />
+      </div>
+      <lw-data-look-bg
+        :data="orderData.labeledQtyList"
+        :type="dataLookBottomBtnRow?'not':'bottom'"
+        title-key="fieldCode"
+        value-key="qtyLabel"
+      />
+      <div
+        v-if="dataLookBottomBtnRow"
+        class="lw-global-model-bottom-radius btn-box"
+      >
+        <lw-button
+          v-if="orderData.canReleasePickTask"
+          type="last"
+          plain
+          small
+          @click="releaseTask"
+        >
+          {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.aaafcpcu', '发放拣选任务') }}
+        </lw-button>
+        <lw-button
+          v-if="orderData.canAppointPick"
+          type="last"
+          plain
+          small
+          @click="appointInvPick"
+        >
+          {{ $lwLanguage.get('', '指定库存拣选') }}
+        </lw-button>
+        <lw-button
+          v-if="orderData.reportableQty"
+          small
+          type="last"
+          plain
+          @click="submitLack"
+        >
+          {{ $lwLanguage.get('', '上报缺货') }}
+        </lw-button>
+        <lw-button
+          v-if="orderData.canShip"
+          small
+          @click="deliver"
+        >
+          {{ $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.tqvdcbpe', '发运') }}
+        </lw-button>
+        <lw-button
+          v-if="orderData.blockStatus !=='100'"
+          small
+          @click="onBlock"
+        >
+          {{ $lwLanguage.get('', '拦截处理') }}
+        </lw-button>
+      </div>
+
+
+      <!-- 拣选tab页 -->
+      <lw-tab-box style="margin-top: 10px">
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+
+          <!-- 当前页面拣选的的待拣任务tab -->
+          <template v-if="pickType==='self' && showPickTab">
+            <!-- 正在拣选 -->
+            <van-tab
+              name="ing"
+              :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.vcsbuwnl', '正在拣选')"
+            >
+
+              <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.pickConsoleV2.action.dagugnbu', '库位')"
+                      :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.pickConsoleV2.action.odjvcyym', '拣选库位')"
+                    :value="nowPickData.fromLocationCode"
+                    val-bold
+                  />
+
+                  <lw-title-value-cell
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.cslezjei', '待拣量')"
+                    :value="nowPickData.totalQtyLabel"
+                    val-bold
+                  />
+
+                  <lw-title-value-cell
+                    v-if="nowPickData.pickUom !== 'LPN' && nowPickData.fromLpn"
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.jroyunvi', '托盘号')"
+                    :value="nowPickData.fromLpn"
+                    val-bold
+                  />
+
+                  <lw-title-value-cell
+                    v-if="nowPickData.pickUom !== 'CASE' && nowPickData.fromCaseNum"
+                    :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.uxkkhwtj', '箱号')"
+                    :value="nowPickData.fromCaseNum"
+                    val-bold
+                  />
+
+                  <!-- 托盘剩余量 -->
+                  <lw-title-value-cell
+                    v-if="nowPickData.showRemainQty"
+                    style="background: yellow"
+                    :title="$lwLanguage.get('', '托盘剩余量')"
+                    :value="nowPickData.remainQtyLabel"
+                    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.pickConsoleV2.action.kydlazos', '货主物料')"
+                      v-model="ownerSku.value"
+                      :get-focus.sync="ownerSku.focus"
+                      required
+                      rule-key="ownerSku"
+                      :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-货主物料','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.pickConsoleV2.action.jtppqldr', '客户物料')"
+                      v-model="customerSku.value"
+                      :get-focus.sync="customerSku.focus"
+                      :show-bottom-border="false"
+                      required
+                      rule-key="customerSku"
+                      :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-客户物料','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.pickConsoleV2.action.msqbglph', '已验证物料数')
+                      }}
+                    </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.pickConsoleV2.action.kydlazos', '货主物料')"
+                        value-more
+                        :value="i.ownerSkuCode"
+                        :value2="i.ownerSkuName"
+                        :is-row="false"
+                      />
+                      <lw-title-value-cell
+                        :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.jtppqldr', '客户物料')"
+                        value-more
+                        :value="i.customerSkuCode"
+                        :value2="i.customerSkuName"
+                        :is-row="false"
+                      />
+                    </div>
+
+                  </div>
+
+                </template>
+
+                <!-- 零散拣选 - 拣选容器号 -->
+                <div
+                  v-if="nowPickIsEa"
+                  class="lw-global-model-box"
+                >
+                  <template v-if="containerLpn.pickLpn">
+                    <div class="lw-global-flex-between">
+                      <lw-title-value-cell
+                        :title="$lwLanguage.get('', '拣选容器号')"
+                        :value="containerLpn.pickLpn"
+                        val-bold
+                        :is-row="false"
+                      />
+                      <lw-button
+                        style="margin-left: 10px;flex-shrink: 0"
+                        mini
+                        @click="changContainerLpnPopup.show=true"
+                      >
+                        {{
+                          $lwLanguage.get('', '切换容器')
+                        }}
+                      </lw-button>
+
+                    </div>
+                  </template>
+                  <template v-else>
+                    <div class="lw-global-flex-start">
+                      <div class="lw-global-title">
+                        {{ $lwLanguage.get('', '拣选容器号：') }}
+                      </div>
+                      <lw-button
+                        style="margin-left: 10px"
+                        mini
+                        plain
+                        type="last"
+                        @click="createLpn"
+                      >
+                        {{
+                          $lwLanguage.get('', '生成容器号')
+                        }}
+                      </lw-button>
+
+                    </div>
+                    <lw-input
+                      title=""
+                      :placeholder="$lwLanguage.get('', '请扫描或输入拣选容器号')"
+                      v-model="containerLpn.value"
+                      :get-focus.sync="containerLpn.focus"
+                      :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-拣选容器托盘','LPN')"
+                      rule-key="pickContainerLpn"
+                      :owner-id="orderData.ownerId"
+                      :rule-serve-query="nowPickData"
+                      required
+                      :show-bottom-border="false"
+                      @confirm="containerLpnConfirm"
+                    >
+                      <template #button>
+                        <lw-button
+                          mini
+                          @click="containerLpnConfirm"
+                        >
+                          {{ $lwLanguage.get('', '确认') }}
+                        </lw-button>
+                      </template>
+                    </lw-input>
+                  </template>
+                </div>
+                <!-- 托盘号、外托号、箱号、商品号、序列号输入 -->
+                <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.pickConsoleV2.action.ipmqyjvi', '外托号')"
+                    v-model="extLpn.value"
+                    :get-focus.sync="extLpn.focus"
+                    :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-外托号','LPN')"
+                    rule-key="extLpn"
+                    :owner-id="orderData.ownerId"
+                    :rule-serve-query="nowPickData"
+                    required
+                    @confirm="extLpnConfirm"
+                  />
+
+                  <!-- 如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号 -->
+                  <lw-input
+                    v-if="hasLpn"
+                    :title="$lwLanguage.get('', '拣选托盘')"
+                    v-model="lpn.value"
+                    :get-focus.sync="lpn.focus"
+                    :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-托盘号','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.wms.page.outbound.pickConsoleV2.action.uxkkhwtj', '箱号')"
+                    v-model="caseNum.value"
+                    :get-focus.sync="caseNum.focus"
+                    :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-托盘号','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.pickConsoleV2.action.eecwhcxn', '序列号')"
+                      v-model="sn.value"
+                      :get-focus.sync="sn.focus"
+                      :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-序列号','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.wms.page.outbound.pickConsoleV2.action.gefnfzzx', '数量')"
+                      ref="qty"
+                      :owner-id="nowPickData.ownerId"
+                      :sku-id="nowPickData.skuId"
+                      :show-bottom-border="nowPickData.remainQty > 0"
+                      @confirm="submitPick"
+                    />
+
+                  </template>
+
+                  <!-- 打印原标签开关 -->
+                  <div
+                    v-if="nowPickData.remainQty > 0"
+                    class="lw-global-row-end lw-global-flex-between"
+                    style="padding-bottom: 5px"
+                  >
+                    <div class="lw-global-title">
+                      {{ $lwLanguage.get('', '打印原标签') }}
+                    </div>
+
+                    <van-switch
+                      v-model="printOldLabel.open"
+                      size="18px"
+                    />
+                  </div>
+                </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.pickConsoleV2.action.nlznaogt', '已扫序列号')"
+                      :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.pickConsoleV2.action.ylvbfmqu', '已扫数量')"
+                      :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="waitPageChange"
+              />
+              <lw-not-data v-if="!wait.pageTotal"/>
+            </van-tab>
+          </template>
+
+          <!-- 任务类型的待拣任务tab -->
+          <van-tab
+            v-if="pickType==='task' && this.waitByTask.data.length"
+            :title="$lwLanguage.get('', '待拣任务')"
+            name="waitByTask"
+          >
+
+            <lw-label-value-group
+              class="lw-global-click-style"
+              v-for="(i,k) in waitByTask.data"
+              :key="k"
+              show-model-style
+              :list="i.labelValue"
+              @click="mixinCheckPage(i)"
+            />
+            <lw-pagination
+              v-model="waitByTask.pageNum"
+              :page-size.sync="waitByTask.pageSize"
+              :page-total="waitByTask.pageTotal"
+              @change="getWaitByTaskData"
+            />
+          </van-tab>
+
+          <!-- 未分配 -->
+          <van-tab
+            v-if="undistributed.data.length"
+            name="undistributed"
+            :title="$lwLanguage.get('','未分配')"
+          >
+            <div class="lw-global-model-box lw-global-model-box-3px">
+
+              <lw-input
+                :title="$lwLanguage.get('', '商品')"
+                v-model="undistributed.keyword"
+                :create-rule="$lwScanRule.create('出库拣选控制台V2-未分配-商品号','SKU')"
+                rule-key="undistributedSkuCode"
+                :show-bottom-border="false"
+                @confirm="undistributedSearch"
+              />
+
+            </div>
+
+            <div
+              class="lw-global-model-box"
+              v-for="(i,k) in undistributed.showList"
+              :key="k"
+            >
+              <lw-sku-info-module
+                :sku-name="i.skuName"
+                :sku-code="i.skuCode"
+                :qty="i.qtyLabel"
+                :is-row-first="!!i.groupFieldList?.length"
+              />
+
+              <lw-lot-look-module
+                v-if="i.groupFieldList?.length"
+                class="lw-global-row-end"
+                :columns="i.groupFieldList"
+                title-key="title"
+                value-key="value"
+                :show-row="false"
+              />
+
+            </div>
+
+            <lw-not-data v-if="!undistributed.showList.length"/>
+          </van-tab>
+
+          <!-- 已拣明细 -->
+          <van-tab
+            name="over"
+            :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.jvznetyk', '已拣明细')"
+          >
+            <over-lpn-item
+              class="lw-global-animation-out"
+              v-for="(i,k) in over.data"
+              :key="k"
+              :style="{animationDelay:50*k+'ms' }"
+              :item="i"
+              :show-back="orderData.canCancelPick"
+              @backClick="backPopupOpen(i)"
+              @reprint="reprint(i)"
+            />
+            <lw-pagination
+              v-model="over.pageNum"
+              :page-size.sync="over.pageSize"
+              :page-total="over.pageTotal"
+              @change="overPageChange"
+            />
+            <lw-not-data v-if="!over.pageTotal"/>
+          </van-tab>
+
+          <!-- 商品明细 -->
+          <van-tab
+            name="skuList"
+            :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.hytrahgs', '商品明细')"
+          >
+
+            <div
+              class="lw-global-model-box lw-global-animation-out"
+              v-for="(i,k) in skuList.data"
+              :key="k"
+              :style="{animationDelay:50*k+'ms'}"
+            >
+              <lw-sku-info-module
+                :sku-code="i.skuCode"
+                :sku-name="i.skuName"
+                :show-right="false"
+                is-row-first
+              />
+              <div class="lw-global-row-end">
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.sqopqsnx', '计划量')"
+                  :value="i.totalQtyLabel"
+                  val-bold
+                  :is-row="false"
+                />
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.cslezjei', '待拣量')"
+                  :value="i.waitPickQtyLabel"
+                  val-bold
+                  val-red
+                  :is-row="false"
+                />
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.omeedkdo', '已拣量')"
+                  :value="i.pickQtyLabel"
+                  val-bold
+                  val-blue
+                  :is-row="false"
+                />
+              </div>
+            </div>
+
+            <lw-pagination
+              v-model="skuList.pageNum"
+              :page-total="skuList.pageTotal"
+              :page-size.sync="skuList.pageSize"
+              @change="skuListPageChange"
+            />
+
+            <lw-not-data v-if="!skuList.pageTotal"/>
+
+          </van-tab>
+
+        </van-tabs>
+      </lw-tab-box>
+
+    </lw-page-body-module>
+
+
+    <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.pickConsoleV2.action.rjvdowei', '确认拣选') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <lw-bottom-bar v-if="(waitByTask.data.length || wait.data.length) && ['wait','waitByTask'].includes(tabActive)">
+
+      <lw-button @click="cancelPickTask">
+        {{
+          $lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.xwhwgxfs', '取消拣选任务')
+        }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 确认发运弹框 -->
+    <pick-delivery-popup
+      v-model="shipPopupShow"
+      @confirm="shipPopupConfirm"
+    />
+
+    <!-- 拦截弹框 -->
+    <pick-block-popup
+      ref="pickBackPopup"
+      :get-block-data-api="getBackDataApi"
+      :block-submit-api="backSubmitApi"
+      :print-lpn-param="{soId: $route.query.soId}"
+      @hasBackSubmit="init"
+    />
+
+    <!-- 改变拣选容器弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('', '切换容器')"
+      v-model="changContainerLpnPopup.show"
+      @opened="changContainerLpnPopup.focus=true"
+      @closed="changContainerLpnPopup.value=''"
+    >
+
+      <div class="lw-global-flex-start">
+        <div class="lw-global-title">
+          {{ $lwLanguage.get('', '拣选容器号：') }}
+        </div>
+      </div>
+      <lw-input
+        title=""
+        :placeholder="$lwLanguage.get('', '请扫描或输入拣选容器号')"
+        v-model="changContainerLpnPopup.value"
+        :get-focus.sync="changContainerLpnPopup.focus"
+        :create-rule="$lwScanRule.create('出库拣选控制台V2-执行拣选-拣选容器托盘','LPN')"
+        rule-key="pickContainerLpn"
+        :owner-id="orderData.ownerId"
+        :rule-serve-query="nowPickData"
+        required
+        :show-bottom-border="false"
+        @confirm="changContainerLpnPopupConfirm"
+      >
+        <template #button>
+          <lw-button
+            style="margin-left: 10px"
+            mini
+            plain
+            type="last"
+            @click="changContainerLpnPopupCreateLpn"
+          >
+            {{ $lwLanguage.get('', '生成容器号') }}
+          </lw-button>
+
+        </template>
+      </lw-input>
+
+      <template #button>
+
+        <lw-button @click="changContainerLpnPopupConfirm">
+          {{ $lwLanguage.get('', '切换容器') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 异常、缺货弹框 -->
+    <pick-more-sku-abn-lack-popup
+      ref="moreSkuAbnLackPopup"
+      :abn-api="abnConfirm"
+      :lack-api="lackConfirm"
+      @abnSubmitSuccess="abnLackSuccess"
+      @lackSubmitSuccess="abnLackSuccess"
+    />
+  </div>
+</template>
+
+<script>
+
+import {
+  projectWmsOutboundPDASoPickContainerPageV2,
+  projectWmsOutboundPDASoPickDetailV2,
+  projectWmsOutboundPDASoPickingQueryLocPageTask,
+  projectWmsOutboundPDASoPickReleaseTaskV2,
+  projectWmsOutboundPDASoPickSkuPageV2,
+  projectWmsOutboundPDASoPickingQueryLocs,
+  projectWmsOutboundPDASoPickingQueryLocTask,
+  projectWmsOutboundPickGeneratePickContainerNo,
+  projectWmsOutboundPDASoCancelPickTask,
+  projectWmsOutboundPickCheckSn,
+  projectWmsOutboundPDASoPickCheck,
+  projectWmsOutboundPDASoPickBlockCheck,
+  projectWmsOutboundPDASoPickHandleBlockFrozen,
+  projectWmsOutboundPDASoPickSkuV2,
+  projectWmsOutboundPDASoPickWholeLpnPickV2,
+  projectWmsOutboundPDASoPickWholeCasePickV2,
+  projectWmsOutboundPDASoPickShipV2,
+  projectWmsOutboundPDASoPickDeliveryShip,
+  projectWmsOutboundPDASoPickAllBlockExecute,
+  projectWmsOutboundSubmitPickAbnormal,
+  projectWmsOutboundSubmitLpnPickSockout,
+  projectWmsOutboundSubmitCasePickStockout,
+  projectWmsOutboundSubmitPickStockout,
+  projectWmsOutboundSubmitLpnPickAbnormal,
+  projectWmsOutboundSubmitCasePickAbnormal,
+  projectWmsOutboundPDASoListNotAllocate,
+  projectWmsOutboundPDASoReportStock,
+  projectWmsOutboundPDASoPickQueryPendingPo, projectWmsOutboundPickPrint
+} from "./../../../api/outbound/pickConsoleV2";
+import overLpnItem from "./components/overLpnItem.vue";
+import waitOverTaskItem from "./../../../components/consoleAndPick/waitOverTaskItem.vue";
+import pickBlockPopup from "./../components/pickBlockPopup.vue";
+import pickDeliveryPopup from "./../components/pickDeliveryPopup.vue";
+import pickMoreSkuAbnLackPopup from "../components/pickMoreSkuAbnLackPopup.vue";
+import {pickMixin} from "../../../mixin/pickMixin";
+
+export default {
+  name: "lwOutboundPickConsoleOrderV2Action",
+  components: {
+    waitOverTaskItem,
+    overLpnItem,
+    pickBlockPopup,
+    pickMoreSkuAbnLackPopup,
+    pickDeliveryPopup,
+  },
+  mixins: [pickMixin],
+  data() {
+    return {
+      // 当前页面的拣选类型:self - 当前页面拣选；task - 任务类型的拣选
+      pickType: true,
+
+      orderData: {},
+
+      tabActive: 'ing',
+
+      // 全部待拣库位列表
+      allPickLoc: {
+        list: [],
+        index: 0
+      },
+      // 指定库位下的待拣明细
+      pickSku: {
+        list: [],
+        index: 0
+      },
+
+      // 待拣
+      wait: {
+        data: [],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+      // 任务类型的待拣
+      waitByTask: {
+        data: [],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+      // 未分配
+      undistributed: {
+        data: [],
+        showList: [],
+        keyword: ''
+      },
+      // 已拣
+      over: {
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        data: [],
+        keyword: ''
+      },
+
+      skuList: {
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        data: []
+      },
+
+      // 是否显示货主、客户物料输入框
+      showOwnerCustomerInput: true,
+      // 货主物料
+      ownerSku: {
+        value: '',
+        name: '',
+        focus: false,
+        disabled: false,
+      },
+      // 客户物料
+      customerSku: {
+        value: '',
+        focus: false
+      },
+      // 货主物料、客户物料商品验证的数据
+      ownerSkuCheckList: [],
+
+      lpn: {
+        value: '',
+        focus: false
+      },
+      caseNum: {
+        value: '',
+        focus: false
+      },
+      // 零散拣选时的拣选容器托盘
+      containerLpn: {
+        value: '',
+        focus: false,
+        // 实际拣选的容器号
+        pickLpn: ''
+      },
+      // 改变拣选容器弹框
+      changContainerLpnPopup: {
+        show: false,
+        value: '',
+        focus: false
+      },
+      qty: {
+        value: '',
+        focus: false
+      },
+      extLpn: {
+        value: '',
+        focus: false
+      },
+      sn: {
+        value: '',
+        focus: false
+      },
+      // 序列号扫描数据
+      snScanData: [],
+
+      // 发运弹框
+      shipPopupShow: false,
+
+      // 创建托盘号的打印机数据
+      createLpnPrintData: {},
+      // 商品标签的打印机数据
+      printSkuData: {},
+
+      // 原标签打印机
+      printLpnData: {},
+      // 是否打印原标签开关
+      printOldLabel: {
+        open: false,
+      }
+    }
+  },
+  computed: {
+    // 当前拣选的仓库
+    nowPickLoc() {
+      return this.allPickLoc.list[this.allPickLoc.index] || {}
+    },
+    nowPickData() {
+      return this.pickSku.list[this.pickSku.index] || {}
+    },
+    // 是否需要录入托盘号：如果是整托盘拣选必须输入托盘号；非整托拣选和非箱拣选时，有托盘无箱需要录入托盘号
+    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
+    },
+    // 是否显示看板下面的按钮栏
+    dataLookBottomBtnRow() {
+      const {canReleasePickTask, canShip} = this.orderData
+      return canReleasePickTask || canShip
+    },
+
+    // 是否显示正在拣选和待拣任务tab。是否显示取决于有无拣选数据和是否已经发运
+    showPickTab() {
+      return !!(this.allPickLoc.list.length && this.orderData.canHandle)
+    },
+
+    // 根据拣选类型获取头部信息
+    byPickTypeGetHeaderInfo() {
+      switch (this.nowPickData.pickUom) {
+        case 'LPN':
+          return {
+            pickContainer: this.nowPickData.fromLpn,
+            type: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.ocvlosue', '整托')
+          }
+        case 'CASE':
+          return {
+            pickContainer: this.nowPickData.fromCaseNum,
+            type: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.hkvgdhii', '整箱')
+          }
+        default:
+          return {
+            pickContainer: this.nowPickData.skuCode + ' / ' + this.nowPickData.skuName,
+            type: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.irrgwlbq', '零散')
+          }
+      }
+    }
+
+  },
+  mounted() {
+    // self - 当前页面拣选；task - 任务类型的拣选
+    this.pickType = this.$lwWarehouseConfig.get('systemConfig.WMS_OUTBOUND_ORDER_PICK_CONTROL_PICK_METHOD') || 'self'
+
+    this.init()
+
+    const {printData} = this.$lwPrint.test({
+      templateCode: 'OUTBOUND_PICK_CONTAINER_LABEL',
+      msg: '托盘标签',
+    })
+    this.createLpnPrintData = printData || {}
+    this.checkLpnPrint()
+    this.checkSkuPrint()
+  },
+  methods: {
+    // 商品打印机校验
+    checkSkuPrint(needCheck) {
+
+      if (this.printSkuData.printId) return true
+
+      const {printData, success} = this.$lwPrint.test({
+        templateCode: 'SKU_LOT_LABEL',
+        msg: this.$lwLanguage.get('', '商品标签'),
+        msgType: needCheck ? 'HARD' : ''
+      })
+      this.printSkuData = printData
+      return success
+    },
+
+    // 打印原标签的打印机校验
+    checkLpnPrint(needCheck) {
+
+      if (this.printLpnData.printId) return true
+
+      const {printData, success} = this.$lwPrint.test({
+        templateCode: 'PART_RECEIVE_LABEL',
+        msg: this.$lwLanguage.get('', '托盘标签'),
+        msgType: needCheck ? 'HARD' : ''
+      })
+      this.printLpnData = printData
+      return success
+    },
+
+    // 全部统计数据组格式化
+    getGroupData(item) {
+      return [[
+        {
+          child: item.labeledQtyList.map(i => {
+            return {
+              type: 'LV',
+              valBold: true,
+              valRed: true,
+              ...i
+            }
+          }),
+          type: 'JOIN'
+        }
+      ]]
+    },
+
+    // tag类型
+    tagType(status) {
+      switch (status) {
+        case '250':
+          return 'danger'
+        case '400':
+          return 'success'
+        case '300':
+        case '350':
+          return 'warning'
+        default:
+          return 'primary'
+      }
+    },
+
+    async formatData() {
+
+      await this.undistributedGetData()
+
+      // 判断当前页面的类型
+      if (this.pickType === 'self') {
+
+        await this.getPickLocList()
+        if (this.showPickTab) {
+          await this.getLocPickSku(this.nowPickLoc.id)
+          this.$nextTick(() => this.tabActive = 'ing')
+          return
+        }
+      } else {
+        // 任务类型
+        await this.getWaitByTaskData()
+        if (this.waitByTask.data.length) {
+          this.$nextTick(() => this.tabActive = 'waitByTask')
+          return
+        }
+      }
+
+      if (this.undistributed.data.length) {
+        this.$nextTick(() => this.tabActive = 'undistributed')
+        return
+      }
+
+      this.tabActive = 'over'
+      this.tabChange()
+    },
+
+    async init() {
+      this.allPickLoc.index = 0
+      this.allPickLoc.list = []
+
+      this.pickSku.index = 0
+      this.pickSku.list = []
+
+      const keys = ['wait', 'over', 'skuList', 'waitByTask']
+      keys.forEach(item => {
+        this[item].pageTotal = 0
+        this[item].pageNum = 1
+      })
+
+      await this.getOrderData()
+      await this.formatData()
+    },
+
+    // tab切换
+    tabChange() {
+      switch (this.tabActive) {
+        case 'skuList':
+          !this.skuList.pageTotal && this.getSkuListData()
+          break;
+        case 'over':
+          !this.over.pageTotal && this.getOverData()
+          break
+        case 'wait':
+          !this.wait.pageTotal && this.getWaitData()
+          break
+        case 'undistributed':
+          !this.undistributed.data.length && this.undistributedGetData()
+          break
+
+      }
+    },
+
+
+    // 获取任务类型的待拣任务列表
+    async getWaitByTaskData() {
+      const res = await projectWmsOutboundPDASoPickQueryPendingPo({
+        soId: this.$route.query.soId,
+        pageNum: this.waitByTask.pageNum,
+        pageSize: this.waitByTask.pageSize
+      })
+
+      this.waitByTask.data = res.datas || []
+      this.waitByTask.pageTotal = res.total || 0
+    },
+
+    // 校验是否存在拦截数据
+    getBackDataApi() {
+      return projectWmsOutboundPDASoPickBlockCheck({soId: this.$route.query.soId})
+    },
+    // 确认拦截拦截数据
+    backSubmitApi(param) {
+      return projectWmsOutboundPDASoPickHandleBlockFrozen({
+        soId: this.$route.query.soId,
+        ...param
+      })
+    },
+
+    // 全部拦截弹框
+    allBlock() {
+      this.$lwDialog.confirm({
+        type: 'error',
+        title: this.$lwLanguage.get('', '全部拦截'),
+        message: this.$lwLanguage.get('', '当前发运单已装载的货物全部要求拦截，取消发运！请确认所有货物都卸货完成'),
+        confirmButtonText: this.$lwLanguage.get('', '确认全部拦截'),
+      }).then(() => {
+        projectWmsOutboundPDASoPickAllBlockExecute({
+          soId: this.orderData.soId
+        }).then(() => {
+          this.$lwToast.success(
+            this.$lwLanguage.get('', '操作成功')
+          )
+          this.init()
+        })
+      }).catch(() => {
+      })
+    },
+    // 处理拦截
+    onBlock() {
+
+      if (this.orderData.blockStatus === '300') {
+        this.allBlock()
+      } else {
+        this.$refs.pickBackPopup.getBlockData()
+      }
+
+    },
+
+    // 发放拣选任务
+    releaseTask() {
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.uxkbczjp', '提示'),
+        message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.mfzsdjeu', '确认发放拣选单？'),
+      }).then(() => {
+        projectWmsOutboundPDASoPickReleaseTaskV2({
+          soId: this.$route.query.soId
+        }).then(res => {
+
+          if (!res.currentAllocate) {
+            this.$lwToast.fail(
+              this.$lwLanguage.get('', '发放失败')
+            )
+            return
+          }
+
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.ylzwqccu', '发放成功')
+          )
+
+          this.init()
+        })
+      })
+    },
+    // 指定库存拣选
+    appointInvPick() {
+      this.$router.push({
+        path: '/outbound/appointInvPick/lwAction',
+        query: {
+          soId: this.orderData.soId,
+          deliveryId: this.orderData.deliveryId,
+          backStep: 1
+        }
+      })
+    },
+    // 发运
+    async deliver() {
+      // 校验是否被拦截
+      if (await this.$refs.pickBackPopup.getBlockData()) return
+
+
+      this.shipPopupShow = true
+    },
+    // 发运弹框 - 确认提交
+    shipPopupConfirm(shipImages) {
+
+      const api = this.orderData.deliveryId ?
+        projectWmsOutboundPDASoPickDeliveryShip :
+        projectWmsOutboundPDASoPickShipV2
+
+      api({
+        soId: this.orderData.soId,
+        deliveryId: this.orderData.deliveryId,
+        shipImages
+      }).then(res => {
+        this.$lwToast.success(res.shipMessage || this.$lwLanguage.get('', '操作成功'))
+        this.shipPopupShow = false
+        this.init()
+      })
+    },
+
+    // 确认缺货
+    submitLack() {
+      this.$lwDialog.confirm({
+        type: 'warning',
+        title: this.$lwLanguage.get('', '提示'),
+        message: this.$lwLanguage.get('', '确认上报缺货？')
+      }).then(() => {
+        projectWmsOutboundPDASoReportStock({
+          soId: this.$route.query.soId
+        }).then(() => {
+          this.$lwToast.success(
+            this.$lwLanguage.get('', '操作成功')
+          )
+          this.init()
+        })
+      }).catch(() => {
+      })
+    },
+
+    // 获取出库单信息
+    async getOrderData() {
+      try {
+        this.orderData = await projectWmsOutboundPDASoPickDetailV2({
+          soId: this.$route.query.soId
+        })
+
+        if (this.orderData.blockStatus === '300') this.allBlock()
+      } catch {
+        history.go(-1)
+      }
+    },
+    // 获取全部待拣库位列表
+    async getPickLocList(locCode) {
+      const res = await projectWmsOutboundPDASoPickingQueryLocs({
+        soId: this.$route.query.soId,
+      })
+      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.soId,
+        locId
+      })
+
+      if (!res || !res.length) {
+        this.allPickLoc.list = []
+        await this.formatData()
+        return
+      }
+      this.pickSku.list = res
+      this.pickSku.index = 0
+
+      // 判断当前库位是否是返回的库位
+      if (this.nowPickLoc.code !== res[0].fromLocationCode) {
+        await this.getPickLocList(res[0].fromLocationCode)
+      }
+    },
+
+
+    // 库位切换后
+    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.pickConsoleV2.action.uxkbczjp', '提示'),
+          message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.qyvzfqwt', '输入数据将会被全部清空'),
+        }).then(() => resolve(true)).catch(() => reject('用户取消'))
+      })
+
+    },
+    // 数据切换后
+    cutEnd() {
+      const input = ['lpn', 'extLpn', 'caseNum', 'containerLpn', '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.containerLpn.pickLpn) {
+            this.containerLpn.focus = true
+            return
+          }
+
+          this.pickIsEaGetFocus()
+      }
+
+    },
+    // 零散拣选焦点获取
+    pickIsEaGetFocus() {
+      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())
+    },
+
+    // 清空货主物料、客户物料输入框
+    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.pickConsoleV2.action.rykhubfq', '货主物料不能为空')
+      )
+
+      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.pickConsoleV2.action.vvlwifgf', '扫描/输入的货主物料不在当前拣选商品中！')
+      )
+
+      // 校验是否重复校验
+      if (this.ownerSkuCheckList.some(item => item.ownerSkuCode === ownerSkuCode)) return this.ownerSkuErrorFn(
+        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.gexdbzir', '扫描/输入的货主物料已存在校验数据，不允许重复校验')
+      )
+
+      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.pickConsoleV2.action.fvrnzlgj', '客户物料不能为空')
+        )
+        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.pickConsoleV2.action.gexdbzir', '扫描/输入的货主物料已存在校验数据，不允许重复校验')
+          )
+          return
+        }
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.xkwlcfgz', '校验成功')
+        )
+
+        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.pickConsoleV2.action.batomhdw', '商品已全部验证'),
+            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)
+      })
+    },
+
+    // 生成托盘Api
+    createLpnApi() {
+      return new Promise((resolve, reject) => {
+        projectWmsOutboundPickGeneratePickContainerNo({
+          soId: this.orderData.soId,
+          printDeviceId: this.createLpnPrintData.printId,
+          printTemplate: this.createLpnPrintData.templateId
+        }).then(res => {
+
+          if (res.printTasks?.length) {
+            res.printTasks.forEach(item => {
+              this.$lwPrint.bluetoothPrint(item.id)
+            })
+          }
+          resolve(res.pickContainerNo || '')
+        }).catch(() => reject())
+      })
+
+
+    },
+
+    // 托盘校验
+    lpnCheck() {
+      if (this.lpn.value) return true
+
+      this.lpn.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.uecsbczw', '托盘号不能为空')
+      )
+      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()
+        }
+      }
+    },
+
+    // 生成托盘
+    createLpn() {
+      this.createLpnApi().then(lpn => {
+        this.containerLpn.value = lpn
+        this.containerLpnConfirm()
+      })
+    },
+    // 拣选容器托盘确认
+    containerLpnConfirm() {
+      const lpn = this.containerLpn.value
+
+      if (!lpn) {
+        this.containerLpn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '拣选容器托盘号不能为空')
+        )
+        return
+      }
+
+      this.containerLpn.pickLpn = lpn
+      this.pickIsEaGetFocus()
+    },
+
+
+    // 切换拣选容器弹框 - 生成托盘
+    changContainerLpnPopupCreateLpn() {
+      this.createLpnApi().then(lpn => {
+        this.changContainerLpnPopup.value = lpn
+        this.changContainerLpnPopupConfirm()
+      })
+    },
+    // 切换拣选容器弹框 - 确认
+    changContainerLpnPopupConfirm() {
+      const lpn = this.changContainerLpnPopup.value
+      if (!lpn) {
+        this.changContainerLpnPopup.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '拣选容器号不能为空')
+        )
+        return
+      }
+
+      this.containerLpn.pickLpn = lpn
+      this.changContainerLpnPopup.show = false
+    },
+
+    // 外托盘校验
+    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.pickConsoleV2.action.axaejpur', '外托号不能为空')
+      )
+      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.wms.page.outbound.pickConsoleV2.action.anfprdop', '箱号不能为空')
+      )
+      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.wms.page.outbound.pickConsoleV2.action.srxaldyr', '数量不能为空，且应当是大于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.pickConsoleV2.action.gywznzlj', '数量不能大于待拣量')
+        )
+        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.pickConsoleV2.action.zmpmabeq', '序列号不能为空')
+        )
+        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.pickConsoleV2.action.xxghnwmg', '当前序列号已存在列表中'),
+          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.pickConsoleV2.action.uxkbczjp', '提示'),
+        message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.cexcdbcc', '确认删除序列号：{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('', '当前拣选量{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.pickConsoleV2.action.hfakhcjb', '请验证物料！')
+        )
+        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
+      projectWmsOutboundPDASoPickWholeLpnPickV2({
+        soId: this.orderData.soId,
+        pickId,
+        fromLpn,
+        fromLocationId,
+        actualLpn: this.lpn.value,
+        extLpn: this.extLpn.value,
+        printDeviceId: this.printLpnData.printId || '',
+        printTemplate: this.printLpnData.templateId || '',
+        needPrintOldLpnLabel: this.printOldLabel.open,
+      }).then(this.submitOver)
+    },
+    // 整箱拣选提交
+    caseNumSubmit() {
+
+      const {pickId, fromLpn, fromLocationId, fromCaseNum} = this.nowPickData
+      projectWmsOutboundPDASoPickWholeCasePickV2({
+        soId: this.orderData.soId,
+        pickId,
+        fromLpn,
+        fromLocationId,
+        fromCaseNum,
+        actualCaseNum: this.caseNum.value,
+        printDeviceId: this.printLpnData.printId || '',
+        printTemplate: this.printLpnData.templateId || '',
+        needPrintOldLpnLabel: this.printOldLabel.open,
+      }).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 (!this.containerLpn.pickLpn) {
+        this.containerLpn.focus = true
+        this.$lwShowErrorMsg(
+          this.containerLpn.value ?
+            this.$lwLanguage.get('', '请确认拣选容器号') :
+            this.$lwLanguage.get('', '拣选容器号不能为空')
+        )
+        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()
+      }
+
+      projectWmsOutboundPDASoPickSkuV2({
+        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,
+        pickContainerNo: this.containerLpn.pickLpn,
+        printDeviceId: this.printLpnData.printId || '',
+        printTemplate: this.printLpnData.templateId || '',
+        needPrintOldLpnLabel: this.printOldLabel.open,
+      }).then(this.submitOver)
+    },
+
+    // 提交完成后执行的操作
+    async submitOver(res) {
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.wwqnodqo', '操作成功')
+      )
+
+
+      // 打印原始标签
+      if (this.printOldLabel.open) {
+        res.printList?.forEach(item => this.$lwPrint.bluetoothPrint(item.id))
+      }
+
+      // 拣选完一条就删除一条
+      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)) {
+          await this.init()
+          return
+        }
+        await this.locCutEnd()
+      }
+
+      await this.init()
+      // 判断当前索引是否满足数据长度
+      this.pickSku.index = this.$lwUtils.cutCardIndexCount(this.pickSku.index, this.pickSku.list.length)
+
+      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.pickConsoleV2.action.djlwfzyu', '警告'),
+        message: this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.lnthsvgj', '是否取消所有待拣的任务'),
+        type: 'warning'
+      }).then(() => {
+        projectWmsOutboundPDASoCancelPickTask({
+          soId: this.orderData.soId
+        }).then(() => {
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.wms.page.outbound.pickConsoleV2.action.bipnmhob', '已取消')
+          )
+          this.init()
+        })
+      })
+    },
+
+
+    // 获取待拣列表信息
+    getWaitData() {
+      this.wait.pageNum = 1
+      this.waitPageChange()
+    },
+    // 待拣明细页面改变
+    waitPageChange() {
+      projectWmsOutboundPDASoPickingQueryLocPageTask({
+        soId: this.$route.query.soId,
+        pageNum: this.wait.pageNum,
+        pageSize: this.wait.pageSize,
+      }).then(res => {
+        this.wait.pageTotal = res.total || 0
+        this.wait.data = res.datas || []
+      })
+    },
+
+
+    // 未分配 - api
+    async undistributedGetData() {
+      this.undistributed.keyword = ''
+      const res = await projectWmsOutboundPDASoListNotAllocate({
+        soId: this.$route.query.soId,
+      })
+
+      this.undistributed.data = res || []
+      this.undistributedSearch()
+    },
+    // 未分配数据搜索
+    undistributedSearch() {
+      this.undistributed.showList = this.undistributed.data.filter(item => item.skuCode.includes(this.undistributed.keyword))
+    },
+
+
+    // 获取已拣列表信息
+    getOverData() {
+      this.over.pageNum = 1
+      this.overPageChange()
+    },
+    // 已拣明细页面改变
+    overPageChange() {
+      projectWmsOutboundPDASoPickContainerPageV2({
+        soId: this.$route.query.soId,
+        pageNum: this.over.pageNum,
+        pageSize: this.over.pageSize,
+        keyword: this.over.keyword,
+      }).then(res => {
+        this.over.pageTotal = res.total || 0
+        this.over.data = res.datas || []
+      })
+    },
+    // 托盘 - 补打
+    reprint(item) {
+      projectWmsOutboundPickPrint({
+        soId: this.orderData.soId,
+        containerNo: item.pickContainerNo,
+        type: 'container_or_sku',
+        printDeviceId: this.createLpnPrintData.printId,
+        printTemplate: this.createLpnPrintData.templateId,
+        skuPrintDeviceId: this.printSkuData.printId,
+        skuPrintTemplate: this.printSkuData.templateId,
+      }).then(res => {
+        res.ids?.forEach(item => {
+          this.$lwPrint.bluetoothPrint(item)
+        })
+      })
+    },
+    // 撤销拣货
+    backPopupOpen({pickContainerNo}) {
+      this.$router.push({
+        path: '/outbound/cancelPickLpn/lwAction',
+        query: {
+          pickContainerNo
+        }
+      })
+    },
+
+
+    // 获取商品列表信息
+    getSkuListData() {
+      this.skuList.pageNum = 1
+      this.skuListPageChange()
+    },
+    // 商品列表页面改变
+    skuListPageChange() {
+      projectWmsOutboundPDASoPickSkuPageV2({
+        soId: this.$route.query.soId,
+        pageNum: this.skuList.pageNum,
+        pageSize: this.skuList.pageSize,
+      }).then(res => {
+        this.skuList.pageTotal = res.total || 0
+        this.skuList.data = res.datas || []
+      })
+    },
+
+
+    // 获取商品信息
+    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.soId
+      })
+    },
+    // 缺货确认
+    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.soId
+      })
+    },
+    // 异常缺货成功
+    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;
+}
+
+.btn-box {
+  text-align: right;
+  //width: 100%;
+
+  > * {
+    min-width: 25%;
+    margin: 2px 1px;
+  }
+}
+</style>