@logwire/logwire-wms-pda-ui 1.2.0 → 3.1.0

package/src/components/page/outbound/pick/sow/index.vue

@@ -1,1290 +1,1387 @@
-<!--
-  边拣边分
-  @author: 张文
-  @date: 2022-08-15
--->
-<template>
-  <div>
-
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.kbenunwi','边拣边分')"/>
-
-    <div class="lw-global-page-box">
-
-      <!-- 任务看板 -->
-      <task-info :item="pickData">
-
-        <template>
-
-          <!-- 拣选小车 -->
-          <lw-input
-            style="margin: 10px 0 0 0"
-            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.dptuorvg','拣选小车')"
-            v-model="sowCar.car.value"
-            :get-focus.sync="sowCar.car.focus"
-            :rule-production-data="$lwScanRule.production('拣选小车', 'LPN')"
-            rule-key="sowCar"
-            :show-bottom-border="false"
-            :disabled="!sowCar.needBind"
-            @confirm="bindCarConfirm"
-          >
-
-            <template #button>
-              <lw-button
-                v-if="canUnbind"
-                mini
-                round
-                @click="unbindCar"
-              >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.kngqtmkz','解除绑定') }}</lw-button>
-            </template>
-
-          </lw-input>
-        </template>
-
-      </task-info>
-
-      <!-- 绑定小车提示 -->
-      <div
-        v-if="sowCar.needBind"
-        style="text-align: center"
-        class="lw-global-model-box lw-global-value-bold-red"
-      >
-        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.kzqbuxih','请绑定拣选小车') }}
-      </div>
-
-      <!-- 绑定播种位 -->
-      <template v-if="!sowCar.needBind && needContainer">
-        <div
-          style="text-align: center"
-          class="lw-global-model-box lw-global-value-bold-red"
-        >
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.xxtpvmjs','请绑定容器号到拣选小车的播种位') }}
-        </div>
-
-        <sow-list :item="pickData.sowLineList"/>
-      </template>
-
-      <!-- 执行拣选tab -->
-      <div
-        v-if="!needContainer"
-        class="lw-global-tab-box"
-      >
-
-        <van-tabs
-          type="card"
-          animated
-          v-model="tabAction"
-        >
-
-          <van-tab
-            name="ing"
-            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.fuanucax','正在拣选')"
-          >
-
-            <div class="lw-global-model-box">
-
-              <sku-location-info
-                :item="pickLineData"
-                wait-pick
-              />
-
-              <!-- 托盘号 -->
-              <lw-title-value-cell
-                v-if="hasLpn"
-                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.icbazuab','托盘号')"
-                :value="pickLineData.fromLpn"
-                val-bold
-              />
-
-              <!-- 库位 -->
-              <lw-input
-                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.rriutzfg','拣选库位')"
-                v-model="locationCode.value"
-                :get-focus.sync="locationCode.focus"
-                required
-                :rule-production-data="$lwScanRule.production('拣选 - 边拣边分 - 拣选库位', 'LOCATION')"
-                rule-key="location"
-                @confirm="locationCodeConfirm"
-              />
-
-              <!-- 托盘号 -->
-              <lw-input
-                v-if="hasLpn"
-                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.icbazuab','托盘号')"
-                v-model="lpn.value"
-                :get-focus.sync="lpn.focus"
-                required
-                :rule-production-data="$lwScanRule.production('拣选 - 边拣边分 - 托盘号', 'LPN')"
-                rule-key="lpn"
-                @confirm="lpnConfirm"
-              />
-
-              <!-- 商品号 -->
-              <lw-input
-                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.bzpcrokx','商品号')"
-                v-model="sku.value"
-                :get-focus.sync="sku.focus"
-                required
-                :rule-production-data="$lwScanRule.production('拣选 - 边拣边分 - 商品号', 'SKU')"
-                rule-key="sku"
-                @confirm="skuConfirm"
-              />
-              <lw-input
-                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.busfurmf','数量')"
-                v-model="qty.value"
-                :get-focus.sync="qty.focus"
-                required
-                type="digit"
-                @confirm="qtyConfirm"
-              >
-                <template #button>
-                  <lw-button
-                    v-if="!qty.disabled"
-                    mini
-                    round
-                    @click="qtyConfirm"
-                  >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pbzrsvah','确认') }}</lw-button>
-                </template>
-              </lw-input>
-
-
-
-              <lw-cut-card
-                v-model="taskIndex"
-                :length="pickData.pendingPickLineList.length"
-                :cut-start="cutStart"
-                :cut-end="cutEnd"
-              >
-
-                <template #numLast>
-                  <lw-button
-                    round
-                    mini
-                    plain
-                    type="last"
-                    @click="abnClick"
-                  >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.saobucrh','异常') }}</lw-button>
-                </template>
-
-              </lw-cut-card>
-
-            </div>
-
-
-          </van-tab>
-
-          <van-tab
-            name="line"
-            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.rrpdyewp','拣选明细行')"
-          >
-
-            <div
-              class="lw-global-model-box lw-global-animation-out"
-              v-for="(i,k) in pickData.allLineList"
-              :key="k"
-              :style="{animationDelay: 50 * k + 'ms'}"
-            >
-
-              <lw-sku-info-module
-                :sku-name="i.skuCode"
-                :sku-code="i.skuCode"
-                is-row
-              >
-
-                <!-- 尺寸 -->
-                <lw-tag
-                  v-if="i.skuSizeLabel"
-                  plain
-                  round
-                >{{ i.skuSizeLabel}}</lw-tag>
-
-                <!-- 拣选状态 -->
-                <lw-tag
-                  plain
-                  round
-                  :type="pickStatus(i).type"
-                >{{ pickStatus(i).msg }}</lw-tag>
-
-              </lw-sku-info-module>
-
-              <div class="lw-global-flex-between lw-global-row">
-
-                <lw-title-value-cell
-                  :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.rriutzfg','拣选库位')"
-                  :value="i.fromLocationCode"
-                  val-bold
-                  :is-row="false"
-                />
-
-                <lw-title-value-cell
-                  :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.fzrxibbu','已拣选/计划')"
-                  :value="(i.pickQty || 0) + '/' + (i.totalQty || 0)"
-                  val-bold
-                  val-red
-                  :is-row="false"
-                />
-
-              </div>
-
-              <div
-                v-if="i.groupFieldList && i.groupFieldList.length"
-                style="padding: 5px;border-radius: 5px;border: solid 1px #f0f0f0"
-              >
-                <lw-lot-look-module
-                  :columns="i.groupFieldList"
-                  title-key="title"
-                  value-key="value"
-                  :show-row="false"
-                />
-              </div>
-
-            </div>
-
-          </van-tab>
-
-          <van-tab
-            name="sow"
-            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.fhhgummc','播种位列表')"
-          >
-            <sow-list :item="pickData.sowLineList"/>
-          </van-tab>
-        </van-tabs>
-
-
-      </div>
-
-    </div>
-
-
-    <lw-bottom-bar v-if="!sowCar.needBind && needContainer">
-
-      <lw-button @click="bindContainerBtn">
-        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.hhsjgjuu','绑定周转箱') }}
-      </lw-button>
-
-    </lw-bottom-bar>
-
-
-    <!-- 拣选的底部操作按钮 -->
-    <template v-if="!sowCar.needBind && !needContainer">
-      <lw-bottom-bar v-if="tabAction==='ing'">
-
-        <lw-button
-          type="last"
-          plain
-          @click="pickLack"
-        >
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jgqiivzh','拣选缺货') }}
-        </lw-button>
-
-        <lw-button
-          type="last"
-          @click="pickFullChangeContainer"
-        >
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.xnmcssvu','拣满换容器') }}
-        </lw-button>
-
-        <lw-button @click="pickConfirm">
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.tyssildd','确认拣选播种') }}
-        </lw-button>
-
-      </lw-bottom-bar>
-      <lw-bottom-bar v-if="tabAction==='sow'">
-
-        <lw-button
-          type="last"
-          @click="pickFullChangeContainer"
-        >
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.xnmcssvu','拣满换容器') }}
-        </lw-button>
-
-      </lw-bottom-bar>
-    </template>
-
-
-
-
-
-    <!-- 绑定周转箱弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jnvqlhev','绑定播种容器号')"
-      v-model="bindContainerPopup.show"
-      @closed="confirmBind"
-    >
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.dptuorvg','拣选小车')"
-        :value="sowCar.car.value"
-        val-bold
-      />
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.txqcvgff','当前绑定播种位')"
-        :value="bindPopupNowBindSowLoc"
-        val-bold
-        val-red
-        val-size="16px"
-      />
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.wqvqagej','周转箱号')"
-        v-model="bindContainerPopup.container.value"
-        :get-focus.sync="bindContainerPopup.container.focus"
-        :rule-production-data="$lwScanRule.production('周转箱号', 'CONTAINER')"
-        rule-key="containerBox"
-        input-over-blur
-        @confirm="sowLocationBindContainerConfirm"
-      >
-
-        <template #button>
-          <lw-button
-            mini
-            round
-            @click="sowLocationBindContainerConfirm"
-          >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.qmcncpny','绑定') }}</lw-button>
-        </template>
-
-      </lw-input>
-
-      <div
-        class="lw-global-flex-between lw-global-row lw-global-click-style"
-        v-for="(i,k) in bindContainerPopup.sowList"
-        :key="k"
-        @click="selectSowLocation(k)"
-      >
-
-        <div class="lw-global-value-bold">{{ i.sowLineCode }}</div>
-        <div class="lw-global-value-bold">{{ i.containerNo }}</div>
-
-      </div>
-
-      <template #button>
-        <lw-button
-          type="normal"
-          plain
-          @click="repeatBind"
-        >
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.lioqvzcr','重绑') }}
-        </lw-button>
-        <lw-button @click="bindContainerPopup.show = false">
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pbzrsvah','确认') }}
-        </lw-button>
-      </template>
-
-    </lw-popup>
-
-    <!-- 计算播种位并调整数量的弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.docqgrky','拣选分拨')"
-      v-model="sowLocPopup.show"
-      @closed="sowLocPopupOff"
-    >
-
-      <lw-sku-info-module
-        :sku-name="pickLineData.skuName"
-        :sku-code="pickLineData.skuCode"
-        :qty="qty.value"
-        :qty-text="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.bcvasnej','当前拣选量')"
-        is-row-first
-      />
-
-      <div>
-        <div class="lw-global-flex-between lw-global-title lw-global-row">
-
-          <div class="col-1">
-            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pmnizgyn','播种位') }}
-          </div>
-
-          <div class="col-1">
-            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.cwctmizc','待播量') }}
-          </div>
-
-          <div class="col-1">
-            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.nvgmqsxt','分配数量') }}
-          </div>
-
-        </div>
-
-        <div
-          class="lw-global-flex-between lw-global-animation-out lw-global-row"
-          v-for="(i,k) in sowLocPopup.list"
-          :key="k"
-          :style="{animationDelay: 50 * k + 'ms'}"
-        >
-          <div class="col-1 lw-global-value-bold">{{ i.sowLineCode }}</div>
-          <div class="col-1 lw-global-value-bold-red">{{ i.waitSowQty }}</div>
-          <div class="col-1">
-            <lw-input
-              v-model="i.allocateSowQty"
-              type="digit"
-              input-align="center"
-              :show-bottom-border="false"
-            />
-          </div>
-        </div>
-      </div>
-
-      <lw-title-value-cell
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.briipqfg','调整后拣选总量')"
-        :value="pickChangeTotal"
-        val-bold
-        val-red
-        is-row
-        val-size="18px"
-      />
-
-
-      <template #button>
-
-        <lw-button @click="confirmSow">
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jhzdrrpy','确认播种拣选') }}
-        </lw-button>
-
-      </template>
-
-
-    </lw-popup>
-
-    <!-- 异常 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.saobucrh','异常')"
-      v-model="abnPopup.show"
-      @closed="abnPopup.comShow = false"
-    >
-
-      <lw-inner-abnormal-module
-        v-if="abnPopup.comShow"
-        ref="abnormal"
-        :sku-code="pickLineData.skuCode"
-        :sku-name="pickLineData.skuName"
-        :location="pickLineData.fromLocationCode"
-        :qty="waitPickQty"
-        :type="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.nmwudjru','在库')"
-        :ab-type="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.nzhpvyuv','拣选')"
-      />
-
-      <template #button>
-        <lw-button @click="abnConfirm"
-        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pbzrsvah','确认') }}</lw-button>
-      </template>
-
-    </lw-popup>
-
-    <!-- 拣选缺货 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jgqiivzh','拣选缺货')"
-      v-model="lackPopup.show"
-    >
-
-      <lw-sku-info-module
-        :sku-code="pickLineData.skuCode"
-        :sku-name="pickLineData.skuName"
-      >
-        <lw-tag
-          v-if="pickLineData.skuSizeLabel"
-          plain
-          round
-        >{{ pickLineData.skuSizeLabel }}</lw-tag>
-      </lw-sku-info-module>
-
-      <div class="lw-global-flex-between lw-global-row">
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.rriutzfg','拣选库位')"
-          :value="pickLineData.fromLocationCode"
-          val-bold
-          :is-row="false"
-        />
-
-        <div>
-            <span class="lw-global-title">
-              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.mqmhprin','最小销售量') }}
-            </span>
-          <span class="lw-global-value-bold-red">
-              {{ pickLineData.uomQty }}
-            </span>
-        </div>
-
-      </div>
-
-      <lw-title-value-cell
-        class="lw-global-row"
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.vxauexbo','待拣量')"
-        :value="waitPickQty"
-        val-bold
-        val-red
-        :is-row="false"
-      />
-
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.btfrzivy','缺货量')"
-        v-model="lackPopup.lackQty"
-        :get-focus.sync="lackPopup.lackQtyFocus"
-        type="digit"
-        @confirm="lackConfirm"
-      />
-
-      <template #button>
-        <lw-button @click="lackConfirm"
-        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pbzrsvah','确认') }}</lw-button>
-      </template>
-
-    </lw-popup>
-
-    <!-- 拣满换容器 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.xnmcssvu','拣满换容器')"
-      v-model="fullContainerPopup.show"
-      @closed="fullContainerPopupOff"
-    >
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.xkmdfmdo','已满容器')"
-        v-model="fullContainerPopup.full.value"
-        :get-focus.sync="fullContainerPopup.full.focus"
-        :rule-production-data="$lwScanRule.production('拣选 - 边拣边分 - 拣满换容器 - 已满容器', 'CONTAINER')"
-        rule-key="fullContainer"
-        @confirm="fullContainerConfirm"
-      />
-
-      <template v-if="Object.keys(fullContainerPopup.sowData).length">
-
-        <lw-title-value-cell
-          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.ficfyipk','已满容器号')"
-          :value="fullContainerPopup.sowData.containerNo"
-          val-bold
-        />
-
-        <div class="lw-global-flex-between lw-global-row">
-
-          <lw-title-value-cell
-            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pmnizgyn','播种位')"
-            :value="fullContainerPopup.sowData.sowLineCode"
-            val-red
-            val-bold
-            :is-row="false"
-          />
-
-          <div>
-
-          <span class="lw-global-title">
-            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.busfurmf','数量') }}
-          </span>
-            <span class="lw-global-value-bold">
-            <span class="lw-global-value-bold-red">
-              {{ fullContainerPopup.sowData.pickQty }}
-            </span>
-             / {{ fullContainerPopup.sowData.totalQty }}
-          </span>
-
-          </div>
-
-        </div>
-
-        <lw-input
-          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.uqcdsbxl','新容器')"
-          v-model="fullContainerPopup.new.value"
-          :get-focus.sync="fullContainerPopup.new.focus"
-          :rule-production-data="$lwScanRule.production('拣选 - 边拣边分 - 拣满换容器 - 新容器', 'CONTAINER')"
-          rule-key="newContainer"
-          @confirm="changeContainerConfirm"
-        />
-
-        <div class="lw-global-value-bold-red">
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.zjngylzp','拿下已播满容器号！因为没有播种完成，还需要扫码新空容器号，继续播种接货') }}
-        </div>
-
-      </template>
-
-      <template
-        v-if="Object.keys(fullContainerPopup.sowData).length"
-        #button
-      >
-
-        <lw-button @click="changeContainerConfirm">
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.kubytulz','确认更换') }}
-        </lw-button>
-
-      </template>
-    </lw-popup>
-
-
-
-  </div>
-</template>
-
-<script>
-import taskInfo from "../components/taskInfo.vue";
-import sowList from "../components/sowList.vue";
-import skuLocationInfo from './../components/skuLocationInfo/index.vue'
-import {
-  projectQueryPickSowData,
-  projectWmsOutboundSubmitPickAbnormal,
-  projectWmsOutboundSubmitPickStockout,
-  projectWmsPickSowBind,
-  projectWmsPickSowBindContainer,
-  projectWmsPickSowChangeContainer,
-  projectWmsPickSowComputePosition,
-  projectWmsPickSowRebindContainer,
-  projectWmsPickSowSubmitPick,
-  projectWmsPickSowUnbind
-} from "../../../../../api/outbound/pick/sow";
-import {all} from "../mixin/all";
-import {aloneAndNotAlone} from "../mixin/aloneAndNotAlone";
-
-export default {
-  name: "lwOutboundPickSowPage",
-  components:{
-    taskInfo,
-    sowList,
-    skuLocationInfo
-  },
-  mixins:[all, aloneAndNotAlone],
-  data() {
-    return {
-      // 任务数据
-      pickData:{},
-
-      // 拣选小车
-      sowCar:{
-        // 是否已绑定
-        needBind: true,
-        // 小车输入框
-        car:{
-          value: '',
-          focus: false
-        },
-      },
-      // 是否需要绑定拣选容器
-      needContainer: true,
-      // 是否能解绑
-      canUnbind: false,
-
-      // 绑定播种容器号弹框
-      bindContainerPopup:{
-        show: false,
-        sowList:[],
-        sowIndex: 0,
-        container:{
-          value: '',
-          focus: false
-        }
-      },
-
-
-      // 拣选tab激活项
-      tabAction:'',
-
-      // 正在拣选的任务索引
-      taskIndex: 0,
-      // 拣选库位
-      locationCode:{
-        value: '',
-        focus: false
-      },
-      lpn:{
-        value: '',
-        focus: false
-      },
-      sku:{
-        value: '',
-        focus: false
-      },
-      qty:{
-        value: '',
-        focus: false
-      },
-
-      // 计算播种位弹框
-      sowLocPopup:{
-        show: false,
-        list: []
-      },
-
-      // 异常弹框
-      abnPopup:{
-        show: false,
-        comShow: false
-      },
-
-      // 拣选缺货
-      lackPopup:{
-        show: false,
-        lackQty: '',
-        lackQtyFocus: false
-      },
-
-      // 拣满换容器
-      fullContainerPopup:{
-        show: false,
-        full:{
-          value: '',
-          focus: false
-        },
-        new:{
-          value: '',
-          focus: false
-        },
-        sowData:{}
-      }
-    }
-  },
-  computed:{
-    // 当前拣选行数据
-    pickLineData(){
-      const list = this.pickData.pendingPickLineList
-      return list && list.length ? list[this.taskIndex] : {}
-    },
-
-    // 当前拣选行是否需要校验LPN
-    hasLpn(){
-      return !!this.pickLineData.fromLpn
-    },
-
-    // 拣选播种调整后的拣选总量
-    pickChangeTotal(){
-      let num = 0
-      this.sowLocPopup.list.filter(item=>{
-        num+=Number(item.allocateSowQty)
-      })
-      return num
-    },
-
-    // 待拣选量
-    waitPickQty(){
-      return Number(this.pickLineData.totalQty || 0) - Number(this.pickLineData.pickQty || 0)
-    },
-
-    // 绑定弹框 - 当前绑定的播种位
-    bindPopupNowBindSowLoc(){
-      const list = this.bindContainerPopup.sowList
-      if (list && list.length){
-        return list[this.bindContainerPopup.sowIndex].sowLineCode
-      }
-      return ''
-    },
-
-    // 调用接口时候需要的数据
-    actionQuery(){
-      return {
-        pickId: this.pickData.pickId,
-        pickNo: this.pickData.pickNo,
-        pickSowToolCode: this.pickData.pickSowToolCode,
-        fromLocationId: this.pickLineData.fromLocationId,
-        fromLpn: this.pickLineData.fromLpn,
-        ownerId: this.pickLineData.ownerId,
-        skuId: this.pickLineData.skuId,
-        uom: this.pickLineData.uom,
-        uomQty: this.pickLineData.uomQty,
-        lineGroupKey: this.pickLineData.lineGroupKey,
-      }
-    }
-
-  },
-  mounted() {
-    this.getTaskData()
-  },
-  methods: {
-    // 获取任务数据
-    getTaskData(){
-      projectQueryPickSowData({
-        pickId: this.$route.query.lwPickId
-      }).then(res=>{
-        this.sowCar.car.value = res.pickSowToolCode || ''
-        this.sowCar.needBind = !this.sowCar.car.value
-        this.canUnbind = res.canUnbind
-        this.needContainer = res.needBindContainer
-
-        if (this.sowCar.needBind) {
-          this.$nextTick(()=>{
-            this.sowCar.car.focus = true
-          })
-        }
-
-        this.pickData = this.formatData(res)
-        this.checkTaskIndex(this.pickData.pendingPickLineList.length)
-      })
-    },
-    // 全部拣选完成
-    allPickOver(){
-      this.$lwToast.success(
-        this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jwlhnlca','当前任务已全部拣选完成')
-      )
-      history.go(-1)
-    },
-    // 操作成功后的提示并重新请求数据
-    changeSuccessGetData(msg){
-      this.$lwToast.success(msg)
-      this.getTaskData()
-    },
-    // 徽标
-    pickStatus(item) {
-      switch (item.pickStatus) {
-        case '100':
-          return {
-            type: 'danger',
-            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.oidxrkta','未拣选')
-          }
-        case '200':
-          return {
-            type: 'warning',
-            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.llqymbwx','拣选中')
-          }
-        case '300':
-          return {
-            type: 'success',
-            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.ytgzgfkn','已拣选')
-          }
-        default:
-          return {
-            type: 'primary',
-            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.htflqesv','未知')
-          }
-      }
-    },
-
-    // 确认绑定小车
-    bindCarConfirm(){
-      const val = this.sowCar.car.value
-
-      if (!val){
-        this.sowCar.car.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jzjxgygr','请输入拣选小车')
-        )
-        return
-      }
-
-      projectWmsPickSowBind({
-        pickId: this.pickData.pickId,
-        pickSowToolCode: val
-      }).then(()=>{
-        this.getTaskData()
-      })
-    },
-    // 解除绑定小车
-    unbindCar(){
-      this.$lwDialog.confirm({
-        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.ppfjowab','提示'),
-        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.vtdombtl','解除绑定后，当前绑定容器将会被清空')
-      }).then(()=>{
-
-        projectWmsPickSowUnbind({
-          pickId: this.pickData.pickId,
-          pickSowToolCode: this.sowCar.car.value
-        }).then(()=>{
-          this.$lwToast.success(
-            this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pgvgwclm','解绑成功')
-          )
-          this.getTaskData()
-        })
-      }).catch(()=>{})
-    },
-
-
-    // 绑定周转箱按钮点击
-    bindContainerBtn(){
-      const sowList = this.$lwDeepCopy(this.pickData.sowLineList || [])
-      this.bindContainerPopup.sowList = sowList
-      let index = 0
-      for (let i=0;i<sowList.length;i++){
-        if (!sowList[i].containerNo){
-          index = i
-          break
-        }
-      }
-      this.bindContainerPopup.sowIndex = index
-      this.bindContainerPopup.show = true
-      this.bindContainerPopup.container.focus = true
-    },
-    // 绑定播种容器号弹框 - 确认绑定
-    sowLocationBindContainerConfirm(){
-      const popup = this.bindContainerPopup
-      const sowItem = popup.sowList[popup.sowIndex]
-
-      if(!popup.container.value){
-        popup.container.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.nqbmbqkw','请输入播种位【{0}】需要绑定的周转箱',[sowItem.sowLineCode])
-        )
-        return
-      }
-
-      projectWmsPickSowBindContainer({
-        pickId: this.pickData.pickId,
-        pickSowToolCode: this.sowCar.car.value,
-        sowLineCode: sowItem.sowLineCode,
-        bindContainer: popup.container.value,
-      }).then(()=>{
-        sowItem.containerNo = popup.container.value
-        popup.container.value = ''
-        popup.container.focus = true
-        popup.sowIndex++
-        if (popup.sowIndex >= popup.sowList.length){
-          this.$lwToast.success(
-            this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.rfapmpwd','所有播种位已全部绑定容器')
-          )
-          popup.sowIndex = 0
-        }
-      })
-    },
-    // 绑定播种容器号弹框 - 选择绑定
-    selectSowLocation(index){
-      this.bindContainerPopup.sowIndex = index
-      this.bindContainerPopup.container.focus = true
-      this.bindContainerPopup.container.value = ''
-    },
-    // 绑定播种容器号弹框 - 重新绑定
-    repeatBind(){
-      this.$lwDialog.confirm({
-        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.ppfjowab','提示'),
-        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.aekhpwnr','当前绑定容器将会被全部清空')
-      }).then(()=>{
-        projectWmsPickSowRebindContainer({
-          pickId: this.pickData.pickId,
-          pickSowToolCode: this.sowCar.car.value
-        }).then(()=>{
-          this.bindContainerPopup.sowList.forEach(item=>{
-            item.containerNo = ''
-          })
-          this.bindContainerPopup.sowIndex = 0
-          this.bindContainerPopup.container.value = ''
-          this.bindContainerPopup.container.focus = true
-        })
-      }).catch(()=>{})
-    },
-    // 绑定播种容器号弹框 - 确认绑定
-    confirmBind(){
-      this.bindContainerPopup.container.value=''
-      this.getTaskData()
-    },
-
-
-    // 拣选库位确认
-    locationCodeConfirm(){
-      if (this.locationCodeCheck()){
-        if (this.hasLpn){
-          this.lpn.focus = true
-        }else {
-          this.sku.focus = true
-        }
-      }
-    },
-    // 检查拣选库位
-    locationCodeCheck(){
-
-      return this.inputCheck({
-        key: 'locationCode',
-        checkVal: this.pickLineData.fromLocationCode,
-      })
-    },
-
-    // 托盘号确认
-    lpnConfirm(){
-      if (this.lpnCheck()) this.sku.focus = true
-    },
-    // 托盘号校验
-    lpnCheck(){
-
-      if (!this.hasLpn) return true
-
-      return this.inputCheck({
-        key: 'lpn',
-        checkVal: this.pickLineData.fromLpn,
-        needCheck: false
-      })
-    },
-
-    // 商品确认
-    skuConfirm(val,{data}){
-
-      if (!this.skuCheck()) return
-
-      let newQty = 0
-      // 如果条码解析成功，并且能解析出数量就加法运算
-      if (data.qty){
-        newQty = data.qty
-      }
-
-      newQty = Number(this.pickLineData.uomQty)
-      this.qty.value = Number(this.qty.value || 0) + newQty
-      this.qty.focus = true
-    },
-    // 商品检查
-    skuCheck(){
-      return this.inputCheck({
-        key: 'sku',
-        checkVal: this.pickLineData.skuCode,
-      })
-    },
-
-    // 数量确认
-    qtyConfirm(){
-      if (this.qtyCheck()) this.pickConfirm()
-    },
-    // 数量校验
-    qtyCheck(){
-      const qty = Number(this.qty.value || 0)
-      if (!qty){
-        this.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.mvkcfove','拣选数量不能为空，且应当是大于0的整数')
-        )
-        this.qty.value = ''
-        return false
-      }
-
-      const item = this.pickLineData
-      const uomQty = Number(item.uomQty || 0)
-
-      if (uomQty === 0){
-        console.warn('拣选最小单位数据异常，值为：', uomQty)
-        return true
-      }
-
-      if (qty%item.uomQty !== 0){
-        this.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.cyjdoamc','拣选数量应当为{0}的倍数',[item.uomLabel.top])
-        )
-        this.qty.value = ''
-        return false
-      }
-
-      const waitQty = Number(item.totalQty || 0) - Number(item.pickQty || 0)
-      if (qty > waitQty){
-        this.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.ommmlsnz','拣选数量不能大于待拣量')
-        )
-        this.qty.value = ''
-        return false
-      }
-
-      return true
-    },
-
-    // 任务行切换前
-    cutStart(){
-      return this.checkInputVal(
-        ['locationCode', 'lpn', 'sku', 'qty'],
-      )
-
-    },
-    // 任务行切换后
-    cutEnd(){
-      this.clearInputVal(
-        ['locationCode', 'lpn', 'sku', 'qty'],
-      )
-    },
-
-    // 确认拣选
-    pickConfirm(){
-      if (!(
-        this.locationCodeCheck() &&
-        this.lpnCheck() &&
-        this.skuCheck() &&
-        this.qtyCheck()
-      )) return
-
-      projectWmsPickSowComputePosition({
-        ...this.actionQuery,
-        currentPickQty: this.qty.value,
-      }).then(res=>{
-        this.sowLocPopup.list = res
-        this.sowLocPopup.show = true
-      })
-    },
-    // 确认播种拣选
-    confirmSow(){
-      if (this.pickChangeTotal === 0){
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.abhnbixj','请输入分配量')
-        )
-        return
-      }
-
-      if (this.pickChangeTotal > Number(this.qty.value || 0)){
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.cjiegwjf','调整后的拣选量不能大于当前拣选量')
-        )
-        return
-      }
-
-      const list = this.sowLocPopup.list.filter(item=>item.allocateSowQty > item.waitSowQty)
-      if(list.length){
-        const str = list.join(',')
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jgaepbnm','播种位:{0}，调整数量不能大于待播种量',[str])
-        )
-        return
-      }
-
-      projectWmsPickSowSubmitPick({
-        ...this.actionQuery,
-        sowLineList: this.sowLocPopup.list.filter(item=>{
-          item.currentPickQty = item.allocateSowQty
-          return !!Number(item.currentPickQty || 0)
-        })
-      }).then(res=>{
-        if(res.pickOrderFinish){
-          this.allPickOver()
-          return
-        }
-
-        this.changeSuccessGetData(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.rluwnhce','拣选成功')
-        )
-        this.sowLocPopup.show = false
-      })
-    },
-    // 确认播种拣选弹框关闭
-    sowLocPopupOff(){
-      this.cutEnd()
-    },
-
-
-    // 异常
-    abnClick(){
-      this.abnPopup.comShow = true
-      this.abnPopup.show = true
-    },
-    // 异常确认
-    abnConfirm(){
-      const {success, data} = this.$refs.abnormal.getAbnormalData()
-
-      if (!success) return
-
-      projectWmsOutboundSubmitPickAbnormal({
-        ...this.actionQuery,
-        ...data
-      }).then(res=>{
-        if (res.taskFinishStatus){
-          this.allPickOver()
-          return
-        }
-
-        this.changeSuccessGetData(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.uzpvcags','异常上报成功')
-        )
-        this.abnPopup.show = false
-      })
-    },
-
-
-    // 拣选缺货
-    pickLack(){
-      this.lackPopup.show = true
-      this.lackPopup.lackQtyFocus = true
-    },
-    // 确认拣选缺货
-    lackConfirm(){
-      const qty = Number(this.lackPopup.lackQty || 0)
-      if (!qty){
-        this.lackPopup.lackQtyFocus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.eowiwjep','缺货量不能为空，且应当是大于0的整数')
-        )
-        this.lackPopup.lackQty = ''
-        return
-      }
-
-
-      // 判断是否大于待拣量
-      if (this.waitPickQty < qty){
-        this.lackPopup.lackQtyFocus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.oqzvdfeq','缺货量不能大于待拣量')
-        )
-        this.lackPopup.lackQty = ''
-        return
-      }
-
-      projectWmsOutboundSubmitPickStockout({
-        ...this.actionQuery,
-        stockoutQty: qty
-      }).then((res)=>{
-        if (res.taskFinishStatus){
-          this.allPickOver()
-          return
-        }
-        this.changeSuccessGetData(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.kfuarlea','缺货上报成功')
-        )
-        this.lackPopup.show = false
-      })
-    },
-
-
-    // 拣满换容器
-    pickFullChangeContainer(){
-      this.fullContainerPopup.show = true
-      this.fullContainerPopup.full.focus = true
-    },
-    // 拣满换容器弹框 - 已满容器确认
-    fullContainerConfirm(){
-      const val = this.fullContainerPopup.full.value
-      if(!val){
-        this.fullContainerPopup.full.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.ochqlial','请输入已满容器')
-        )
-        return
-      }
-
-      const list = this.pickData.sowLineList.filter(item=>item.containerNo === val)
-
-      if(!list.length){
-        this.fullContainerPopup.full.value = ''
-        this.fullContainerPopup.full.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.oavxgmht','输入的已满容器没有在播种容器中找到')
-        )
-        return
-      }
-
-      this.fullContainerPopup.sowData = list[0]
-      this.fullContainerPopup.full.value = ''
-      this.fullContainerPopup.new.focus = true
-
-    },
-    // 拣满换容器弹框 - 确认更换
-    changeContainerConfirm(){
-      const val = this.fullContainerPopup.new.value
-      if(!val){
-        this.fullContainerPopup.full.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.sujifzbk','请输入新容器')
-        )
-        return
-      }
-
-      projectWmsPickSowChangeContainer({
-        ...this.actionQuery,
-        sowLineCode: this.fullContainerPopup.sowData.sowLineCode,
-        bindContainer: this.fullContainerPopup.new.value
-      }).then(()=>{
-        this.changeSuccessGetData(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.wnzjpnad','更换成功')
-        )
-        this.fullContainerPopup.show = false
-      })
-    },
-    // 拣满换容器弹框 - 关闭
-    fullContainerPopupOff(){
-      this.fullContainerPopup.full.value = ''
-      this.fullContainerPopup.new.value = ''
-      this.fullContainerPopup.sowData = {}
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-.col-1{
-  width: 33%;
-  flex-shrink: 0;
-  text-align: center;
-}
-
-</style>
+<!--
+  边拣边分
+  @author: 张文
+  @date: 2022-08-15
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.kbenunwi','边拣边分')"/>
+
+    <div class="lw-global-page-box">
+
+      <!-- 任务看板 -->
+      <task-info :item="pickData">
+
+        <template>
+
+          <!-- 拣选小车 -->
+          <lw-input
+            style="margin: 10px 0 0 0"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.dptuorvg','拣选小车')"
+            v-model="sowCar.car.value"
+            :get-focus.sync="sowCar.car.focus"
+            :create-rule="$lwScanRule.create('拣选小车', 'LPN')"
+            rule-key="sowCar"
+            :show-bottom-border="false"
+            :disabled="!sowCar.needBind"
+            @confirm="bindCarConfirm"
+          >
+
+            <template #button>
+              <lw-button
+                v-if="canUnbind"
+                mini
+                round
+                @click="unbindCar"
+              >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.kngqtmkz','解除绑定') }}</lw-button>
+            </template>
+
+          </lw-input>
+        </template>
+
+      </task-info>
+
+      <!-- 绑定小车提示 -->
+      <div
+        v-if="sowCar.needBind"
+        style="text-align: center"
+        class="lw-global-model-box lw-global-value-bold-red"
+      >
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.kzqbuxih','请绑定拣选小车') }}
+      </div>
+
+      <!-- 绑定播种位 -->
+      <template v-if="!sowCar.needBind && needContainer">
+        <div
+          style="text-align: center"
+          class="lw-global-model-box lw-global-value-bold-red"
+        >
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.xxtpvmjs','请绑定容器号到拣选小车的播种位') }}
+        </div>
+
+        <sow-list :item="pickData.sowLineList"/>
+      </template>
+
+      <!-- 执行拣选tab -->
+      <div
+        v-if="!needContainer"
+        class="lw-global-tab-box"
+      >
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabAction"
+        >
+
+          <van-tab
+            name="ing"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.fuanucax','正在拣选')"
+          >
+
+            <div class="lw-global-model-box">
+
+              <sku-location-info
+                :item="pickLineData"
+                wait-pick
+              />
+
+              <!-- 托盘号 -->
+              <lw-title-value-cell
+                v-if="pickLineData.fromLpn"
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.icbazuab','托盘号')"
+                :value="pickLineData.fromLpn"
+                val-bold
+              />
+
+              <!-- 箱 -->
+              <lw-title-value-cell
+                v-if="pickLineData.fromCase"
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.icbazuaxb','箱号')"
+                :value="pickLineData.fromCase"
+                val-bold
+              />
+
+              <!-- 库位 -->
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.rriutzfg','拣选库位')"
+                v-model="locationCode.value"
+                :get-focus.sync="locationCode.focus"
+                required
+                :create-rule="$lwScanRule.create('拣选 - 边拣边分 - 拣选库位', 'LOCATION')"
+                rule-key="location"
+                @confirm="locationCodeConfirm"
+              />
+
+              <!-- 托盘号 -->
+              <lw-input
+                v-if="hasLpn"
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.icbazuab','托盘号')"
+                v-model="lpn.value"
+                :get-focus.sync="lpn.focus"
+                required
+                :create-rule="$lwScanRule.create('拣选 - 边拣边分 - 托盘号', 'LPN')"
+                rule-key="lpn"
+                @confirm="lpnConfirm"
+              />
+
+              <!-- 箱号 -->
+              <lw-input
+                v-if="pickLineData.fromCase"
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.icbazuaxb','箱号')"
+                v-model="box.value"
+                :get-focus.sync="box.focus"
+                required
+                rule-key="case"
+                :create-rule="$lwScanRule.create('边拣边分-箱号','CASE')"
+                @confirm="boxConfirm"
+              />
+
+              <!-- 商品号 -->
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.bzpcrokx','商品号')"
+                v-model="sku.value"
+                :get-focus.sync="sku.focus"
+                required
+                :create-rule="$lwScanRule.create('拣选 - 边拣边分 - 商品号', 'SKU')"
+                rule-key="sku"
+                @confirm="skuConfirm"
+              />
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.wsbghnsh','当前扫描')"
+                :value="nowSkuCode"
+              />
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.busfurmf','数量')"
+                v-model="qty.value"
+                :get-focus.sync="qty.focus"
+                required
+                type="digit"
+                @confirm="qtyConfirm"
+              >
+                <template #button>
+                  <lw-button
+                    v-if="!qty.disabled"
+                    mini
+                    round
+                    @click="pickConfirm"
+                  >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pbzrsvah','确认') }}</lw-button>
+                </template>
+              </lw-input>
+
+
+
+              <lw-cut-card
+                v-model="taskIndex"
+                :length="pickData.pendingPickLineList.length"
+                :cut-start="cutStart"
+                :cut-end="cutEnd"
+              >
+
+                <template #numLast>
+                  <lw-button
+                    round
+                    mini
+                    plain
+                    type="last"
+                    @click="abnClick"
+                  >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.saobucrh','异常') }}</lw-button>
+                </template>
+
+              </lw-cut-card>
+
+            </div>
+
+
+          </van-tab>
+
+          <van-tab
+            name="line"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.rrpdyewp','拣选明细行')"
+          >
+
+            <div
+              class="lw-global-model-box lw-global-animation-out"
+              v-for="(i,k) in pickData.allLineList"
+              :key="k"
+              :style="{animationDelay: 50 * k + 'ms'}"
+            >
+
+              <lw-sku-info-module
+                :sku-name="i.skuCode"
+                :sku-code="i.skuCode"
+                is-row
+              >
+
+                <!-- 尺寸 -->
+                <lw-tag
+                  v-if="i.skuSizeLabel"
+                  plain
+                  round
+                >{{ i.skuSizeLabel}}</lw-tag>
+
+                <!-- 拣选状态 -->
+                <lw-tag
+                  plain
+                  round
+                  :type="pickStatus(i).type"
+                >{{ pickStatus(i).msg }}</lw-tag>
+
+              </lw-sku-info-module>
+
+              <div class="lw-global-flex-between lw-global-row">
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.rriutzfg','拣选库位')"
+                  :value="i.fromLocationCode"
+                  val-bold
+                  :is-row="false"
+                />
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.fzrxibbu','已拣选/计划')"
+                  :value="(i.pickQty || 0) + '/' + (i.totalQty || 0)"
+                  val-bold
+                  val-red
+                  :is-row="false"
+                />
+
+              </div>
+
+              <div
+                v-if="i.groupFieldList && i.groupFieldList.length"
+                style="padding: 5px;border-radius: 5px;border: solid 1px #f0f0f0"
+              >
+                <lw-lot-look-module
+                  :columns="i.groupFieldList"
+                  title-key="title"
+                  value-key="value"
+                  :show-row="false"
+                />
+              </div>
+
+            </div>
+
+          </van-tab>
+
+          <van-tab
+            name="sow"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.fhhgummc','播种位列表')"
+          >
+            <sow-list :item="pickData.sowLineList"/>
+          </van-tab>
+        </van-tabs>
+
+
+      </div>
+
+    </div>
+
+
+    <lw-bottom-bar v-if="!sowCar.needBind && needContainer">
+
+      <lw-button @click="bindContainerBtn">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.hhsjgjuu','绑定周转箱') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+
+    <!-- 拣选的底部操作按钮 -->
+    <lw-bottom-bar v-if="showBottomBar && tabAction==='ing'">
+
+      <lw-button
+        type="last"
+        plain
+        @click="pickLack"
+      >
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jgqiivzh','拣选缺货') }}
+      </lw-button>
+
+      <lw-button
+        type="last"
+        @click="pickFullChangeContainer"
+      >
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.xnmcssvu','拣满换容器') }}
+      </lw-button>
+
+      <lw-button @click="pickConfirm">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.tyssildd','确认拣选播种') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <lw-bottom-bar v-if="showBottomBar && tabAction==='sow'">
+
+      <lw-button
+        type="last"
+        @click="pickFullChangeContainer"
+      >
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.xnmcssvu','拣满换容器') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+
+
+
+
+    <!-- 绑定周转箱弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jnvqlhev','绑定播种容器号')"
+      v-model="bindContainerPopup.show"
+      @closed="confirmBind"
+    >
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.dptuorvg','拣选小车')"
+        :value="sowCar.car.value"
+        val-bold
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.txqcvgff','当前绑定播种位')"
+        :value="bindPopupNowBindSowLoc"
+        val-bold
+        val-red
+        val-size="16px"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.wqvqagej','周转箱号')"
+        v-model="bindContainerPopup.container.value"
+        :get-focus.sync="bindContainerPopup.container.focus"
+        :create-rule="$lwScanRule.create('周转箱号', 'CONTAINER')"
+        rule-key="containerBox"
+        input-over-blur
+        @confirm="sowLocationBindContainerConfirm"
+      >
+
+        <template #button>
+          <lw-button
+            mini
+            round
+            @click="sowLocationBindContainerConfirm"
+          >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.qmcncpny','绑定') }}</lw-button>
+        </template>
+
+      </lw-input>
+
+      <div
+        class="lw-global-flex-between lw-global-row lw-global-click-style"
+        v-for="(i,k) in bindContainerPopup.sowList"
+        :key="k"
+        @click="selectSowLocation(k)"
+      >
+
+        <div class="lw-global-value-bold">{{ i.sowLineCode }}</div>
+        <div class="lw-global-value-bold">{{ i.containerNo }}</div>
+
+      </div>
+
+      <template #button>
+        <lw-button
+          type="normal"
+          plain
+          @click="repeatBind"
+        >
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.lioqvzcr','重绑') }}
+        </lw-button>
+        <lw-button @click="bindContainerPopup.show = false">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pbzrsvah','确认') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+    <!-- 计算播种位并调整数量的弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.docqgrky','拣选分拨')"
+      v-model="sowLocPopup.show"
+      @closed="sowLocPopupOff"
+    >
+
+      <lw-sku-info-module
+        :sku-name="pickLineData.skuName"
+        :sku-code="pickLineData.skuCode"
+        :qty="qty.value"
+        :qty-text="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.bcvasnej','当前拣选量')"
+        is-row-first
+      />
+
+      <div>
+        <div class="lw-global-flex-between lw-global-title lw-global-row">
+
+          <div class="col-1">
+            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pmnizgyn','播种位') }}
+          </div>
+
+          <div class="col-1">
+            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.cwctmizc','待播量') }}
+          </div>
+
+          <div class="col-1">
+            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.nvgmqsxt','分配数量') }}
+          </div>
+
+        </div>
+
+        <div
+          class="lw-global-flex-between lw-global-animation-out lw-global-row"
+          v-for="(i,k) in sowLocPopup.list"
+          :key="k"
+          :style="{animationDelay: 50 * k + 'ms'}"
+        >
+          <div class="col-1 lw-global-value-bold">{{ i.sowLineCode }}</div>
+          <div class="col-1 lw-global-value-bold-red">{{ i.waitSowQty }}</div>
+          <div class="col-1">
+            <lw-input
+              v-model="i.allocateSowQty"
+              type="digit"
+              input-align="center"
+              :show-bottom-border="false"
+            />
+          </div>
+        </div>
+      </div>
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.briipqfg','调整后拣选总量')"
+        :value="pickChangeTotal"
+        val-bold
+        val-red
+        is-row
+        val-size="18px"
+      />
+
+
+      <template #button>
+
+        <lw-button @click="confirmSow">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jhzdrrpy','确认播种拣选') }}
+        </lw-button>
+
+      </template>
+
+
+    </lw-popup>
+
+    <!-- 异常 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.saobucrh','异常')"
+      v-model="abnPopup.show"
+      @closed="abnPopup.comShow = false"
+    >
+
+      <lw-inner-abnormal-module
+        v-if="abnPopup.comShow"
+        ref="abnormal"
+        :sku-code="pickLineData.skuCode"
+        :sku-name="pickLineData.skuName"
+        :location="pickLineData.fromLocationCode"
+        :qty="waitPickQty"
+        :type="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.nmwudjru','在库')"
+        :ab-type="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.nzhpvyuv','拣选')"
+      />
+
+      <template #button>
+        <lw-button @click="abnConfirm"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pbzrsvah','确认') }}</lw-button>
+      </template>
+
+    </lw-popup>
+
+    <!-- 拣选缺货 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jgqiivzh','拣选缺货')"
+      v-model="lackPopup.show"
+    >
+
+      <lw-sku-info-module
+        :sku-code="pickLineData.skuCode"
+        :sku-name="pickLineData.skuName"
+      >
+        <lw-tag
+          v-if="pickLineData.skuSizeLabel"
+          plain
+          round
+        >{{ pickLineData.skuSizeLabel }}</lw-tag>
+      </lw-sku-info-module>
+
+      <div class="lw-global-flex-between lw-global-row">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.rriutzfg','拣选库位')"
+          :value="pickLineData.fromLocationCode"
+          val-bold
+          :is-row="false"
+        />
+
+        <div>
+            <span class="lw-global-title">
+              {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.mqmhprin','最小销售量') }}
+            </span>
+          <span class="lw-global-value-bold-red">
+              {{ pickLineData.uomQty }}
+            </span>
+        </div>
+
+      </div>
+
+      <lw-title-value-cell
+        class="lw-global-row"
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.vxauexbo','待拣量')"
+        :value="waitPickQty"
+        val-bold
+        val-red
+        :is-row="false"
+      />
+
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.btfrzivy','缺货量')"
+        v-model="lackPopup.lackQty"
+        :get-focus.sync="lackPopup.lackQtyFocus"
+        type="digit"
+        @confirm="lackConfirm"
+      />
+
+      <template #button>
+        <lw-button @click="lackConfirm"
+        >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pbzrsvah','确认') }}</lw-button>
+      </template>
+
+    </lw-popup>
+
+    <!-- 拣满换容器 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.xnmcssvu','拣满换容器')"
+      v-model="fullContainerPopup.show"
+      @closed="fullContainerPopupOff"
+    >
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.xkmdfmdo','已满容器')"
+        v-model="fullContainerPopup.full.value"
+        :get-focus.sync="fullContainerPopup.full.focus"
+        :create-rule="$lwScanRule.create('拣选 - 边拣边分 - 拣满换容器 - 已满容器', 'CONTAINER')"
+        rule-key="fullContainer"
+        @confirm="fullContainerConfirm"
+      />
+
+      <template v-if="Object.keys(fullContainerPopup.sowData).length">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.ficfyipk','已满容器号')"
+          :value="fullContainerPopup.sowData.containerNo"
+          val-bold
+        />
+
+        <div class="lw-global-flex-between lw-global-row">
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pmnizgyn','播种位')"
+            :value="fullContainerPopup.sowData.sowLineCode"
+            val-red
+            val-bold
+            :is-row="false"
+          />
+
+          <div>
+
+          <span class="lw-global-title">
+            {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.busfurmf','数量') }}
+          </span>
+            <span class="lw-global-value-bold">
+            <span class="lw-global-value-bold-red">
+              {{ fullContainerPopup.sowData.pickQty }}
+            </span>
+             / {{ fullContainerPopup.sowData.totalQty }}
+          </span>
+
+          </div>
+
+        </div>
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.uqcdsbxl','新容器')"
+          v-model="fullContainerPopup.new.value"
+          :get-focus.sync="fullContainerPopup.new.focus"
+          :create-rule="$lwScanRule.create('拣选 - 边拣边分 - 拣满换容器 - 新容器', 'CONTAINER')"
+          rule-key="newContainer"
+          @confirm="changeContainerConfirm"
+        />
+
+        <div class="lw-global-value-bold-red">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.zjngylzp','拿下已播满容器号！因为没有播种完成，还需要扫码新空容器号，继续播种接货') }}
+        </div>
+
+      </template>
+
+      <template
+        v-if="Object.keys(fullContainerPopup.sowData).length"
+        #button
+      >
+
+        <lw-button @click="changeContainerConfirm">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.kubytulz','确认更换') }}
+        </lw-button>
+
+      </template>
+    </lw-popup>
+
+
+
+  </div>
+</template>
+
+<script>
+import taskInfo from "../components/taskInfo.vue";
+import sowList from "../components/sowList.vue";
+import skuLocationInfo from './../components/skuLocationInfo/index.vue'
+import {
+  projectQueryPickSowData, projectWmsGetSkuBySn,
+  projectWmsOutboundSubmitPickAbnormal,
+  projectWmsOutboundSubmitPickStockout,
+  projectWmsPickSowBind,
+  projectWmsPickSowBindContainer,
+  projectWmsPickSowChangeContainer,
+  projectWmsPickSowComputePosition,
+  projectWmsPickSowRebindContainer,
+  projectWmsPickSowSubmitPick,
+  projectWmsPickSowUnbind
+} from "../../../../../api/outbound/pick/sow";
+import {all} from "../mixin/all";
+import {aloneAndNotAlone} from "../mixin/aloneAndNotAlone";
+
+export default {
+  name: "lwOutboundPickSowPage",
+  components:{
+    taskInfo,
+    sowList,
+    skuLocationInfo
+  },
+  mixins:[all, aloneAndNotAlone],
+  data() {
+    return {
+      // 任务数据
+      pickData:{},
+
+      // 拣选小车
+      sowCar:{
+        // 是否已绑定
+        needBind: true,
+        // 小车输入框
+        car:{
+          value: '',
+          focus: false
+        },
+      },
+      // 是否需要绑定拣选容器
+      needContainer: true,
+      // 是否能解绑
+      canUnbind: false,
+
+      // 绑定播种容器号弹框
+      bindContainerPopup:{
+        show: false,
+        sowList:[],
+        sowIndex: 0,
+        container:{
+          value: '',
+          focus: false
+        }
+      },
+
+
+      // 拣选tab激活项
+      tabAction:'',
+
+      // 正在拣选的任务索引
+      taskIndex: 0,
+      // 拣选库位
+      locationCode:{
+        value: '',
+        focus: true
+      },
+      lpn:{
+        value: '',
+        focus: false
+      },
+      box:{
+        value: '',
+        focus: false
+      },
+      sku:{
+        value: '',
+        focus: false
+      },
+      // 当前扫描
+      nowSkuCode: '',
+      qty:{
+        value: '',
+        focus: false
+      },
+
+      // 计算播种位弹框
+      sowLocPopup:{
+        show: false,
+        clearData: false,
+        list: []
+      },
+
+      // 异常弹框
+      abnPopup:{
+        show: false,
+        comShow: false
+      },
+
+      // 拣选缺货
+      lackPopup:{
+        show: false,
+        lackQty: '',
+        lackQtyFocus: false
+      },
+
+      // 拣满换容器
+      fullContainerPopup:{
+        show: false,
+        full:{
+          value: '',
+          focus: false
+        },
+        new:{
+          value: '',
+          focus: false
+        },
+        sowData:{}
+      }
+    }
+  },
+  computed:{
+    // 当前拣选行数据
+    pickLineData(){
+      const list = this.pickData.pendingPickLineList
+      return list && list.length ? list[this.taskIndex] : {}
+    },
+
+    // 当前拣选行是否需要校验LPN
+    hasLpn(){
+      return !this.pickLineData.fromCase && this.pickLineData.fromLpn
+    },
+
+    // 拣选播种调整后的拣选总量
+    pickChangeTotal(){
+      let num = 0
+      this.sowLocPopup.list.filter(item=>{
+        num+=Number(item.allocateSowQty)
+      })
+      return num
+    },
+
+    // 待拣选量
+    waitPickQty(){
+      return Number(this.pickLineData.totalQty || 0) - Number(this.pickLineData.pickQty || 0)
+    },
+
+    // 绑定弹框 - 当前绑定的播种位
+    bindPopupNowBindSowLoc(){
+      const list = this.bindContainerPopup.sowList
+      if (list && list.length){
+        return list[this.bindContainerPopup.sowIndex].sowLineCode
+      }
+      return ''
+    },
+
+    // 调用接口时候需要的数据
+    actionQuery(){
+      return {
+        pickId: this.pickData.pickId,
+        pickNo: this.pickData.pickNo,
+        pickSowToolCode: this.pickData.pickSowToolCode,
+        fromLocationId: this.pickLineData.fromLocationId,
+        fromLpn: this.pickLineData.fromLpn,
+        ownerId: this.pickLineData.ownerId,
+        skuId: this.pickLineData.skuId,
+        uom: this.pickLineData.uom,
+        uomQty: this.pickLineData.uomQty,
+        lineGroupKey: this.pickLineData.lineGroupKey,
+      }
+    },
+
+    // 显示底部按钮
+    showBottomBar(){
+      return !this.sowCar.needBind && !this.needContainer
+    }
+
+  },
+  mounted() {
+    this.getTaskData()
+  },
+  methods: {
+    // 获取任务数据
+    getTaskData(){
+      projectQueryPickSowData({
+        pickId: this.$route.query.lwPickId
+      }).then(res=>{
+        this.sowCar.car.value = res.pickSowToolCode || ''
+        this.sowCar.needBind = !this.sowCar.car.value
+        this.canUnbind = res.canUnbind
+        this.needContainer = res.needBindContainer
+
+        if (this.sowCar.needBind) {
+          this.$nextTick(()=>{
+            this.sowCar.car.focus = true
+          })
+        }
+
+        this.pickData = this.formatData(res)
+        this.checkTaskIndex(this.pickData.pendingPickLineList.length)
+      })
+    },
+    // 全部拣选完成
+    allPickOver(){
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jwlhnlca','当前任务已全部拣选完成')
+      )
+      history.go(-1)
+    },
+    // 操作成功后的提示并重新请求数据
+    changeSuccessGetData(msg){
+      this.$lwToast.success(msg)
+      this.getTaskData()
+    },
+    // 徽标
+    pickStatus(item) {
+      switch (item.pickStatus) {
+        case '100':
+          return {
+            type: 'danger',
+            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.oidxrkta','未拣选')
+          }
+        case '200':
+          return {
+            type: 'warning',
+            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.llqymbwx','拣选中')
+          }
+        case '300':
+          return {
+            type: 'success',
+            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.ytgzgfkn','已拣选')
+          }
+        default:
+          return {
+            type: 'primary',
+            msg: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.htflqesv','未知')
+          }
+      }
+    },
+
+    // 确认绑定小车
+    bindCarConfirm(){
+      const val = this.sowCar.car.value
+
+      if (!val){
+        this.sowCar.car.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jzjxgygr','请输入拣选小车')
+        )
+        return
+      }
+
+      projectWmsPickSowBind({
+        pickId: this.pickData.pickId,
+        pickSowToolCode: val
+      }).then(()=>{
+        this.getTaskData()
+      })
+    },
+    // 解除绑定小车
+    unbindCar(){
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.ppfjowab','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.vtdombtl','解除绑定后，当前绑定容器将会被清空')
+      }).then(()=>{
+
+        projectWmsPickSowUnbind({
+          pickId: this.pickData.pickId,
+          pickSowToolCode: this.sowCar.car.value
+        }).then(()=>{
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.pgvgwclm','解绑成功')
+          )
+          this.getTaskData()
+        })
+      }).catch(()=>{})
+    },
+
+
+    // 绑定周转箱按钮点击
+    bindContainerBtn(){
+      const sowList = this.$lwDeepCopy(this.pickData.sowLineList || [])
+      this.bindContainerPopup.sowList = sowList
+      let index = 0
+      for (let i=0;i<sowList.length;i++){
+        if (!sowList[i].containerNo){
+          index = i
+          break
+        }
+      }
+      this.bindContainerPopup.sowIndex = index
+      this.bindContainerPopup.show = true
+      this.bindContainerPopup.container.focus = true
+    },
+    // 绑定播种容器号弹框 - 确认绑定
+    sowLocationBindContainerConfirm(){
+      const popup = this.bindContainerPopup
+      const sowItem = popup.sowList[popup.sowIndex]
+
+      if(!popup.container.value){
+        popup.container.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.nqbmbqkw','请输入播种位【{0}】需要绑定的周转箱',[sowItem.sowLineCode])
+        )
+        return
+      }
+
+      projectWmsPickSowBindContainer({
+        pickId: this.pickData.pickId,
+        pickSowToolCode: this.sowCar.car.value,
+        sowLineCode: sowItem.sowLineCode,
+        bindContainer: popup.container.value,
+      }).then(()=>{
+        sowItem.containerNo = popup.container.value
+        popup.container.value = ''
+        popup.container.focus = true
+        popup.sowIndex++
+        if (popup.sowIndex >= popup.sowList.length){
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.rfapmpwd','所有播种位已全部绑定容器')
+          )
+          popup.sowIndex = 0
+        }
+      })
+    },
+    // 绑定播种容器号弹框 - 选择绑定
+    selectSowLocation(index){
+      this.bindContainerPopup.sowIndex = index
+      this.bindContainerPopup.container.focus = true
+      this.bindContainerPopup.container.value = ''
+    },
+    // 绑定播种容器号弹框 - 重新绑定
+    repeatBind(){
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.ppfjowab','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.aekhpwnr','当前绑定容器将会被全部清空')
+      }).then(()=>{
+        projectWmsPickSowRebindContainer({
+          pickId: this.pickData.pickId,
+          pickSowToolCode: this.sowCar.car.value
+        }).then(()=>{
+          this.bindContainerPopup.sowList.forEach(item=>{
+            item.containerNo = ''
+          })
+          this.bindContainerPopup.sowIndex = 0
+          this.bindContainerPopup.container.value = ''
+          this.bindContainerPopup.container.focus = true
+        })
+      }).catch(()=>{})
+    },
+    // 绑定播种容器号弹框 - 确认绑定
+    confirmBind(){
+      this.bindContainerPopup.container.value=''
+      this.getTaskData()
+    },
+
+
+    // 拣选库位确认
+    locationCodeConfirm(){
+      if (this.locationCodeCheck()){
+        if (this.hasLpn){
+          this.lpn.focus = true
+        }else if (this.pickLineData.fromCase){
+          this.box.focus = true
+        }else {
+          this.sku.focus = true
+        }
+      }
+    },
+    // 检查拣选库位
+    locationCodeCheck(){
+      return this.inputCheck({
+        key: 'locationCode',
+        checkVal: this.pickLineData.fromLocationCode,
+      })
+    },
+
+    // 托盘号确认
+    lpnConfirm(){
+      if (this.lpnCheck()) this.sku.focus = true
+    },
+    // 托盘号校验
+    lpnCheck(){
+
+      if (!this.hasLpn) return true
+
+      return this.inputCheck({
+        key: 'lpn',
+        needCheck: false
+      })
+    },
+
+    // 箱号确认
+    boxConfirm(){
+      if (this.boxCheck()) this.sku.focus = true
+    },
+    // 箱号校验
+    boxCheck(){
+
+      if (!this.pickLineData.fromCase) return true
+
+      return this.inputCheck({
+        key: 'box',
+        needCheck: false
+      })
+    },
+
+    // 商品确认
+    async skuConfirm(val,{data}){
+
+      if (!this.skuCheck()) return
+
+      // 有可能是sn
+      if (this.pickLineData.skuCode !== this.sku.value){
+        const res = await projectWmsGetSkuBySn({
+          sn: this.sku.value,
+          skuId: this.pickLineData.skuId,
+          ownerId: this.pickLineData.ownerId
+        })
+
+        if (res !== this.pickLineData.skuCode){
+          this.sku.focus = true
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('','当前商品与拣选商品不一致')
+          )
+          this.sku.value = ''
+          return
+        }
+
+        this.sku.value = res
+      }
+
+      this.nowSkuCode = this.sku.value
+
+      let newQty = Number(this.pickLineData.uomQty)
+      // 如果条码解析成功，并且能解析出数量就加法运算
+      if (data.qty){
+        newQty = data.qty
+      }
+
+      this.qty.value = Number(this.qty.value || 0) + newQty
+
+      const waitQty = Number(this.pickLineData.totalQty || 0) - Number(this.pickLineData.pickQty || 0)
+      if (this.qty.value === waitQty){
+        this.pickConfirm()
+        return;
+      }
+      this.sku.focus = true
+      this.sku.value = ''
+    },
+    // 商品检查
+    skuCheck(){
+      return this.inputCheck({
+        key: 'sku',
+        needCheck: false
+      })
+    },
+
+    // 数量确认
+    qtyConfirm(){
+      if (this.qtyCheck()) this.pickConfirm()
+    },
+    // 数量校验
+    qtyCheck(){
+      const qty = Number(this.qty.value || 0)
+      if (!qty){
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.mvkcfove','拣选数量不能为空，且应当是大于0的整数')
+        )
+        this.qty.value = ''
+        return false
+      }
+
+      const item = this.pickLineData
+      const uomQty = Number(item.uomQty || 0)
+
+      if (uomQty === 0){
+        console.warn('拣选最小单位数据异常，值为：', uomQty)
+        return true
+      }
+
+      if (qty%item.uomQty !== 0){
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.cyjdoamc','拣选数量应当为{0}的倍数',[item.uomLabel.top])
+        )
+        this.qty.value = ''
+        return false
+      }
+
+      const waitQty = Number(item.totalQty || 0) - Number(item.pickQty || 0)
+      if (qty > waitQty){
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.ommmlsnz','拣选数量不能大于待拣量')
+        )
+        this.qty.value = ''
+        return false
+      }
+
+      return true
+    },
+
+    // 任务行切换前
+    cutStart(){
+      return this.checkInputVal(
+        ['locationCode', 'lpn', 'box', 'sku', 'qty'],
+      )
+
+    },
+    // 任务行切换后
+    cutEnd(){
+      this.clearInputVal(
+        ['locationCode', 'lpn', 'box', 'sku', 'qty'],
+      )
+      this.nowSkuCode = ''
+      this.tabActive === 'ing' ?  this.locationCode.focus = true : ''
+    },
+
+    // 确认拣选
+    pickConfirm(){
+      const checkSku = ()=>{
+        if (this.nowSkuCode) return true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jpnjblpx','请确认商品')
+        )
+        this.sku.focus = true
+        return false
+      }
+      if (!(
+        this.locationCodeCheck() &&
+        this.lpnCheck() &&
+        this.boxCheck() &&
+        checkSku() &&
+        this.qtyCheck()
+      )) return
+
+      projectWmsPickSowComputePosition({
+        ...this.actionQuery,
+        currentPickQty: this.qty.value,
+      }).then(res=>{
+        this.sowLocPopup.list = res
+        this.sowLocPopup.show = true
+      })
+    },
+    // 确认播种拣选
+    confirmSow(){
+      if (this.pickChangeTotal === 0){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.abhnbixj','请输入分配量')
+        )
+        return
+      }
+
+      if (this.pickChangeTotal > Number(this.qty.value || 0)){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.cjiegwjf','调整后的拣选量不能大于当前拣选量')
+        )
+        return
+      }
+
+      const list = this.sowLocPopup.list.filter(item=>item.allocateSowQty > item.waitSowQty)
+      if(list.length){
+        const str = list.join(',')
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.jgaepbnm','播种位:{0}，调整数量不能大于待播种量',[str])
+        )
+        return
+      }
+
+      projectWmsPickSowSubmitPick({
+        ...this.actionQuery,
+        sowLineList: this.sowLocPopup.list.filter(item=>{
+          item.currentPickQty = item.allocateSowQty
+          return !!Number(item.currentPickQty || 0)
+        }),
+        actualPickLpn: this.lpn.value,
+        actualPickCaseNum: this.box.value
+      }).then(res=>{
+        if(res.pickOrderFinish){
+          this.allPickOver()
+          return
+        }
+
+        this.changeSuccessGetData(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.rluwnhce','拣选成功')
+        )
+        this.sowLocPopup.clearData = true
+        this.sowLocPopup.show = false
+        this.locationCode.focus = true
+      })
+    },
+    // 确认播种拣选弹框关闭
+    sowLocPopupOff(){
+      if (this.sowLocPopup.clearData){
+        this.cutEnd()
+        this.sowLocPopup.clearData = false
+      }
+    },
+
+
+    // 异常
+    abnClick(){
+      this.abnPopup.comShow = true
+      this.abnPopup.show = true
+    },
+    // 异常确认
+    abnConfirm(){
+      const {success, data} = this.$refs.abnormal.getAbnormalData()
+
+      if (!success) return
+
+      projectWmsOutboundSubmitPickAbnormal({
+        ...this.actionQuery,
+        ...data
+      }).then(res=>{
+        if (res.taskFinishStatus){
+          this.allPickOver()
+          return
+        }
+
+        this.changeSuccessGetData(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.uzpvcags','异常上报成功')
+        )
+        this.abnPopup.show = false
+      })
+    },
+
+
+    // 拣选缺货
+    pickLack(){
+      this.lackPopup.show = true
+      this.lackPopup.lackQtyFocus = true
+    },
+    // 确认拣选缺货
+    lackConfirm(){
+      const qty = Number(this.lackPopup.lackQty || 0)
+      if (!qty){
+        this.lackPopup.lackQtyFocus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.eowiwjep','缺货量不能为空，且应当是大于0的整数')
+        )
+        this.lackPopup.lackQty = ''
+        return
+      }
+
+
+      // 判断是否大于待拣量
+      if (this.waitPickQty < qty){
+        this.lackPopup.lackQtyFocus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.oqzvdfeq','缺货量不能大于待拣量')
+        )
+        this.lackPopup.lackQty = ''
+        return
+      }
+
+      projectWmsOutboundSubmitPickStockout({
+        ...this.actionQuery,
+        stockoutQty: qty
+      }).then((res)=>{
+        if (res.taskFinishStatus){
+          this.allPickOver()
+          return
+        }
+        this.changeSuccessGetData(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.kfuarlea','缺货上报成功')
+        )
+        this.lackPopup.show = false
+      })
+    },
+
+
+    // 拣满换容器
+    pickFullChangeContainer(){
+      this.fullContainerPopup.show = true
+      this.fullContainerPopup.full.focus = true
+    },
+    // 拣满换容器弹框 - 已满容器确认
+    fullContainerConfirm(){
+      const val = this.fullContainerPopup.full.value
+      if(!val){
+        this.fullContainerPopup.full.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.ochqlial','请输入已满容器')
+        )
+        return
+      }
+
+      const list = this.pickData.sowLineList.filter(item=>item.containerNo === val)
+
+      if(!list.length){
+        this.fullContainerPopup.full.value = ''
+        this.fullContainerPopup.full.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.oavxgmht','输入的已满容器没有在播种容器中找到')
+        )
+        return
+      }
+
+      this.fullContainerPopup.sowData = list[0]
+      this.fullContainerPopup.full.value = ''
+      this.fullContainerPopup.new.focus = true
+
+    },
+    // 拣满换容器弹框 - 确认更换
+    changeContainerConfirm(){
+      const val = this.fullContainerPopup.new.value
+      if(!val){
+        this.fullContainerPopup.full.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.sujifzbk','请输入新容器')
+        )
+        return
+      }
+
+      projectWmsPickSowChangeContainer({
+        ...this.actionQuery,
+        sowLineCode: this.fullContainerPopup.sowData.sowLineCode,
+        bindContainer: this.fullContainerPopup.new.value
+      }).then(()=>{
+        this.changeSuccessGetData(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.sow.index.wnzjpnad','更换成功'),
+          false
+        )
+        this.fullContainerPopup.show = false
+      })
+    },
+    // 拣满换容器弹框 - 关闭
+    fullContainerPopupOff(){
+      this.fullContainerPopup.full.value = ''
+      this.fullContainerPopup.new.value = ''
+      this.fullContainerPopup.sowData = {}
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+.col-1{
+  width: 33%;
+  flex-shrink: 0;
+  text-align: center;
+}
+
+</style>