@logwire/logwire-wms-pda-ui 3.1.2 → 3.3.2

package/src/views/wms/page/outbound/bale/baleChange/skuCheck/index.vue

@@ -0,0 +1,351 @@
+<!--
+  捆包箱调整 - 追加复核
+  @author: 张文
+  @date: 2022-07-08
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.wnmtjlrr','捆包箱调整 - 复核')"/>
+
+    <div class="lw-global-page-box">
+
+      <div style="padding-top: 5px" class="lw-global-model-box">
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.dszvwcin','商品条码')"
+          v-model="sku.value"
+          :get-focus.sync="sku.focus"
+          auto-clear-val
+          rule-key="sku"
+          @confirm="skuConfirm"
+        />
+
+        <template v-if="Object.keys(skuInfo).length">
+          <lw-input
+            v-if="sn.show"
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.txybfxsk','序列号')"
+            v-model="sn.value"
+            :get-focus.sync="sn.focus"
+            rule-key="sn"
+            @confirm="snConfirm"
+          />
+
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.pokuhrxx','复核数量')"
+            v-model="qty.value"
+            :get-focus.sync="qty.focus"
+            type="digit"
+            :disabled="sn.show"
+            @confirm="qtyConfirm"
+          >
+
+            <template #button>
+
+              <lw-tag
+                v-if="sn.show"
+                round
+                plain
+                type="danger"
+              >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.jegcsbgc','不可修改') }}</lw-tag>
+
+              <lw-button
+                v-else
+                round
+                mini
+                @click="qtyConfirm"
+              >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.jpvtcsrv','确认复核') }}</lw-button>
+
+            </template>
+
+          </lw-input>
+
+          <lw-sku-info-module
+            :sku-code="skuInfo.skuCode"
+            :sku-name="skuInfo.skuName"
+            :show-right="false"
+            is-row
+          />
+
+          <div class="lw-global-flex-between lw-global-row-end">
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.gwporvoq','最小销售数')"
+              :value="skuInfo.minSellQty"
+              val-bold
+              val-red
+              :is-row="false"
+            />
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.tjtibend','数量')"
+              :value="skuInfo.waitQty"
+              val-bold
+              val-red
+              :is-row="false"
+            />
+
+          </div>
+        </template>
+
+      </div>
+
+      <div class="lw-global-title lw-global-row">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.plmgxjcw','商品信息') }}
+      </div>
+      <div
+        class="lw-global-model-box lw-global-animation-out"
+        v-for="(i,k) in pickData.packSkuList"
+        :key="k"
+        :style="{animationDelay: 50 * k +'ms'}"
+      >
+        <lw-sku-info-module
+          :sku-name="i.skuName"
+          :sku-code="i.skuCode"
+          :qty="i.totalQty"
+        />
+      </div>
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        plain
+        type="last"
+        @click="repeatScan"
+      >{{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.vjdkcgel','重新扫描') }}</lw-button>
+
+      <lw-button @click="confirmAdd">
+        {{ $lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.imdzsrku','完成追加') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+
+import {
+  projectWmsMIxPackScanQuery
+} from "../../../../../api/outbound/bale/checkBale/action";
+
+import {
+  projectWmsPackAdjustAddContainerCheck
+} from "../../../../../api/outbound/bale/baleChange/action";
+import {
+  projectWmsPackAdjustCheckSn,
+  projectWmsPackAdjustPackSku,
+  projectWmsPackAdjustPackSkuWithSn
+} from "../../../../../api/outbound/bale/baleChange/addCheck";
+
+export default {
+  name: "lwOutboundBaleChangeSkuCheckPage",
+  data() {
+    return {
+      // 拣选容器数据
+      pickData:{},
+
+      sku:{
+        value:'',
+        focus: true
+      },
+      sn:{
+        value:'',
+        focus: false,
+        show: false
+      },
+      qty:{
+        value:'',
+        focus: false
+      },
+
+      // 当前复核商品
+      skuInfo:{}
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    // 获取拣选数据
+    getData(){
+      const {lwBoxId, lwContainer} = this.$route.query
+      projectWmsPackAdjustAddContainerCheck({
+        boxId: lwBoxId,
+        addPickContainer: lwContainer
+      }).then(res=>{
+        this.pickData = res
+      }).catch(()=>{
+        history.go(-1)
+      })
+    },
+
+    // 清除数据
+    clearSkuInfo(){
+      this.sku.value = ''
+      this.sn.value = ''
+      this.qty.value = ''
+      this.skuInfo = {}
+      this.sku.focus = true
+    },
+    // 校验是否需要处理sn
+    checkNeedSn(data) {
+
+      if (this.skuInfo.needHandleSn){
+        this.sn.show = true
+        if (data.sn){
+          this.sn.value = data.sn
+          this.snConfirm(data.sn,{data})
+          return
+        }
+        this.sn.focus = true
+        return
+      }
+
+      this.sku.focus = true
+      this.qty.value = Number(this.qty.value || 0) + Number(data.qty || 0)
+    },
+    // 商品号确认
+    skuConfirm(val,{data}){
+
+      if (!data.key){
+        this.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.aysznfxy','商品号不能为空')
+        )
+        return
+      }
+
+      // 校验当前扫描的数据是否是商品号
+      const skuCode = data.skuCode || data.key
+      for (let i of this.pickData.packSkuList) {
+        if (i.skuCode === skuCode){
+          this.sn.show = false
+
+          if (Object.keys(this.skuInfo).length && data.skuCode !== skuCode){
+            this.sku.focus = ''
+            this.$lwShowErrorMsg(
+              this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.zxgbydeg','当前商品与上次扫描商品不一致')
+            )
+            return
+          }
+          this.skuInfo = i
+          this.checkNeedSn(data)
+          return
+        }
+      }
+
+      // 如果存在商品号就提示商品号错了
+      if (data.skuCode) {
+        this.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.kxsnoxmn','当前商品不在容器内')
+        )
+        return
+      }
+
+
+      projectWmsMIxPackScanQuery({
+        pickContainer: this.pickData.pickContainer,
+        boxId: this.$route.query.lwBoxId,
+        currentSkuId: this.skuInfo.skuId,
+        sn: data.key,
+        qty: data.qty
+      }).then(res=>{
+        this.skuInfo = res
+        this.checkNeedSn(res)
+      })
+
+    },
+    // 序列号确认
+    snConfirm(val,{data}){
+
+      if (!this.sn.value){
+        this.sn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.ndnwadki','序列号不能为空')
+        )
+        return
+      }
+
+      projectWmsPackAdjustCheckSn({
+        pickContainer: this.pickData.pickContainer,
+        skuId: this.skuInfo.skuId,
+        sn: this.sn.value,
+        qty: data.qty
+      }).then(res=>{
+        this.skuInfo = {
+          ...this.skuInfo,
+          ...res
+        }
+        this.qty.value = res.qty
+        this.qtyConfirm()
+      })
+
+
+    },
+    // 复核量确认
+    qtyConfirm(){
+
+      const qty = Number(this.qty.value || 0)
+
+      if (!qty){
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.gowmhnsk','复核数量不能为空，且应当是大于0的整数')
+        )
+        return
+      }
+
+      const fn = this.sn.show ? projectWmsPackAdjustPackSkuWithSn : projectWmsPackAdjustPackSku
+
+      fn({
+        boxId: this.$route.query.lwBoxId,
+        pickContainer: this.pickData.pickContainer,
+        skuId: this.skuInfo.skuId,
+        snList:[
+          {sn: this.sn.value, qty}
+        ],
+        currentPackQty: qty
+      }).then(res=>{
+
+        if (res.containerPackFinish){
+          this.$lwToast.success(
+            this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.caekmwki','容器已复核完毕')
+          )
+          history.go(-1)
+          return
+        }
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.emwqbzsc','复核成功')
+        )
+        this.pickData = res.packContainer
+        this.clearSkuInfo()
+      })
+
+
+    },
+
+    // 重新扫描
+    repeatScan(){
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.pdciywxe','提示'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.outbound.bale.baleChange.skuCheck.jcdsppwv','当前扫描数据将会被清空')
+      }).then(()=>{
+        this.clearSkuInfo()
+      }).catch(()=>{})
+    },
+    // 完成追加
+    confirmAdd(){
+      history.go(-1)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>