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

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

@@ -0,0 +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>