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

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

@@ -1,533 +1,692 @@
-<!--
-  出库拣选 - 非独立件
-  @author: 张文
-  @date: 2022-06-20
--->
-<template>
-  <data-look-and-change
-    v-if="Object.keys(pickData).length"
-    ref="dataLookAndChange"
-    type="alone"
-    :task-index="taskIndex"
-    :pick-data="pickData"
-    :show-bottom-bar="container.confirm"
-    :pick-container="container.value"
-    :lack-confirm-fn="lackConfirm"
-    :abn-confirm-fn="abnConfirm"
-    :get-data="getData"
-    @pickConfirm="pickConfirm"
-  >
-
-    <div
-      style="margin-bottom: 10px"
-      class="lw-global-model-box"
-    >
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.unljebyh','拣选容器号')"
-        v-model="container.value"
-        :get-focus.sync="container.focus"
-        :disabled="container.confirm"
-        rule-key="container"
-        @confirm="containerBtnClick"
-      >
-        <template #button>
-          <lw-button
-            round
-            mini
-            @click="containerBtnClick"
-          >{{
-            container.confirm ?
-            $lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.txptjnap','切换容器') :
-            $lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.qfccyeko','确定')
-          }}</lw-button>
-        </template>
-      </lw-input>
-    </div>
-
-    <!-- 左右切换滚动到顶部的锚点 -->
-    <template v-if="container.confirm">
-      <div id="tab-top"></div>
-      <div class="lw-global-tab-box">
-        <van-tabs
-          type="card"
-          animated
-          v-model="tabActive"
-          @change="goTop"
-        >
-
-          <!-- 正在拣选 -->
-          <van-tab
-            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.sfecqvpr','正在拣选')"
-            name="ing"
-          >
-            <div class="lw-global-model-box">
-
-              <sku-location-info
-                :item="nowPickData"
-                wait-pick
-              />
-
-              <!-- 托盘号 -->
-              <lw-title-value-cell
-                v-if="hasLpn"
-                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.gpsjuyqm','托盘号')"
-                :value="nowPickData.fromLpn"
-                val-bold
-              />
-
-              <!-- 库位 -->
-              <lw-input
-                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.riqyoozc','拣选库位')"
-                v-model="locationCode.value"
-                :get-focus.sync="locationCode.focus"
-                required
-                rule-key="location"
-                @confirm="locationCodeConfirm"
-              />
-
-              <!-- 托盘号 -->
-              <lw-input
-                v-if="hasLpn"
-                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.gpsjuyqm','托盘号')"
-                v-model="lpn.value"
-                :get-focus.sync="lpn.focus"
-                required
-                rule-key="lpn"
-                @confirm="lpnConfirm"
-              />
-
-              <!-- 商品号 -->
-              <lw-input
-                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.wunzopak','商品号')"
-                v-model="sku.value"
-                :get-focus.sync="sku.focus"
-                required
-                rule-key="sku"
-                @confirm="skuConfirm"
-              />
-              <lw-input
-                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.rwiwdjks','数量')"
-                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.notAlone.cwcxalqk','确认') }}</lw-button>
-                </template>
-              </lw-input>
-
-
-
-              <lw-cut-card
-                v-model="taskIndex"
-                :length="pickData.pendingPickLineList.length"
-                :cut-start="cutStart"
-                :cut-end="cutEnd"
-              />
-
-            </div>
-
-          </van-tab>
-
-          <!-- 拣选明细行 -->
-          <van-tab
-            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.gzyjrunq','拣选明细行')"
-            name="wait"
-          >
-
-            <div
-              v-for="(i,k) in pickData.allLineList"
-              :key="k"
-              :class="[
-                'lw-global-model-box',
-                'lw-global-animation-out',
-                i.pickStatus !== '300' ? 'lw-global-click-style' : ''
-              ]"
-              :style="{
-                animationDelay: 50 * k + 'ms',
-                background: i.pickStatus === '300' ? '#ddd' : ''
-              }"
-              @click="allPickClick(i)"
-            >
-              <sku-location-info :item="i"/>
-            </div>
-
-
-          </van-tab>
-
-        </van-tabs>
-      </div>
-    </template>
-
-
-    <!-- 确认拆板下架弹框 -->
-    <split-put-down
-      v-model="splitPopup.show"
-      :item="splitPopup.data.splitDownData"
-      @splitConfirm="splitConfirm"
-      @closed="splitOff"
-    />
-
-
-    <!-- 切换容器号弹框弹框 -->
-    <lw-popup
-      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.txptjnap','切换容器')"
-      v-model="container.popup.show"
-      @closed="container.popup.value=''"
-    >
-
-      <lw-input
-        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.dqarkhkg','新容器号')"
-        v-model="container.popup.value"
-        :get-focus.sync="container.popup.focus"
-        rule-key="cutContainer"
-        @confirm="containerConfirm"
-      />
-
-      <template #button>
-        <lw-button @click="containerConfirm">
-          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.txptjnap','切换容器') }}
-        </lw-button>
-      </template>
-
-    </lw-popup>
-
-  </data-look-and-change>
-</template>
-
-<script>
-import dataLookAndChange from './../components/dataLookAndChange/index.vue'
-import skuLocationInfo from './../components/skuLocationInfo/index.vue'
-import splitPutDown from './../components/splitPutDown/index.vue'
-import {all} from "../mixin/all";
-import {aloneAndNotAlone} from "../mixin/aloneAndNotAlone";
-import {
-  projectQueryStandardPickData,
-  projectWmsOutboundPickCheckContainer,
-  projectWmsOutboundStandardPick
-} from "../../../../../api/outbound/pick/notAlone";
-
-export default {
-  name: "lwOutboundPickNotAloneActionPage",
-  components:{
-    dataLookAndChange,
-    skuLocationInfo,
-    splitPutDown
-  },
-  mixins:[all, aloneAndNotAlone],
-  computed:{
-    // 是否有lpn
-    hasLpn(){
-      return !!this.nowPickData.fromLpn
-    },
-
-    // 当前拣选数据
-    nowPickData(){
-      if (this.pickData.pendingPickLineList && this.pickData.pendingPickLineList.length){
-        return this.pickData.pendingPickLineList[this.taskIndex]
-      }
-      return {}
-    }
-  },
-  data() {
-    return {
-      // 是否显示底部操作栏
-      showBottomBar: false,
-
-      // 绑定的容器号
-      container: {
-        value:'',
-        focus: true,
-        confirm: false,
-        popup:{
-          value:'',
-          focus: false,
-          show: false
-        }
-      },
-
-      // 当前任务索引
-      taskIndex: 0,
-
-      // 拣选数据
-      pickData: {},
-
-      // tab激活项
-      tabActive:'ing',
-
-      // 拣选库位
-      locationCode:{
-        value:'',
-        focus: false
-      },
-
-      // 托盘号
-      lpn:{
-        value:'',
-        focus: false
-      },
-
-      // 商品
-      sku:{
-        value:'',
-        focus: false
-      },
-
-      // 商品数量
-      qty:{
-        value:'',
-        focus: false,
-        disabled: false
-      },
-
-      // 拆板下架弹出层
-      splitPopup:{
-        show: false,
-        // 后端返回的全部数据
-        data:{},
-      }
-    }
-  },
-  mounted() {
-    this.getData()
-  },
-  methods: {
-    // 拣选容器按钮点击
-    containerBtnClick(){
-      if (this.container.confirm){
-        this.container.popup.show = true
-        this.container.popup.focus = true
-        return
-      }
-
-      this.containerConfirm()
-    },
-    // 绑定拣选容器号确认
-    containerConfirm(){
-
-      if (!this.containerCheck()) return
-
-      const container = this.container.confirm ? this.container.popup.value : this.container.value
-      projectWmsOutboundPickCheckContainer({
-        pickId: this.pickData.pickId,
-        pickNo: this.pickData.pickNo,
-        pickContainer: container
-      }).then(()=>{
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.atjhrrvp','容器绑定成功')
-        )
-        this.container.popup.show = false
-        this.container.value = container
-        this.container.confirm = true
-      })
-    },
-    // 校验拣选容器号
-    containerCheck(){
-
-      // 根据是否已经绑定拣选容器让不同的输入框获取焦点
-      if (this.container.confirm){
-        if (this.container.popup.value) return true
-        this.container.popup.focus = true
-      }else {
-        if (this.container.value) return true
-        this.container.focus = true
-      }
-
-      this.$lwShowErrorMsg(
-        this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.jlnfibwb','拣选容器号不能为空')
-      )
-      return false
-    },
-
-    // 获取数据
-    getData(){
-      projectQueryStandardPickData({
-        pickId: this.$route.query.lwPickId
-      }).then(res=>{
-        this.pickData = this.formatData(res)
-        this.checkTaskIndex(this.pickData.pendingPickLineList.length)
-      }).catch(()=>history.go(-1))
-    },
-
-
-    // 拣选库位确认
-    locationCodeConfirm(){
-      if (this.locationCodeCheck()){
-        if (this.hasLpn){
-          this.lpn.focus = true
-        }else {
-          this.sku.focus = true
-        }
-      }
-    },
-    // 检查拣选库位
-    locationCodeCheck(){
-
-      return this.inputCheck({
-        key: 'locationCode',
-        checkVal: this.nowPickData.fromLocationCode,
-      })
-    },
-
-    // 托盘号确认
-    lpnConfirm(){
-      if (this.lpnCheck()) this.sku.focus = true
-    },
-    // 托盘号校验
-    lpnCheck(){
-
-      if (!this.hasLpn) return true
-
-      return this.inputCheck({
-        key: 'lpn',
-        checkVal: this.nowPickData.fromLpn,
-        needCheck: false
-      })
-    },
-
-    // 商品确认
-    skuConfirm(val,{data}){
-
-      if (!this.skuCheck()) return
-
-      let newQty = 0
-      // 如果条码解析成功，并且能解析出数量就加法运算
-      if (data.qty){
-        newQty = data.qty
-      }
-
-      newQty = Number(this.nowPickData.uomQty)
-      this.qty.value = Number(this.qty.value || 0) + newQty
-      this.qty.focus = true
-    },
-    // 商品检查
-    skuCheck(){
-      return this.inputCheck({
-        key: 'sku',
-        checkVal: this.nowPickData.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.notAlone.reczyytt','拣选数量不能为空，且应当是大于0的整数')
-        )
-        this.qty.value = ''
-        return false
-      }
-
-      const item = this.nowPickData
-      const uomQty = Number(item.uomQty || 0)
-
-      if (uomQty === 0){
-        console.warn(this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.jhatfwzc', '拣选最小单位数据异常，值为：'), uomQty)
-        return true
-      }
-
-      if (qty%item.uomQty !== 0){
-        this.qty.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.qlwquwbn','拣选数量应当为') + item.uomLabel.top + this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.ectkxfbd','的倍数')
-        )
-        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.notAlone.priuzexu','拣选数量不能大于待拣量')
-        )
-        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
-
-      const item = this.nowPickData
-      projectWmsOutboundStandardPick({
-        pickId: this.pickData.pickId,
-        pickNo: this.pickData.pickNo,
-        fromLocationId: item.fromLocationId,
-        fromLpn: item.fromLpn,
-        ownerId: item.ownerId,
-        skuId: item.skuId,
-        uom: item.uom,
-        uomQty: item.uomQty,
-        needHandleSn: item.needHandleSn,
-        allocationOrder: this.pickData.allocationOrder,
-        currentPickQty: this.qty.value,
-        pickContainer: this.container.value,
-        lineGroupKey: item.lineGroupKey,
-      }).then(res=>{
-
-        // 判断是否需要打印箱票
-        if(res.needPrintBox){
-          this.$refs.dataLookAndChange.print(res)
-        }
-
-        this.splitPopup.data = res
-
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.bxmfgbup','拣选成功')
-        )
-
-        // 是否需要拆板下架
-        if(res.needSplitDown){
-          this.splitPopup.show = true
-          this.splitPopup.container.focus = true
-          return
-        }
-
-        this.splitOff()
-      })
-    },
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  出库拣选 - 非独立件
+  @author: 张文
+  @date: 2022-06-20
+-->
+<template>
+  <data-look-and-change
+    v-if="Object.keys(pickData).length"
+    ref="dataLookAndChange"
+    type="alone"
+    :task-index="taskIndex"
+    :pick-data="pickData"
+    :show-bottom-bar="container.confirm"
+    :pick-container="container.value"
+    :lack-confirm-fn="lackConfirm"
+    :abn-confirm-fn="abnConfirm"
+    :get-data="getData"
+    @pickConfirm="pickConfirm"
+  >
+
+    <div
+      style="margin-bottom: 10px"
+      class="lw-global-model-box"
+    >
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.unljebyh','拣选容器号')"
+        v-model="container.value"
+        :get-focus.sync="container.focus"
+        :disabled="container.confirm"
+        rule-key="container"
+        @confirm="containerBtnClick"
+      >
+        <template #button>
+          <lw-button
+            round
+            mini
+            @click="containerBtnClick"
+          >{{
+            container.confirm ?
+            $lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.txptjnap','切换容器') :
+            $lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.qfccyeko','确定')
+          }}</lw-button>
+        </template>
+      </lw-input>
+    </div>
+
+    <!-- 左右切换滚动到顶部的锚点 -->
+    <template v-if="container.confirm">
+      <div id="tab-top"></div>
+      <div class="lw-global-tab-box">
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="goTop"
+        >
+
+          <!-- 正在拣选 -->
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.sfecqvpr','正在拣选')"
+            name="ing"
+          >
+            <div class="lw-global-model-box">
+
+              <sku-location-info
+                :item="nowPickData"
+                wait-pick
+              />
+
+              <!-- 托盘号 -->
+              <lw-title-value-cell
+                v-if="nowPickData.fromLpn"
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.gpsjuyqm','托盘号')"
+                :value="nowPickData.fromLpn"
+                val-bold
+              />
+
+              <!-- 箱号 -->
+              <lw-title-value-cell
+                v-if="nowPickData.fromCase"
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.gpcsjuyqm','箱号')"
+                :value="nowPickData.fromCase"
+                val-bold
+              />
+
+              <!-- 库位 -->
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.riqyoozc','拣选库位')"
+                v-model="locationCode.value"
+                :get-focus.sync="locationCode.focus"
+                required
+                rule-key="location"
+                @confirm="locationCodeConfirm"
+              />
+
+              <!-- 托盘号 -->
+              <lw-input
+                v-if="hasLpn"
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.gpsjuyqm','托盘号')"
+                v-model="lpn.value"
+                :get-focus.sync="lpn.focus"
+                required
+                rule-key="lpn"
+                @confirm="lpnConfirm"
+              />
+
+              <!-- 箱号 -->
+              <lw-input
+                v-if="nowPickData.fromCase"
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.gpcsjuyqm','箱号')"
+                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.notAlone.wunzopak','商品号')"
+                v-model="sku.value"
+                :get-focus.sync="sku.focus"
+                required
+                rule-key="sku"
+                @confirm="skuConfirm"
+              />
+
+              <!-- 托盘号 -->
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','当前扫描')"
+                :value="nowScan.value || '-'"
+                val-bold
+              />
+
+              <template v-if="nowPickData.needHandleSn">
+                <lw-input
+                  :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.index.gwtjldug','序列号')"
+                  v-model="sn.value"
+                  :get-focus.sync="sn.focus"
+                  required
+                  :create-rule="$lwScanRule.create('拣选-混箱件-SN','SN')"
+                  rule-key="sn"
+                  @confirm="snConfirm"
+                />
+                <lw-scan-data-list-module
+                  class="lw-global-row"
+                  v-model="sn.list"
+                />
+              </template>
+              <lw-input
+                v-else
+                :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.rwiwdjks','数量')"
+                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.notAlone.cwcxalqk','确认') }}</lw-button>
+                </template>
+              </lw-input>
+
+
+
+              <lw-cut-card
+                v-model="taskIndex"
+                :length="pickData.pendingPickLineList.length"
+                :cut-start="cutStart"
+                :cut-end="cutEnd"
+              />
+
+            </div>
+
+          </van-tab>
+
+          <!-- 拣选明细行 -->
+          <van-tab
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.gzyjrunq','拣选明细行')"
+            name="wait"
+          >
+
+            <div
+              v-for="(i,k) in pickData.allLineList"
+              :key="k"
+              :class="[
+                'lw-global-model-box',
+                'lw-global-animation-out',
+                i.pickStatus !== '300' ? 'lw-global-click-style' : ''
+              ]"
+              :style="{
+                animationDelay: 50 * k + 'ms',
+                background: i.pickStatus === '300' ? '#ddd' : ''
+              }"
+              @click="allPickClick(i)"
+            >
+              <sku-location-info :item="i"/>
+            </div>
+
+
+          </van-tab>
+
+        </van-tabs>
+      </div>
+    </template>
+
+
+    <!-- 确认拆板下架弹框 -->
+    <split-put-down
+      v-model="splitPopup.show"
+      :item="splitPopup.data.splitDownData"
+      @splitConfirm="splitConfirm"
+      @closed="splitOff"
+    />
+
+
+    <!-- 切换容器号弹框弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.txptjnap','切换容器')"
+      v-model="container.popup.show"
+      @closed="container.popup.value=''"
+    >
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.dqarkhkg','新容器号')"
+        v-model="container.popup.value"
+        :get-focus.sync="container.popup.focus"
+        rule-key="cutContainer"
+        @confirm="containerConfirm"
+      />
+
+      <template #button>
+        <lw-button @click="containerConfirm">
+          {{ $lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.txptjnap','切换容器') }}
+        </lw-button>
+      </template>
+
+    </lw-popup>
+
+  </data-look-and-change>
+</template>
+
+<script>
+import dataLookAndChange from './../components/dataLookAndChange/index.vue'
+import skuLocationInfo from './../components/skuLocationInfo/index.vue'
+import splitPutDown from './../components/splitPutDown/index.vue'
+import {all} from "../mixin/all";
+import {aloneAndNotAlone} from "../mixin/aloneAndNotAlone";
+import {
+  projectQueryStandardPickData,
+  projectWmsOutboundPickCheckContainer,
+  projectWmsOutboundStandardPick
+} from "../../../../../api/outbound/pick/notAlone";
+import {projectWmsOutboundPickCheckSn} from "../../../../../api/outbound/pick/alone";
+
+export default {
+  name: "lwOutboundPickNotAloneActionPage",
+  components:{
+    dataLookAndChange,
+    skuLocationInfo,
+    splitPutDown
+  },
+  mixins:[all, aloneAndNotAlone],
+  computed:{
+    // 是否有lpn
+    hasLpn(){
+      return !this.nowPickData.fromCase && this.nowPickData.fromLpn
+    },
+
+    // 当前拣选数据
+    nowPickData(){
+      if (this.pickData.pendingPickLineList && this.pickData.pendingPickLineList.length){
+        return this.pickData.pendingPickLineList[this.taskIndex]
+      }
+      return {}
+    }
+  },
+  data() {
+    return {
+      // 是否显示底部操作栏
+      showBottomBar: false,
+
+      // 绑定的容器号
+      container: {
+        value:'',
+        focus: true,
+        confirm: false,
+        popup:{
+          value:'',
+          focus: false,
+          show: false
+        }
+      },
+
+      // 当前任务索引
+      taskIndex: 0,
+
+      // 拣选数据
+      pickData: {},
+
+      // tab激活项
+      tabActive:'ing',
+
+      // 拣选库位
+      locationCode:{
+        value:'',
+        focus: false
+      },
+
+      // 托盘号
+      lpn:{
+        value:'',
+        focus: false
+      },
+
+      // 箱号
+      box:{
+        value:'',
+        focus: false
+      },
+
+      // 商品
+      sku:{
+        value:'',
+        focus: false
+      },
+
+      // 当前扫描的商品
+      nowScan:{
+        value:''
+      },
+
+      // 序列号
+      sn:{
+        value:'',
+        focus: false,
+        list: []
+      },
+
+      // 商品数量
+      qty:{
+        value:'',
+        focus: false,
+        disabled: false
+      },
+
+      // 拆板下架弹出层
+      splitPopup:{
+        show: false,
+        // 后端返回的全部数据
+        data:{},
+      },
+
+      printData:{}
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    // 拣选容器按钮点击
+    containerBtnClick(){
+      if (this.container.confirm){
+        this.container.popup.show = true
+        this.container.popup.focus = true
+        return
+      }
+
+      this.containerConfirm()
+    },
+    // 绑定拣选容器号确认
+    containerConfirm(){
+
+      if (!this.containerCheck()) return
+
+      const container = this.container.confirm ? this.container.popup.value : this.container.value
+      projectWmsOutboundPickCheckContainer({
+        pickId: this.pickData.pickId,
+        pickNo: this.pickData.pickNo,
+        pickContainer: container
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.atjhrrvp','容器绑定成功')
+        )
+        this.container.popup.show = false
+        this.container.value = container
+        this.container.confirm = true
+      })
+    },
+    // 校验拣选容器号
+    containerCheck(){
+
+      // 根据是否已经绑定拣选容器让不同的输入框获取焦点
+      if (this.container.confirm){
+        if (this.container.popup.value) return true
+        this.container.popup.focus = true
+      }else {
+        if (this.container.value) return true
+        this.container.focus = true
+      }
+
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.jlnfibwb','拣选容器号不能为空')
+      )
+      return false
+    },
+
+    // 获取数据
+    getData(){
+      projectQueryStandardPickData({
+        pickId: this.$route.query.lwPickId
+      }).then(res=>{
+        this.pickData = this.formatData(res)
+        this.checkTaskIndex(this.pickData.pendingPickLineList.length)
+      }).catch(()=>history.go(-1))
+    },
+
+
+    // 拣选库位确认
+    locationCodeConfirm(){
+      if (this.locationCodeCheck()){
+        if (this.hasLpn){
+          this.lpn.focus = true
+        }else if (this.nowPickData.fromCase){
+          this.box.focus = true
+        }else {
+          this.sku.focus = true
+        }
+      }
+    },
+    // 检查拣选库位
+    locationCodeCheck(){
+
+      return this.inputCheck({
+        key: 'locationCode',
+        checkVal: this.nowPickData.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.nowPickData.fromCase) return true
+
+      return this.inputCheck({
+        key: 'box',
+        needCheck: false
+      })
+    },
+
+    // 商品确认
+    skuConfirm(val,{data}){
+
+      if (!this.skuCheck()) return
+
+      this.nowScan.value = this.sku.value
+
+      if (this.nowPickData.needHandleSn){
+        this.sn.focus = true
+      }else {
+        let newQty = 0
+        // 如果条码解析成功，并且能解析出数量就加法运算
+        if (data.qty){
+          newQty = data.qty
+        }
+
+        newQty = Number(this.nowPickData.uomQty)
+        this.qty.value = Number(this.qty.value || 0) + newQty
+
+        const waitQty = Number(this.nowPickData.totalQty || 0) - Number(this.nowPickData.pickQty || 0)
+        if (this.qty.value === waitQty){
+          this.pickConfirm()
+          return;
+        }
+
+        this.sku.value = ''
+        this.sku.focus = true
+      }
+    },
+    // 商品检查
+    skuCheck(){
+      return this.inputCheck({
+        key: 'sku',
+        checkVal: this.nowPickData.skuCode,
+      })
+    },
+
+    // 序列号确认
+    snConfirm(val,{data}){
+
+      if (!data.key) {
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.index.xazaxefu','序列号不能为空')
+        this.sn.focus = true
+        return
+      }
+
+      if (this.sn.list.some(item=>item.sn===data.key)){
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.index.sjmbdggh','当前序列号已存在扫描列表中')
+        this.sn.value = ''
+        this.sn.focus = true
+        return
+      }
+
+      const item = this.nowPickData
+      projectWmsOutboundPickCheckSn({
+        ownerId: item.ownerId,
+        skuId: item.skuId,
+        sn: data.key,
+        qty: data.qty || 0
+      }).then(res=>{
+        this.sn.list.unshift(res)
+        this.sn.focus = true
+        this.sn.value = ''
+
+        // 如果拣选量复核要求就自动提交
+        let qty = 0
+        this.sn.list.forEach(item=>{
+          qty = qty + item.qty
+        })
+        if (qty === (item.totalQty - item.pickQty)){
+          this.pickConfirm()
+        }
+      })
+    },
+
+    // 数量确认
+    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.notAlone.reczyytt','拣选数量不能为空，且应当是大于0的整数')
+        )
+        this.qty.value = ''
+        return false
+      }
+
+      const item = this.nowPickData
+      const uomQty = Number(item.uomQty || 0)
+
+      if (uomQty === 0){
+        console.warn(this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.jhatfwzc', '拣选最小单位数据异常，值为：'), uomQty)
+        return true
+      }
+
+      if (qty%item.uomQty !== 0){
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.qlwquwbn','拣选数量应当为') + item.uomLabel.top + this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.ectkxfbd','的倍数')
+        )
+        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.notAlone.priuzexu','拣选数量不能大于待拣量')
+        )
+        this.qty.value = ''
+        return false
+      }
+
+      return true
+    },
+
+    // 任务行切换前
+    cutStart(){
+      return this.checkInputVal(
+        ['locationCode', 'lpn', 'box', 'sku', 'qty','sn'],
+      )
+
+    },
+    // 任务行切换后
+    cutEnd(){
+      this.clearInputVal(
+        ['locationCode', 'lpn', 'box', 'sku', 'nowScan', 'qty', 'sn'],
+      )
+      this.locationCode.focus = true
+    },
+
+
+    // 确认拣选
+    async pickConfirm(){
+      const item = this.nowPickData
+
+      if (!(
+        this.locationCodeCheck() &&
+        this.lpnCheck() &&
+        this.boxCheck() &&
+        this.nowScan.value &&
+        (item.needHandleSn || this.qtyCheck())
+      )) return
+
+      let data = {}
+      if (item.needHandleSn){
+        let qty = 0
+        this.sn.list.forEach(item=>{
+          qty += Number(item.qty || 0)
+        })
+        data = {
+          currentPickQty: qty,
+          snList: this.sn.list
+        }
+      }else {
+        data = {
+          currentPickQty: this.qty.value,
+        }
+      }
+
+      const res = await projectWmsOutboundStandardPick({
+        pickId: this.pickData.pickId,
+        pickNo: this.pickData.pickNo,
+        fromLocationId: item.fromLocationId,
+        fromLpn: item.fromLpn,
+        fromCase: item.fromCase,
+        ownerId: item.ownerId,
+        skuId: item.skuId,
+        uom: item.uom,
+        uomQty: item.uomQty,
+        needHandleSn: item.needHandleSn,
+        allocationOrder: this.pickData.allocationOrder,
+        pickContainer: this.container.value,
+        lineGroupKey: item.lineGroupKey,
+        actualPickLpn: this.lpn.value,
+        actualPickCaseNum: this.box.value,
+        ...data
+      })
+
+      this.sn.list = []
+
+      // 判断是否需要打印箱票
+      if(res.needPrintBox){
+        try {
+          await this.$refs.dataLookAndChange.print(res)
+        }catch (e) {
+          console.warn('独立件打印箱票失败：', e)
+        }
+      }
+
+      this.splitPopup.data = res
+
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.components.page.outbound.pick.notAlone.bxmfgbup','拣选成功')
+      )
+
+      // 是否需要拆板下架
+      if(res.needSplitDown){
+        this.splitPopup.show = true
+        this.splitPopup.container.focus = true
+        return
+      }
+
+      this.splitOff()
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>