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

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

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