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

package/src/components/page/inbound/receive/receive-lpn/LwInboundReceiveLpnBatchExecutePage.vue

@@ -0,0 +1,386 @@
+<!--
+  按托盘直接收货
+  @author dhc
+  @date 2022-07-05
+-->
+<template>
+  <div>
+    <lw-nav-bar
+      :click-left="back"
+      :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.title', '整托批量收货')"
+    />
+    <div v-if="asn" class="lw-global-page-box">
+      <div>
+        <asn-info :data="asn" shrinkable radius/>
+      </div>
+
+      <div class="lw-global-model-box lpn-title">
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.gtjbahbq', '托盘号')"
+                  required v-model="lpn.value" :get-focus.sync="lpn.focus"
+                  @confirm="loadLpn"/>
+      </div>
+
+      <div class="lw-global-tab-box" style="margin-top: 10px">
+        <van-tabs animated v-model="tabActive" type="card">
+          <van-tab :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.tab.scan', '已扫描')">
+            <div v-if="scanLpnList && scanLpnList.length" class="lw-global-model-box">
+
+              <div class="lw-global-flex-between lpn-num">
+                <lw-title-value-cell
+                  style="color: red"
+                  :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.num.all','已扫描托盘')"
+                  :value="scanCount"
+                  val-bold
+                  val-red
+                  :is-row="false"
+                  val-size="16px"
+                />
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.num.receive','待扫描托盘')"
+                  :value="showReceiveLpnList.length"
+                  val-bold
+                  :is-row="false"
+                  val-size="16px"
+                />
+              </div>
+
+              <div class="lw-global-row" v-for="(i,k) in scanLpnList" :key="k">
+                <div class="lw-global-flex-between" >
+                  <lw-title-value-cell
+                    :value="i.lpn"
+                    val-bold
+                    :is-row="false"
+                  />
+                  <div class="delete-icon" @click="deleteLpn(i.lpn)">
+                    <img src="../../../../../assets/img/close_red.png" alt="">
+                  </div>
+                </div>
+              </div>
+
+            </div>
+            <lw-not-data v-else/>
+          </van-tab>
+
+          <van-tab :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.tab.receive', '待扫描')">
+            <div v-if="showReceiveLpnList && showReceiveLpnList.length" class="lw-global-model-box">
+
+              <div class="lw-global-flex-between lpn-num">
+                <lw-title-value-cell
+                  style="color: red"
+                  :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.num.all','已扫托盘')"
+                  :value="scanCount"
+                  val-bold
+                  val-red
+                  :is-row="false"
+                  val-size="16px"
+                />
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.num.receive','待扫托盘')"
+                  :value="showReceiveLpnList.length"
+                  val-bold
+                  :is-row="false"
+                  val-size="16px"
+                />
+              </div>
+
+              <div class="lw-global-row" v-for="(i,k) in showReceiveLpnList" :key="k">
+                <div class="lw-global-flex-between" >
+                  <lw-title-value-cell
+                    :value="i.lpn"
+                    val-bold
+                    :is-row="false"
+                  />
+                </div>
+              </div>
+
+            </div>
+            <lw-not-data v-else/>
+          </van-tab>
+
+          <van-tab :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.tab.all', '全部托盘')">
+            <div v-if="lpnList && lpnList.length" class="lw-global-model-box">
+
+              <div class="lw-global-flex-between lpn-num">
+                <lw-title-value-cell
+                  style="color: red"
+                  :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.num.receive','待扫托盘')"
+                  :value="showReceiveLpnList.length"
+                  val-bold
+                  val-red
+                  :is-row="false"
+                  val-size="16px"
+                />
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.null.all','托盘数')"
+                  :value="allCount"
+                  val-bold
+                  :is-row="false"
+                  val-size="16px"
+                />
+              </div>
+
+              <div class="lw-global-row" v-for="(i,k) in lpnList" :key="k">
+                <div class="lw-global-flex-between" >
+                  <lw-title-value-cell
+                    :value="i.lpn"
+                    val-bold
+                    :is-row="false"
+                  />
+
+                  <lw-title-value-cell
+                    :value="i.received?$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.tag.received','已收货'):$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.tag.no_receive','未收货')"
+                    :val-red="i.received"
+                    :is-row="false"
+                  />
+                </div>
+              </div>
+
+            </div>
+            <lw-not-data v-else/>
+          </van-tab>
+
+        </van-tabs>
+      </div>
+
+
+      <div
+        v-if="scanLpnList && scanLpnList.length"
+        class="lw-global-model-box"
+        style="margin-top: 10px;"
+      >
+        <lw-input v-model="receiveLoc.value" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.upggwlog', '收货库位')" required :get-focus.sync="receiveLoc.focus"/>
+      </div>
+
+    </div>
+    <lw-bottom-bar>
+      <lw-button plain @click="clearLpn">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.bjlqlkwc', '重新扫描托盘')}}</lw-button>
+      <lw-button v-if="isFast" @click="submitFast">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.btn.fast=', '确认收货')}}</lw-button>
+      <lw-button v-if="isAdvance" @click="submitAdvance">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.btn.advance', '确认预收货')}}</lw-button>
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import {
+  getInboundAsn,
+  getInboundAsnByAsnNo,
+  getInboundAsnLpn,
+  getInboundFoundAsnWholeLpnDetail,
+  submitAsnAdvanceReceiveForWholeLpnBatch,
+  submitAsnFastReceiveForWholeLpnBatch,
+} from '../../../../../api/inbound/receive'
+import AsnInfo from '../../components/AsnInfo.vue'
+
+export default {
+  name: 'LwInboundReceiveLpnExecutePage',
+  components: { AsnInfo },
+  data () {
+    return {
+      asn: null,
+      tabActive: 0,
+      lpn: {
+        value: '',
+        focus: true,
+      },
+      receiveLoc: {
+        value: '',
+        focus: false,
+      },
+      scanLpnList:[],
+      receiveLpnList:[],
+      lpnList:[],
+    }
+  },
+  computed: {
+    hasScanLpn(){
+      return this.scanLpnList && this.scanLpnList.length>0
+    },
+    isFast () {
+      return this.hasScanLpn && this.scanLpnList.every(i => i.fastReceive)
+    },
+    isAdvance() {
+      return this.hasScanLpn && this.scanLpnList.find(i => !i.fastReceive)
+    },
+    receiveType () {
+      return this.isAdvance ? this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.ccgqgcby', '预收货') : this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.nlptpini', '收货')
+    },
+    scanCount(){
+      return this.scanLpnList.length || 0
+    },
+    receiveCount(){
+      return this.receiveLpnList.length || 0
+    },
+    allCount(){
+      return this.lpnList.length || 0
+    },
+    showReceiveLpnList(){
+      if(this.receiveLpnList && this.receiveLpnList.length >0 && this.scanLpnList && this.scanLpnList.length>0){
+        return this.receiveLpnList.filter(ri=>this.scanLpnList.findIndex(si=>si.lpn===ri.lpn)<0) || []
+      }
+      return this.receiveLpnList || []
+    },
+  },
+  created () {
+    const { asnNo } = this.$route.query
+    if (!asnNo) {
+      return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.cvsrcnps', '未指定到货通知单号'))
+    }
+    this.loadAsn(asnNo)
+  },
+  methods: {
+    back(){
+      if(this.scanCount>0){
+        this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.tip.back.title','提示'),
+          message: this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.tip.back.content','有已扫描的托盘号未提交收货，是否返回？返回将清空当前扫描托盘数据')
+        }).then(()=>{
+          history.go(-1)
+        }).catch(()=>{})
+      }else{
+        history.go(-1)
+      }
+    },
+    loadAsn (asnNo) {
+      getInboundAsnByAsnNo(asnNo).then(res=>{
+        this.asn = res
+        this.loadAsnLpn()
+      })
+    },
+    loadAsnLpn(){
+      getInboundAsnLpn(this.asn.id).then(res=>{
+        this.receiveLpnList = res.receiveLpnList
+        this.lpnList = res.lpnList
+
+        this.lpn.value = null
+        this.lpn.focus = true
+      })
+    },
+    loadLpn(){
+      const lpn = this.lpn.value
+      if(!lpn){
+        this.lpn.value = null
+        this.lpn.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.error.lpn.null', '托盘号 不能为空'))
+      }
+
+      if(this.scanLpnList){
+        if(this.scanLpnList.find(i => i.lpn===lpn)){
+          this.lpn.value = null
+          this.lpn.focus = true
+          return this.$lwShowErrorMsg(lpn + this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.error.lpn.has.scan', '托盘已经在当前已扫描列表中，请检查'))
+        }
+        const i = this.lpnList.findIndex(i => i.lpn===lpn)
+        if(i>=0){
+          if(this.lpnList[i].received){
+            this.lpn.value = null
+            this.lpn.focus = true
+            return this.$lwShowErrorMsg(lpn + this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.error.lpn.received', '托盘已经完成收货，请检查'))
+          }
+        }else{
+          this.lpn.value = null
+          this.lpn.focus = true
+          return this.$lwShowErrorMsg(lpn + this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.error.lpn.no.data', '托盘不在该到货单中，请检查'))
+        }
+      }
+
+      getInboundFoundAsnWholeLpnDetail(this.asn.id, lpn).then(res=>{
+        if(null==this.scanLpnList){
+          this.scanLpnList = []
+        }
+        this.scanLpnList.push(res)
+        if (!this.receiveLoc.value){
+          this.receiveLoc.value = res.receiveLocationCode
+        }
+      }).finally(() => {
+        this.lpn.value = null
+        this.lpn.focus = true
+      })
+    },
+    clearLpn(){
+      this.tabActive = 0
+      this.scanLpnList = []
+      this.receiveLoc.value = null
+      this.receiveLoc.focus = false
+      this.lpn.value = null
+      this.lpn.focus = true
+    },
+    deleteLpn(item){
+      this.scanLpnList = this.scanLpnList.filter(i => i.lpn !== item)
+      if(!this.scanLpnList || this.scanLpnList.length===0){
+        this.receiveLoc.value = null
+        this.receiveLoc.focus = false
+        this.tabActive = 0
+      }
+      this.lpn.value = null
+      this.lpn.focus = true
+    },
+    submitFast(){
+      this.submit(submitAsnFastReceiveForWholeLpnBatch)
+    },
+    submitAdvance(){
+      this.submit(submitAsnAdvanceReceiveForWholeLpnBatch)
+    },
+    submit (method) {
+      if (!this.receiveLoc.value) {
+        this.receiveLoc.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.knzqokbr', '收货库位不能为空'))
+      }
+      if(!this.scanLpnList || this.scanLpnList.length===0){
+        this.lpn.value = null
+        this.lpn.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn_batch.error.no.scan.lpn', '未扫描托盘'))
+      }
+      const lpns = []
+      for (let i of this.scanLpnList) {
+        lpns.push(i.lpn)
+      }
+      const data = {
+        asnId: this.asn.id,
+        locationCode: this.receiveLoc.value,
+        printDeviceId: null,
+        printTemplate: null,
+        warehouseId: this.asn.warehouseId,
+        lpnList: lpns,
+      }
+      method(data).then(res => {
+        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.loozvytr', '操作成功'))
+        setTimeout(() => {
+          if (res.asn.finishReceiveTask) {
+            history.go(-1)
+          }
+        }, 1000)
+      }).finally(() => {
+        this.clearLpn()
+
+        getInboundAsn(this.asn.id).then(res=>{
+          this.asn = res
+          this.loadAsnLpn()
+        })
+      })
+    },
+  },
+}
+</script>
+
+
+<style lang="less" scoped>
+@import "../../../../../assets/css/var.less";
+
+.delete-icon{
+  >img{
+    width: 20px;
+    color: red;
+  }
+}
+
+.lpn-title{
+  margin-top: 10px;
+}
+
+.lpn-num{
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+
+</style>

package/src/components/page/inbound/receive/receive-lpn/LwInboundReceiveLpnExecutePage.vue

@@ -0,0 +1,216 @@
+<!--
+  按托盘直接收货
+  @author dhc
+  @date 2022-07-05
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.ecfopiep', '整托盘收货')"/>
+    <div v-if="asn && lpn" class="lw-global-page-box">
+      <div>
+        <asn-info :data="asn" shrinkable radius/>
+      </div>
+      <div class="lw-global-model-box lw-global-flex-between" style="margin-top: 10px;">
+        <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.ysdxwpxh', '托盘号：')}}<span>{{ lpn.lpn }}</span></div>
+        <div>{{ receiveType}}</div>
+      </div>
+      <template v-for="sku in lpn.skuList">
+        <div class="lw-global-model-box" :key="sku.id">
+          <asn-sku-info :data="sku">
+            <template #extend>
+              <div style="margin: 10px 0;">
+                <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.kfxdmeud', '数量')}}<b style="color: red; font-size: 1.1em;">{{' ' + sku.qty}}</b></div>
+                <div>
+                  <lw-button color="orange" @click="showAbnormalPop(sku)">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.djlflewv', '收货异常')}}</lw-button>
+                </div>
+              </div>
+            </template>
+          </asn-sku-info>
+          <lw-lot-module :ref="'lot_' + sku.sku.code" :query="sku.lotQuery"/>
+        </div>
+      </template>
+      <div class="lw-global-model-box">
+        <lw-input v-model="receiveLoc.value" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.upggwlog', '收货库位')" required :get-focus.sync="receiveLoc.focus"/>
+      </div>
+    </div>
+    <lw-bottom-bar>
+      <lw-button plain @click="$router.back()">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.bjlqlkwc', '重新扫描托盘')}}</lw-button>
+      <lw-button @click="submit">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.sqtwdzvr', '确认')}}{{receiveType}}</lw-button>
+    </lw-bottom-bar>
+    <!-- 异常弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.wplairac', '收货异常')"
+      class="abnormal-popup-bg"
+      v-model="showAbnormal">
+
+      <lw-receive-abnormal-module
+        v-if="currentLpnSku"
+        ref="abnormal"
+        :multiple="false"
+        :sku-disabled="true"
+        :show-bottom-bar="false"
+        :original-lpn="false"
+        :original-case-num="false"
+        :asn-no="asn.asnNo"
+        :sku-code="currentLpnSku.sku.code"
+        :qty="currentLpnSku.qty"
+      />
+
+      <template #button>
+        <lw-button @click="submitAbnormal">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.uflbeeli', '上报异常')}}</lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+import {
+  getInboundAsn,
+  getInboundFoundAsnWholeLpnDetail,
+  submitAsnAbnormalReceive,
+  submitAsnAdvanceReceiveForWholeLpn,
+  submitAsnFastReceiveForWholeLpn,
+} from '../../../../../api/inbound/receive'
+import AsnInfo from '../../components/AsnInfo.vue'
+import AsnSkuInfo from '../../components/AsnSkuInfo.vue'
+
+export default {
+  name: 'LwInboundReceiveLpnExecutePage',
+  components: { AsnSkuInfo, AsnInfo },
+  data () {
+    return {
+      asn: null,
+      lpn: null,
+      skus: [],
+      currentLpnSku: null,
+      receiveLoc: {
+        value: '',
+        focus: false,
+      },
+      showAbnormal: false,
+    }
+  },
+  computed: {
+    isAdvance () {
+      return this.lpn && this.lpn.skuList && this.lpn.skuList.find(i => i.sku.new || ['100', '200'].includes(i.sku.qualityType))
+    },
+    receiveType () {
+      return this.isAdvance ? this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.ccgqgcby', '预收货') : this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.nlptpini', '收货')
+    }
+  },
+  created () {
+    const { asnId, lpn } = this.$route.query
+    if (!asnId) {
+      return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.gyjyarvh', '错误的到货通知单号'))
+    }
+    if (!lpn) {
+      return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.rfvxusyx', '错误的托盘号'))
+    }
+    this.loadAsnAndLpn(asnId, lpn)
+  },
+  methods: {
+    loadAsnAndLpn (asnId, lpn) {
+      Promise.all([getInboundAsn(asnId), getInboundFoundAsnWholeLpnDetail(asnId, lpn)]).then(([asn, lpn]) => {
+        if (!lpn.skuList) {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.qhdrzejd', '没有可用的商品信息'))
+        }
+        for (let sku of lpn.skuList) {
+          sku.lotEl = 'lot_' + sku.sku.code
+          sku.lotQuery = {
+            warehouseId: asn.warehouseId,
+            ownerId: sku.ownerId,
+            skuId: sku.id,
+            type: 1,
+            lotType: 'inventory',
+            header: asn.map,
+            line: sku.map,
+          }
+        }
+        this.asn = asn
+        this.lpn = lpn
+        this.receiveLoc.value = lpn.receiveLocationCode || ''
+      }).catch(e => {
+        console.log(e)
+        this.$router.back()
+      })
+    },
+    showAbnormalPop (lpnSku) {
+      const lotData = this.$refs[lpnSku.lotEl][0].getData()
+      if (lotData.success) {
+        this.currentLpnSku = lpnSku
+        this.showAbnormal = true
+      }
+    },
+    submit () {
+      if (!this.receiveLoc.value) {
+        this.receiveLoc.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.knzqokbr', '收货库位不能为空'))
+      }
+      const items = []
+      for (let i of this.lpn.skuList) {
+        const lotData = this.$refs[i.lotEl][0].getData()
+        if (!lotData.success) {
+          return
+        }
+        items.push({
+          skuId: i.sku.id,
+          lotAttributes: lotData.data
+        })
+      }
+      const data = {
+        asnId: this.asn.id,
+        lpn: this.lpn.lpn,
+        locationCode: this.receiveLoc.value,
+        printDeviceId: null,
+        printTemplate: null,
+        warehouseId: this.asn.warehouseId,
+        lines: items,
+      }
+      const method = this.isAdvance ? submitAsnAdvanceReceiveForWholeLpn : submitAsnFastReceiveForWholeLpn
+      method(data).then(res => {
+        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.loozvytr', '操作成功'))
+        setTimeout(() => {
+          if (res.asn.finishReceiveTask) {
+            history.go(-2)
+          } else {
+            this.$router.back()
+          }
+        }, 1000)
+      })
+    },
+    submitAbnormal () {
+      const { success, data } = this.$refs.abnormal.getAllAbnormalData()
+      if (!success) return
+
+      submitAsnAbnormalReceive({
+        asnId: this.asn.id,
+        ownerId: this.asn.ownerId,
+        abnType: data.abnType,
+        abnSubType: data.abnSubType,
+        order: data.order,
+        lines: [
+          {
+            ...data.lines[0],
+            originalLpn: this.lpn.lpn,
+          }
+        ],
+      }).then(() => {
+        this.showAbnormal = false
+        this.currentLpnSku = null
+        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.vkccwkba', '异常上报成功'))
+        this.loadAsnAndLpn(this.asn.id, this.lpn.lpn)
+      })
+    }
+  },
+}
+</script>
+
+
+<style lang="less" scoped>
+@import "../../../../../assets/css/var.less";
+
+.abnormal-popup-bg {
+  background: @pageColor;
+}
+
+</style>

package/src/components/page/inbound/receive/receive-lpn/LwInboundReceiveLpnScanPage.vue

@@ -0,0 +1,80 @@
+<!--
+  按托盘收货扫描
+  @author dhc
+  @date 2022-07-05
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.nzojtbvz', '整托盘收货')"/>
+    <div v-if="asn">
+      <div class="lw-global-page-box">
+        <div>
+          <asn-info :data="asn"/>
+        </div>
+      </div>
+      <div class="lw-global-page-box">
+        <div class="lw-global-model-box">
+          <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.gtjbahbq', '托盘号')" required v-model="lpn.value" :get-focus.sync="lpn.focus" @confirm="toReceive"/>
+        </div>
+      </div>
+    </div>
+    <div v-else>
+      <lw-not-data/>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getInboundAsnByAsnNo } from '../../../../../api/inbound/receive'
+import AsnInfo from '../../components/AsnInfo.vue'
+
+export default {
+  name: 'LwInboundReceiveLpnScanPage',
+  components: { AsnInfo },
+  data () {
+    return {
+      asn: null,
+      lpn: {
+        value: '',
+        focus: true,
+      },
+      asnSku: null,
+    }
+  },
+  created () {
+    const asnNo = this.$route.query.asnNo
+    if (!asnNo) {
+      return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.cvsrcnps', '未指定到货通知单号'))
+    }
+    this.getAsnByAsnNo(asnNo)
+  },
+  methods: {
+    getAsnByAsnNo (asnNo) {
+      getInboundAsnByAsnNo(asnNo).then(data => {
+        if (data) {
+          this.asn = data
+          return
+        }
+        this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_lpn.guprzeir', '错误的到货通知单号'))
+      })
+    },
+    toReceive () {
+      if (!this.asn) {
+        return
+      }
+      if (this.lpn.value) {
+        this.$router.push({
+          path: '/inbound/receive/lpn/execute',
+          query: { asnId: this.asn.id, asnNo: this.asn.asnNo, lpn: this.lpn.value },
+        })
+      } else {
+        this.lpn.focus = true
+      }
+    },
+  },
+}
+</script>
+
+<style scoped>
+
+</style>