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

package/src/components/page/inbound/receive/receive-sku/LwInboundReceiveSkuDirectPage.vue

@@ -1,424 +1,467 @@
-<!--
-  按商品直接收货（快收）
-  @author dhc
-  @date 2022-06-30
--->
-<template>
-  <div>
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vthvurhw', '收货')"/>
-    <div v-if="asn" class="lw-global-page-box">
-      <div>
-        <asn-info :data="asn" :radius="false"/>
-        <asn-sku-info :data="asnSku" type="bottom"/>
-      </div>
-      <div v-if="asnSku && asnSku.sku.needSn">
-        <div class="lw-global-model-box" style="margin-top: 10px;">
-          <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.raqaebfl', '序列号条码')" required v-model="sn.value" :get-focus.sync="sn.focus"
-                    rule-key="sn" :rule-serve-query="barcodeQuery" @confirm="addSn"/>
-        </div>
-        <div class="lw-global-model-box tag-list">
-          <div class="tag-list-title">
-            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.rqlniedq', '当前扫描结果')}}</div>
-            <div>SN <span>{{ sns.length }}</span></div>
-            <div style="display: flex; justify-content: center;">
-              <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.nzrqhgpp', '数量')}}<span>{{ ' ' + snsQty }}</span></div>
-              <div style="margin-left: 10px;">
-                <lw-button mini @click="showSns=true">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.fpvapcbu', '全部')}}</lw-button>
-              </div>
-            </div>
-          </div>
-          <div class="tag-list-head">
-            <div>SN</div>
-            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.ynvvcidw', '数量')}}</div>
-            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.kyafpgqz', '操作')}}</div>
-          </div>
-          <div class="tag-list-row" v-for="t in sns" :key="t.sn">
-            <div>{{ t.sn }}</div>
-            <div>{{ t.qty }}</div>
-            <div>
-              <lw-button mini @click="removeSn(t)">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.upanrgfq', '剔除')}}</lw-button>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div v-else>
-        <div class="lw-global-model-box" style="margin-top: 10px;">
-          <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.nqqatsxg', '商品收货条码')" required v-model="tag"
-                    rule-key="skuReceive" :rule-serve-query="barcodeQuery" @confirm="addTag"/>
-        </div>
-        <div class="lw-global-model-box tag-list">
-          <div class="tag-list-title">
-            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.rtgvicxr', '当前扫描结果')}}</div>
-            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.dvgxukiw', '标签 ')}}<span>{{ tags.length }}</span></div>
-            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.jhdwriwc', '数量 ')}}<span>{{ tagsQty }}</span></div>
-          </div>
-          <div class="tag-list-head">
-            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.iityeemn', '标签/箱号')}}</div>
-            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.mfhljspg', '数量')}}</div>
-            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.ghqqzkeg', '确认数量')}}</div>
-          </div>
-          <div class="tag-list-row" v-for="t in tags" :key="t.code">
-            <div>{{ t.code }}</div>
-            <div>{{ t.qty }}</div>
-            <div>
-              <lw-input required v-model="t.confirmQty" :get-focus.sync="tagFocus[t.code]" :placeholder="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.pgnkdque', '请确认数量')"/>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div v-if="lotQuery" class="lw-global-model-box" style="margin-top: 10px;">
-        <lw-lot-module ref="lotEl" :query="lotQuery"/>
-      </div>
-      <div class="lw-global-model-box" style="margin-top: 10px;">
-        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.mfygoqmw', '收货库位')" required v-model="receiveLoc.value" :get-focus.sync="receiveLoc.focus"/>
-        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.kjwvyrqq', '收货托盘')" required v-model="receiveLpn.value" :get-focus.sync="receiveLpn.focus"/>
-      </div>
-    </div>
-    <lw-bottom-bar>
-      <lw-button type="danger" @click="showAbnormalPop">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.bnoowiod', '收货异常')}}</lw-button>
-      <lw-button plain @click="$router.back()">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.cqqdewnc', '重新扫描')}}</lw-button>
-      <lw-button @click="submit">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.jholvdiu', '确认收货')}}</lw-button>
-    </lw-bottom-bar>
-
-    <van-dialog v-model="showSns" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.locnnmlk', '当前扫描的SN列表')">
-      <div class="lw-global-page-box">
-        <div class="lw-global-model-box">
-          <sns-list :sns="sns" @remove="removeSn"/>
-        </div>
-      </div>
-    </van-dialog>
-    <lw-popup v-model="showSubmit" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.qqxkfpov', '确认收货')" :show-off-btn="false">
-      <asn-sku-info :data="asnSku"/>
-      <div class="lw-global-sh"></div>
-      <div>
-        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.tpanqila', '收货量')" required v-model="submitQty"/>
-      </div>
-      <template #button>
-        <lw-button plain @click="showSubmit = false">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.jlmkllmv', '取消')}}</lw-button>
-        <lw-button @click="doSubmit">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vtamdwrt', '确认收货')}}</lw-button>
-      </template>
-    </lw-popup>
-    <!-- 异常弹框 -->
-    <lw-popup
-        :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.tifrlevk', '收货异常')"
-        class="abnormal-popup-bg"
-        v-model="showAbnormal">
-
-      <lw-receive-abnormal-module
-        v-if="showAbnormal"
-        ref="abnormal"
-        :multiple="false"
-        :sku-disabled="true"
-        :show-bottom-bar="false"
-        :asn-no="asn.asnNo"
-        :sku-code="asnSku.sku.code"
-        :qty="asn.pendingQty"
-      />
-
-      <template #button>
-        <lw-button @click="submitAbnormal">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.leohtzpw', '上报异常')}}</lw-button>
-      </template>
-    </lw-popup>
-  </div>
-</template>
-
-<script>
-import {
-  getAsnSkuDetailBySkuCode,
-  getAsnSkuSnDetail,
-  getInboundAsnByAsnNo, submitAsnAbnormalReceive,
-  submitAsnFastReceiveForSku,
-  submitAsnFastReceiveForSkuSn
-} from '../../../../../api/inbound/receive'
-import AsnInfo from '../../components/AsnInfo.vue'
-import AsnSkuInfo from '../../components/AsnSkuInfo.vue'
-import SnsList from '../../components/SnsList.vue'
-import {scanUtils} from '../../util/InboundUtils'
-
-export default {
-  name: 'LwInboundReceiveSkuDirectPage',
-  components: { SnsList, AsnSkuInfo, AsnInfo },
-  data () {
-    return {
-      asn: null,
-      asnSku: null,
-      tag: '',
-      tags: [{
-        code: '#',
-        qty: 0,
-        confirmQty: 0,
-      }],
-      tagFocus: {
-        '#': false,
-      },
-      sn: {
-        value: '',
-        focus: false,
-      },
-      sns: [],
-      showSns: false,
-      receiveLoc: {
-        value: '',
-        focus: false,
-      },
-      receiveLpn: {
-        value: '',
-        focus: false,
-      },
-      showSubmit: false,
-      lotQuery: null,
-      submitQty: 0,
-      lotData: null,
-      showAbnormal: false,
-    }
-  },
-  computed: {
-    tagsQty () {
-      return this.tags.map(i => parseInt(i.confirmQty)).reduce((a, b) => a + b, 0)
-    },
-    snsQty () {
-      return this.sns.map(i => parseInt(i.qty)).reduce((a, b) => a + b, 0)
-    },
-    barcodeQuery () {
-      return {
-        ownerId: this.asn.ownerId,
-        warehouseId: this.asn.warehouseId,
-      }
-    },
-  },
-  created () {
-    const { asnNo, skuCode } = this.$route.query
-    if (!asnNo || !skuCode) {
-      return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.uecsvjpd', '错误的到货通知单或商品'))
-    }
-    this.loadAsnAndSku(asnNo, skuCode)
-  },
-  methods: {
-    loadAsnAndSku (asnNo, skuCode) {
-      getInboundAsnByAsnNo(asnNo).then(data => {
-        if (data) {
-          this.asn = data
-          getAsnSkuDetailBySkuCode(this.asn.id, skuCode).then(res => {
-            this.asnSku = res
-            this.lotQuery = {
-              warehouseId: this.asn.warehouseId,
-              ownerId: this.asnSku.ownerId,
-              skuId: this.asnSku.sku.id,
-              type: 1,
-              lotType: 'inventory',
-              header: this.asn.map,
-              line: this.asnSku.map,
-            }
-            if(!this.receiveLoc.value){
-              this.receiveLoc.value = res.receiveLocationCode
-            }
-          })
-        } else {
-          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.nhqwabhf', '错误的到货通知单'))
-        }
-      })
-    },
-    addTag (sku, res) {
-      const skuCode = res.bizType === 'SKU' ? res.data.key : sku
-      if (!skuCode) {
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.edvsrebn', '错误的商品预收货条码'))
-      }
-      if (skuCode !== this.asnSku.sku.code) {
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.wlxehqom', '错误的商品'))
-      }
-      const qty = res.data && parseInt(res.data.qty) || 0
-      const tag = res.data && res.data.tag || '#'
-      const otag = this.tags.find(i => i.code === tag)
-      if (otag) {
-        if (otag.code !== '#') {
-          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.qadqqgzv', '重复箱号'))
-        }
-        this.tagFocus[tag] = true
-        otag.qty = otag.qty + qty
-        otag.confirmQty = otag.confirmQty + qty
-      } else {
-        this.tagFocus[tag] = true
-        this.tags.unshift({
-          code: tag,
-          qty,
-          confirmQty: qty,
-        })
-      }
-      this.tag = ''
-    },
-    addSn (sn, res) {
-      const scanData = scanUtils.getScanSnData(sn, res)
-      if(!scanData.success){
-        this.sn.focus = true
-        return
-      }
-
-      const osn = this.sns.find(i => i.sn === scanData.sn)
-      if (osn) {
-        this.sn.focus = true
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.lxcdmkkd', '重复的序列号'))
-      }
-
-      if (scanData.skuCode && scanData.skuCode !== this.asnSku.sku.code) {
-        this.sn.focus = true
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.sku.no.same', '商品编码：{sku} 与当前商品：{currentSku} 不符',{sku:scanData.skuCode,currentSku:this.asnSku.sku.code}))
-      }
-      const qty = scanData.qty || 1
-      getAsnSkuSnDetail(this.asn.id, this.asnSku.sku.id, scanData.sn, qty).then(data => {
-        if (data && data.sn) {
-          this.sns.unshift({
-            sn: data.sn,
-            qty: data.qty || 1
-          })
-          this.sn.value = ''
-        } else {
-          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.zschuybj', '错误的序列号'))
-        }
-      })
-    },
-    removeSn (sn) {
-      const idx = this.sns.indexOf(sn)
-      if (idx > -1) {
-        this.sns.splice(idx, 1)
-      }
-    },
-    async submit () {
-      this.submitQty = this.asnSku.sku.needSn ? this.snsQty : this.tagsQty
-      if (this.submitQty <= 0) {
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.utgdeatd', '收货数量必须大于0'))
-      }
-      const lotData = await this.$refs.lotEl.getData()
-      if (!lotData.success) {
-        return
-      }
-      if (!this.receiveLoc.value) {
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.bhtjbfci', '收货库位不能为空'))
-      }
-      if (!this.receiveLpn.value) {
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.sdjhrqte', '收货托盘不能为空'))
-      }
-      this.lotData = lotData.data
-      this.showSubmit = true
-    },
-    doSubmit () {
-      const data = {
-        warehouseId: this.asn.warehouseId,
-        asnId: this.asn.id,
-        skuId: this.asnSku.sku.id,
-        locationCode: this.receiveLoc.value,
-        lpn: this.receiveLpn.value,
-        qty: this.submitQty,
-        lotAttributes: this.lotData,
-      }
-      if (data.qty <= 0) {
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.utgdeatd', '收货数量必须大于0'))
-      }
-      if (this.asnSku.sku.needSn) {
-        data.snList = this.sns
-        submitAsnFastReceiveForSkuSn(data).then(this.afterSubmit)
-      } else {
-        data.boxList = this.tags.map(i => ({ box: i.code, qty: i.confirmQty }))
-        submitAsnFastReceiveForSku(data).then(this.afterSubmit)
-      }
-    },
-    afterSubmit (res) {
-      this.asn = res.asn
-      this.sn.value = ''
-      this.tag = ''
-      this.sns = []
-      this.tags = []
-      this.showSubmit = false
-    },
-    showAbnormalPop () {
-      const lotData = this.$refs.lotEl.getData()
-      if (lotData.success) {
-        this.showAbnormal = true
-      }
-    },
-    submitAbnormal () {
-      const {success, data} = this.$refs.abnormal.getAllAbnormalData()
-      if (!success) return
-
-      const lotData = this.$refs.lotEl.getData()
-      if (!lotData.success) {
-        return
-      }
-
-      submitAsnAbnormalReceive({
-        asnId: this.asn.id,
-        ownerId: this.asn.ownerId,
-        abnType: data.abnType,
-        abnSubType: data.abnSubType,
-        order: data.order,
-        lines: data.lines,
-      }).then(() => {
-        this.showAbnormal = false
-        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.rsfwmbhn', '异常上报成功'))
-        getInboundAsnByAsnNo(this.asn.asnNo).then(res => this.asn = res)
-      })
-    }
-  },
-}
-</script>
-
-<style lang="less" scoped>
-
-@import "../../../../../assets/css/var.less";
-
-.abnormal-popup-bg {
-  background: @pageColor;
-}
-
-.tag-list {
-  margin-top: 10px;
-
-  &.dialog {
-    max-height: 50vh;
-    overflow-y: auto;
-  }
-
-  & > div {
-    display: flex;
-    align-items: center;
-
-    & > div:first-child {
-      flex-basis: 40%;
-    }
-
-    & > div:nth-child(2) {
-      flex-basis: 20%;
-      text-align: center;
-    }
-
-    & > div:last-child {
-      flex-basis: 40%;
-      text-align: center;
-    }
-  }
-
-  &-title {
-    background: #f45858;
-    color: white;
-    margin: -10px -10px 0;
-    padding: 8px;
-    border-radius: 8px 8px 0 0;
-
-    span {
-      color: yellow;
-      font-weight: bold;
-    }
-  }
-
-  &-head {
-    font-size: 0.9em;
-    color: gray;
-    padding: 5px 0;
-  }
-
-  &-row {
-    font-size: 0.9em;
-    height: 36px;
-    border-top: 1px solid lightgray;
-  }
-}
-</style>
+<!--
+  按商品直接收货（快收）
+  @author dhc
+  @date 2022-06-30
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vthvurhw', '收货')"/>
+    <div v-if="asn" class="lw-global-page-box">
+      <div>
+        <asn-info :data="asn" :radius="false"/>
+        <asn-sku-info
+          :data="asnSku"
+          type="bottom"
+          show-print
+          @printClick="printClick"
+        />
+
+        <quality-card v-if="asnSku && asnSku.sku"
+                      type="asn" :obj-id="asn.id" :skuCode="asnSku.sku.code"
+                      :delay-load="false" :card-mode="true"/>
+      </div>
+      <div v-if="asnSku && asnSku.sku.needSn">
+        <div class="lw-global-model-box" style="margin-top: 10px;">
+          <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.raqaebfl', '序列号条码')" required v-model="sn.value" :get-focus.sync="sn.focus"
+                    rule-key="sn" :rule-serve-query="barcodeQuery" @confirm="addSn"/>
+        </div>
+        <div class="lw-global-model-box tag-list">
+          <div class="tag-list-title">
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.rqlniedq', '当前扫描结果')}}</div>
+            <div>SN <span>{{ sns.length }}</span></div>
+            <div style="display: flex; justify-content: center;">
+              <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.nzrqhgpp', '数量')}}<span>{{ ' ' + snsQty }}</span></div>
+              <div style="margin-left: 10px;">
+                <lw-button mini @click="showSns=true">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.fpvapcbu', '全部')}}</lw-button>
+              </div>
+            </div>
+          </div>
+          <div class="tag-list-head">
+            <div>SN</div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.ynvvcidw', '数量')}}</div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.kyafpgqz', '操作')}}</div>
+          </div>
+          <div class="tag-list-row" v-for="t in sns" :key="t.sn">
+            <div>{{ t.sn }}</div>
+            <div>{{ t.qty }}</div>
+            <div>
+              <lw-button mini @click="removeSn(t)">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.upanrgfq', '剔除')}}</lw-button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-else>
+        <div class="lw-global-model-box" style="margin-top: 10px;">
+          <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.nqqatsxg', '商品收货条码')" required v-model="tag"
+                    rule-key="skuReceive" :rule-serve-query="barcodeQuery" @confirm="addTag"/>
+        </div>
+        <div class="lw-global-model-box tag-list">
+          <div class="tag-list-title">
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.rtgvicxr', '当前扫描结果')}}</div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.dvgxukiw', '标签 ')}}<span>{{ tags.length }}</span></div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.jhdwriwc', '数量 ')}}<span>{{ tagsQty }}</span></div>
+          </div>
+          <div class="tag-list-head">
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.iityeemn', '标签/箱号')}}</div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.mfhljspg', '数量')}}</div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.ghqqzkeg', '确认数量')}}</div>
+          </div>
+          <div class="tag-list-row" v-for="t in tags" :key="t.code">
+            <div>{{ t.code }}</div>
+            <div>{{ t.qty }}</div>
+            <div>
+              <lw-input required v-model="t.confirmQty" :get-focus.sync="tagFocus[t.code]" :placeholder="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.pgnkdque', '请确认数量')"/>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-if="lotQuery" class="lw-global-model-box" style="margin-top: 10px;">
+        <lw-lot-module ref="lotEl" :query="lotQuery"/>
+      </div>
+      <div class="lw-global-model-box" style="margin-top: 10px;">
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.mfygoqmw', '收货库位')" required v-model="receiveLoc.value" :get-focus.sync="receiveLoc.focus"/>
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.kjwvyrqq', '收货托盘')" required v-model="receiveLpn.value" :get-focus.sync="receiveLpn.focus"/>
+      </div>
+    </div>
+    <lw-bottom-bar>
+      <lw-button type="danger" @click="showAbnormalPop">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.bnoowiod', '收货异常')}}</lw-button>
+      <lw-button plain @click="$router.back()">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.cqqdewnc', '重新扫描')}}</lw-button>
+      <lw-button @click="submit">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.jholvdiu', '确认收货')}}</lw-button>
+    </lw-bottom-bar>
+
+    <van-dialog v-model="showSns" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.locnnmlk', '当前扫描的SN列表')">
+      <div class="lw-global-page-box">
+        <div class="lw-global-model-box">
+          <sns-list :sns="sns" @remove="removeSn"/>
+        </div>
+      </div>
+    </van-dialog>
+    <lw-popup v-model="showSubmit" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.qqxkfpov', '确认收货')" :show-off-btn="false">
+      <asn-sku-info :data="asnSku"/>
+      <div class="lw-global-sh"></div>
+      <div>
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.tpanqila', '收货量')" :disabled="asnSku && asnSku.sku.needSn" required v-model="submitQty"/>
+      </div>
+      <template #button>
+        <lw-button plain @click="showSubmit = false">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.jlmkllmv', '取消')}}</lw-button>
+        <lw-button @click="doSubmit">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vtamdwrt', '确认收货')}}</lw-button>
+      </template>
+    </lw-popup>
+    <!-- 异常弹框 -->
+    <lw-popup
+        :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.tifrlevk', '收货异常')"
+        class="abnormal-popup-bg"
+        v-model="showAbnormal">
+
+      <lw-receive-abnormal-module
+        v-if="showAbnormal"
+        ref="abnormal"
+        :multiple="false"
+        :sku-disabled="true"
+        :show-bottom-bar="false"
+        :asn-no="asn.asnNo"
+        :sku-code="asnSku.sku.code"
+        :qty="asn.pendingQty"
+      />
+
+      <template #button>
+        <lw-button @click="submitAbnormal">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.leohtzpw', '上报异常')}}</lw-button>
+      </template>
+    </lw-popup>
+
+
+    <!-- 补码弹框 -->
+    <print-label-popup
+      v-if="asn && asnSku"
+      v-model="printPopupShow"
+      :asn-id="asn.id"
+      :sku-id="asnSku.sku.id"
+      :print-data="printData"
+    />
+
+  </div>
+</template>
+
+<script>
+import {
+  getAsnSkuDetailBySkuCode,
+  getAsnSkuSnDetail,
+  getInboundAsnByAsnNo, submitAsnAbnormalReceive,
+  submitAsnFastReceiveForSku,
+  submitAsnFastReceiveForSkuSn
+} from '../../../../../api/inbound/receive'
+import AsnInfo from '../../components/AsnInfo.vue'
+import AsnSkuInfo from '../../components/AsnSkuInfo.vue'
+import SnsList from '../../components/SnsList.vue'
+import QualityCard from '../../components/QualityCard.vue'
+import {scanUtils} from '../../util/InboundUtils'
+import printLabelPopup from "../../components/printLabelPopup.vue";
+
+export default {
+  name: 'LwInboundReceiveSkuDirectPage',
+  components: { SnsList, AsnSkuInfo, AsnInfo,QualityCard, printLabelPopup },
+  data () {
+    return {
+      asn: null,
+      asnSku: null,
+      tag: '',
+      tags: [{
+        code: '#',
+        qty: 0,
+        confirmQty: 0,
+      }],
+      tagFocus: {
+        '#': false,
+      },
+      sn: {
+        value: '',
+        focus: false,
+      },
+      sns: [],
+      showSns: false,
+      receiveLoc: {
+        value: '',
+        focus: false,
+      },
+      receiveLpn: {
+        value: '',
+        focus: false,
+      },
+      showSubmit: false,
+      lotQuery: null,
+      submitQty: 0,
+      lotData: null,
+      showAbnormal: false,
+
+      printPopupShow:false,
+      printData:{}
+    }
+  },
+  computed: {
+    tagsQty () {
+      return this.tags.map(i => parseInt(i.confirmQty)).reduce((a, b) => a + b, 0)
+    },
+    snsQty () {
+      return this.sns.map(i => parseInt(i.qty)).reduce((a, b) => a + b, 0)
+    },
+    barcodeQuery () {
+      return {
+        ownerId: this.asn.ownerId,
+        warehouseId: this.asn.warehouseId,
+      }
+    },
+  },
+  created () {
+    const { asnNo, skuCode } = this.$route.query
+    if (!asnNo || !skuCode) {
+      return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.uecsvjpd', '错误的到货通知单或商品'))
+    }
+    this.loadAsnAndSku(asnNo, skuCode)
+  },
+  methods: {
+    loadAsnAndSku (asnNo, skuCode) {
+      getInboundAsnByAsnNo(asnNo).then(data => {
+        if (data) {
+          this.asn = data
+          getAsnSkuDetailBySkuCode(this.asn.id, skuCode).then(res => {
+            this.asnSku = res
+            this.lotQuery = {
+              warehouseId: this.asn.warehouseId,
+              ownerId: this.asnSku.ownerId,
+              skuId: this.asnSku.sku.id,
+              type: 1,
+              lotType: 'inventory',
+              header: this.asn.map,
+              line: this.asnSku.map,
+            }
+            if(!this.receiveLoc.value){
+              this.receiveLoc.value = res.receiveLocationCode
+            }
+          })
+        } else {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.nhqwabhf', '错误的到货通知单'))
+        }
+      })
+    },
+    addTag (sku, res) {
+      const skuCode = res.bizType === 'SKU' ? res.data.key : sku
+      if (!skuCode) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.edvsrebn', '错误的商品预收货条码'))
+      }
+      if (skuCode !== this.asnSku.sku.code) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.wlxehqom', '错误的商品'))
+      }
+      const qty = res.data && parseInt(res.data.qty) || 0
+      const tag = res.data && res.data.tag || '#'
+      const otag = this.tags.find(i => i.code === tag)
+      if (otag) {
+        if (otag.code !== '#') {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.qadqqgzv', '重复箱号'))
+        }
+        this.tagFocus[tag] = true
+        otag.qty = (parseInt(otag.qty ) || 0) + qty
+        otag.confirmQty = (parseInt(otag.confirmQty ) || 0) + qty
+      } else {
+        this.tagFocus[tag] = true
+        this.tags.unshift({
+          code: tag,
+          qty,
+          confirmQty: qty,
+        })
+      }
+      this.tag = ''
+    },
+    addSn (sn, res) {
+      const scanData = scanUtils.getScanSnData(sn, res)
+      if(!scanData.success){
+        this.sn.focus = true
+        return
+      }
+
+      const osn = this.sns.find(i => i.sn === scanData.sn)
+      if (osn) {
+        this.sn.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.lxcdmkkd', '重复的序列号'))
+      }
+
+      if (scanData.skuCode && scanData.skuCode !== this.asnSku.sku.code) {
+        this.sn.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.sku.no.same', '商品编码：{sku} 与当前商品：{currentSku} 不符',{sku:scanData.skuCode,currentSku:this.asnSku.sku.code}))
+      }
+      const qty = scanData.qty || 1
+      getAsnSkuSnDetail(this.asn.id, this.asnSku.sku.id, scanData.sn, qty).then(data => {
+        if (data && data.sn) {
+          this.sns.unshift({
+            sn: data.sn,
+            qty: data.qty || 1
+          })
+          this.sn.value = ''
+        } else {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.zschuybj', '错误的序列号'))
+        }
+      })
+    },
+    removeSn (sn) {
+      const idx = this.sns.indexOf(sn)
+      if (idx > -1) {
+        this.sns.splice(idx, 1)
+      }
+    },
+    async submit () {
+      this.submitQty = this.asnSku.sku.needSn ? this.snsQty : this.tagsQty
+      if (this.submitQty <= 0) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.utgdeatd', '收货数量必须大于0'))
+      }
+      const lotData = await this.$refs.lotEl.getData()
+      if (!lotData.success) {
+        return
+      }
+      if (!this.receiveLoc.value) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.bhtjbfci', '收货库位不能为空'))
+      }
+      if (!this.receiveLpn.value) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.sdjhrqte', '收货托盘不能为空'))
+      }
+      this.lotData = lotData.data
+      this.showSubmit = true
+    },
+    doSubmit () {
+      const data = {
+        warehouseId: this.asn.warehouseId,
+        asnId: this.asn.id,
+        skuId: this.asnSku.sku.id,
+        locationCode: this.receiveLoc.value,
+        lpn: this.receiveLpn.value,
+        qty: this.submitQty,
+        lotAttributes: this.lotData,
+      }
+      if (data.qty <= 0) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.utgdeatd', '收货数量必须大于0'))
+      }
+      if (this.asnSku.sku.needSn) {
+        data.snList = this.sns
+        submitAsnFastReceiveForSkuSn(data).then(this.afterSubmit)
+      } else {
+        data.boxList = this.tags.map(i => ({ box: i.code, qty: i.confirmQty }))
+        submitAsnFastReceiveForSku(data).then(this.afterSubmit)
+      }
+    },
+    afterSubmit (res) {
+      this.receiveLpn.value = ''
+
+      this.asn = res.asn
+      this.sn.value = ''
+      this.tag = ''
+      this.sns = []
+      this.tags = []
+      this.showSubmit = false
+    },
+    showAbnormalPop () {
+      const lotData = this.$refs.lotEl.getData()
+      if (lotData.success) {
+        this.showAbnormal = true
+      }
+    },
+    submitAbnormal () {
+      const {success, data} = this.$refs.abnormal.getAllAbnormalData()
+      if (!success) return
+
+      const lotData = this.$refs.lotEl.getData()
+      if (!lotData.success) {
+        return
+      }
+
+      submitAsnAbnormalReceive({
+        asnId: this.asn.id,
+        ownerId: this.asn.ownerId,
+        abnType: data.abnType,
+        abnSubType: data.abnSubType,
+        order: data.order,
+        lines: data.lines,
+      }).then(() => {
+        this.showAbnormal = false
+        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.rsfwmbhn', '异常上报成功'))
+        getInboundAsnByAsnNo(this.asn.asnNo).then(res => this.asn = res)
+      })
+    },
+
+
+    // 补码按钮点击
+    printClick(){
+      if (!Object.keys(this.printData).length){
+        const {success, printData} = this.$lwPrint.test(
+          'INBOUND_SKU_PRINT_LABEL',
+          this.$lwLanguage.get('','入库商品标签')
+        )
+        if(!success) return
+        this.printData = printData
+      }
+
+      this.printPopupShow = true
+
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+
+@import "../../../../../assets/css/var.less";
+
+.abnormal-popup-bg {
+  background: @pageColor;
+}
+
+.tag-list {
+  margin-top: 10px;
+
+  &.dialog {
+    max-height: 50vh;
+    overflow-y: auto;
+  }
+
+  & > div {
+    display: flex;
+    align-items: center;
+
+    & > div:first-child {
+      flex-basis: 40%;
+    }
+
+    & > div:nth-child(2) {
+      flex-basis: 20%;
+      text-align: center;
+    }
+
+    & > div:last-child {
+      flex-basis: 40%;
+      text-align: center;
+    }
+  }
+
+  &-title {
+    background: #f45858;
+    color: white;
+    margin: -10px -10px 0;
+    padding: 8px;
+    border-radius: 8px 8px 0 0;
+
+    span {
+      color: yellow;
+      font-weight: bold;
+    }
+  }
+
+  &-head {
+    font-size: 0.9em;
+    color: gray;
+    padding: 5px 0;
+  }
+
+  &-row {
+    font-size: 0.9em;
+    height: 36px;
+    border-top: 1px solid lightgray;
+  }
+}
+</style>