@logwire/logwire-wms-pda-ui 3.5.3 → 3.5.5

package/src/views/wms/page/inbound/receive/receive-sku/LwInboundReceiveSkuDirectPage.vue

@@ -1,770 +1,770 @@
-<!--
-  按商品直接收货（快收）
-  @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"
-          :show-data-look="false"
-        />
-
-        <lw-data-look-bg
-          type="not"
-          :data="asnSku.qtyList"
-          value-key="qtyLabel"
-          title-key="label"
-          :show-end-line="false"
-        />
-
-        <asn-sku-info
-          v-if="asnSku"
-          :data="asnSku"
-          type="bottom"
-          :show-print="!asnSku.sku.containerSku"
-          :show-container-print="asnSku.sku.containerSku"
-          @printClick="printClick"
-          @containerPrint="containerPrint"
-        />
-
-        <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"
-            :create-rule="$lwScanRule.create('按商品收货-收货-序列号条码','SN')"
-            :owner-id="asn.ownerId"
-            :rule-serve-query="asn"
-            @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"
-            :get-focus.sync="skuFocus"
-            rule-key="skuReceive"
-            :create-rule="$lwScanRule.create('按商品收货-预收货-商品收货条码','SKU')"
-            :owner-id="asn.ownerId"
-            :rule-serve-query="asn"
-            @confirm="addTag"
-          />
-        </div>
-        <!-- 数量收货 -->
-        <lw-get-qty-by-type
-          v-if="isQtyReceive"
-          ref="getQty"
-          class="lw-global-model-box"
-          :owner-id="asnSku.ownerId"
-          :pack-id="asnSku.pack.id"
-          :sku-id="asnSku.sku.id"
-        />
-        <!-- 看板收货列表 -->
-        <div
-          v-else
-          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', '请确认数量')"
-                type="number"
-                :show-bottom-border="false"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-      <div v-if="lotList" class="lw-global-model-box" style="margin-top: 10px;">
-        <lw-lot-module ref="lotEl" :lot-list="lotList"/>
-      </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"
-          rule-key="loc"
-          :create-rule="$lwScanRule.create('按商品收货-预收货-收货库位','')"
-          :owner-id="asn.ownerId"
-          :rule-serve-query="asn"
-        />
-        <lw-input
-          v-if="!asn.hideLpn"
-          :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.kjwvyrqq', '收货托盘')"
-          :required="asn.requiredLpn"
-          v-model="receiveLpn.value"
-          :get-focus.sync="receiveLpn.focus"
-          rule-key="lpn"
-          :create-rule="$lwScanRule.create('按商品收货-收货-收货托盘','LPN')"
-          :owner-id="asn.ownerId"
-          :rule-serve-query="asn"
-        >
-          <template #button>
-
-            <lw-button
-              mini
-              @click="createLpnFn"
-            >
-              {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vmjriwdcic', '生成') }}
-            </lw-button>
-
-          </template>
-        </lw-input>
-        <div class="lw-global-flex-start-start lw-global-row-end">
-          <div class="lw-global-title" style="margin-right: 5px">
-            {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vmjriwdci', '收货照片') }}
-          </div>
-          <lw-img-upload v-model="imgList"/>
-        </div>
-      </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 || isQtyReceive)"
-          required
-          v-model="submitQty"
-          type="number"
-        />
-      </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', '收货异常')"
-      v-model="showAbnormal"
-      background="#f0f0f0"
-    >
-
-      <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"
-        :qty-label="asn.pendingQtyLabel"
-        :group-key="$route.query.groupKey"
-      />
-
-      <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"
-    />
-    <!-- 补码弹框 -->
-    <container-print-popup
-      v-if="asn && asnSku"
-      v-model="containerPrintShow"
-      :asn-id="asn.id"
-      :sku-id="asnSku.sku.id"
-      :print-data="containerPrintData"
-    />
-
-  </div>
-</template>
-
-<script>
-import {
-  getAsnSkuSnDetail,
-  getInboundAsnByAsnNo,
-  submitAsnAbnormalReceive,
-  submitAsnFastReceiveForSku,
-  submitAsnFastReceiveForSkuSn,
-  wmsMobileExtInGetAsnSkuGroupV3,
-  wmsMobileInboundNewReceiveLpn
-} 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"
-import containerPrintPopup from "../../components/containerPrintPopup.vue"
-
-export default {
-  name: 'LwInboundReceiveSkuDirectPage',
-  components: {
-    SnsList,
-    AsnSkuInfo,
-    AsnInfo,
-    QualityCard,
-    printLabelPopup,
-    containerPrintPopup,
-  },
-  data() {
-    return {
-      asn: null,
-      asnSku: null,
-      tag: '',
-      skuFocus: false,
-      tags: [{
-        code: '#',
-        qty: 0,
-        confirmQty: '',
-      }],
-      tagFocus: {
-        '#': false,
-      },
-      sn: {
-        value: '',
-        focus: false,
-      },
-      sns: [],
-      showSns: false,
-      receiveLoc: {
-        value: '',
-        focus: false,
-      },
-      receiveLpn: {
-        value: '',
-        focus: false,
-      },
-      // 收货照片
-      imgList: [],
-      showSubmit: false,
-      lotList: null,
-      submitQty: 0,
-      lotData: null,
-      showAbnormal: false,
-
-      printPopupShow: false,
-      printData: {},
-      containerPrintShow: false,
-      containerPrintData: {},
-
-      createLpn: '',
-      printLpnData: {},
-      printPutaway: {},
-    }
-  },
-  computed: {
-    tagsQty() {
-      return this.tags.map(i => parseInt(i.confirmQty || 0)).reduce((a, b) => a + b, 0)
-    },
-    snsQty() {
-      return this.sns.map(i => parseInt(i.qty)).reduce((a, b) => a + b, 0)
-    },
-    // 待复核量
-    waitQty() {
-      const wait = Number(this.asnSku.qty || 0) - Number(this.asnSku.receiveQty || 0)
-      if (wait < 0) return 0
-      return wait
-    },
-    // 是否是通过数量收货
-    isQtyReceive() {
-      return !this.asnSku?.sku.needSn && this.asnSku?.qtyInputType === 'ea'
-    },
-  },
-  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)
-
-
-    this.checkPrint()
-    this.checkPutawayPrint()
-  },
-  methods: {
-    // 打印机校验
-    checkPrint(needCheck) {
-
-      if (this.printData.printId) return true
-
-      const {printData, success} = this.$lwPrint.test({
-        templateCode: 'PART_RECEIVE_LABEL',
-        msg: this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.gdurijqqr', '收货托盘标签'),
-        msgType: needCheck ? 'HARD' : ''
-      })
-      this.printLpnData = printData
-      return success
-    },
-    // 上架打印机校验
-    checkPutawayPrint() {
-
-      if (this.printPutaway.printId) return true
-
-      const {printData, success} = this.$lwPrint.test({
-        templateCode: 'PART_PUTAWAY_LABEL',
-        msg: this.$lwLanguage.get('wms_project.pda.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.zwdwfbnf', '入库上架标签')
-      })
-      this.printSkuData = printData
-      return success
-    },
-
-    loadAsnAndSku(asnNo) {
-      getInboundAsnByAsnNo(
-        asnNo,
-        this.$route.query
-      ).then(data => {
-        if (data) {
-          this.asn = data
-          this.getNowSkuData()
-        } else {
-          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.nhqwabhf', '错误的到货通知单'))
-        }
-      })
-    },
-    // 获取当前商品信息
-    getNowSkuData(first = true) {
-      let lotData = this.lotData
-      wmsMobileExtInGetAsnSkuGroupV3({
-        ...this.$route.query,
-        asnId: this.asn.id,
-        lotAttributes: lotData,
-      }).then(res => {
-        if (!res) {
-          this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.bhhbqspn', '获取单信息失败，请确认单据号、商品信息是否正确')
-          )
-          history.go(-1)
-          return
-        }
-
-        this.asnSku = res
-        if (!first) return
-
-        if (this.asnSku && this.asnSku.sku.needSn) {
-          this.sn.focus = true
-        } else {
-          this.skuFocus = true
-        }
-
-        this.lotList = res.lotMap
-
-        if (!this.receiveLoc.value) {
-          this.receiveLoc.value = this.asnSku.receiveLocationCode
-        }
-
-        this.$refs.getQty?.init()
-      })
-    },
-    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 && Number(res.data.qty || 0)
-
-      if (this.isQtyReceive) {
-        this.$nextTick(() => {
-          this.$refs.getQty.setQty(this.$refs.getQty.getQty() + qty)
-        })
-      } else {
-        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', '重复箱号'))
-          }
-          !qty ? this.tagFocus[tag] = true : ''
-          otag.qty = Number(otag.qty || 0) + qty
-          otag.confirmQty = Number(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, this.$route.query).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() {
-      const qty = this.isQtyReceive ? (this.$refs.getQty?.getQty() || 0) : this.tagsQty
-      this.submitQty = this.asnSku.sku.needSn ? this.snsQty : qty
-      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.asn.hideLpn && this.asn.requiredLpn) && !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
-    },
-    async doSubmit() {
-
-      const qty = this.submitQty
-      if (qty <= 0) {
-        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.utgdeatd', '收货数量必须大于0'))
-      }
-
-      const lpn = this.receiveLpn.value
-
-      const data = {
-        warehouseId: this.asn.warehouseId,
-        asnId: this.asn.id,
-        skuId: this.asnSku.sku.id,
-        locationCode: this.receiveLoc.value,
-        lpn,
-        qty,
-        lotAttributes: this.lotData,
-        images: this.imgList.join('|'),
-        taskId: this.$route.query.lwTaskId,
-        groupKey: this.$route.query.groupKey,
-        printPutawayDeviceld: this.printPutaway.templateId || '',
-        printPutawayTemplate: this.printPutaway.templateId || '',
-      }
-
-      // 判断当前输入托盘号是否是生成的
-      if (lpn === this.createLpn) {
-        if (Object.keys(this.printLpnData).length) {
-          data.printReceiveDeviceId = this.printLpnData.printId
-          data.printReceiveTemplate = this.printLpnData.templateId
-        }
-        data.lpnComeFrom = 'autoGenerate'
-      }
-
-      let api = ''
-      if (this.asnSku.sku.needSn) {
-        data.snList = this.sns
-        api = submitAsnFastReceiveForSkuSn
-      } else {
-        data.boxList = this.tags.map(i => ({box: i.code, qty: i.confirmQty}))
-        api = submitAsnFastReceiveForSku
-      }
-
-      this.afterSubmit(await api(data))
-    },
-    afterSubmit(res) {
-      this.$lwToast.success(
-        this.$lwLanguage.get('wms_project.pda.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.fbmpvqah', '操作成功')
-      )
-      this.receiveLpn.value = ''
-      this.loadAsnAndSku(this.$route.query.asnNo)
-
-      this.sn.value = ''
-      this.tag = ''
-      this.sns = []
-      this.tags = [{
-        code: '#',
-        qty: 0,
-        confirmQty: '',
-      }]
-      this.showSubmit = false
-
-      // 打印托盘标签
-      if (res && Object.keys(this.printLpnData).length && Array.isArray(res.printList)) {
-        res.printList.forEach(item => {
-          this.$lwPrint.bluetoothPrint(item.id)
-        })
-      }
-
-      this.$refs.getQty?.clearInput()
-    },
-    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({
-        ...this.$route.query,
-        asnId: this.asn.id,
-        ownerId: this.asn.ownerId,
-        abnType: data.abnType,
-        abnSubType: data.abnSubType,
-        order: data.order,
-        lines: data.lines,
-        taskId: this.$route.query.lwTaskId
-      }).then(() => {
-        this.showAbnormal = false
-        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.rsfwmbhn', '异常上报成功'))
-        this.loadAsnAndSku(this.asn.asnNo)
-      })
-    },
-
-
-    // 生成收货托盘
-    createLpnFn() {
-      wmsMobileInboundNewReceiveLpn().then(res => {
-        this.createLpn = res
-        this.receiveLpn.value = res
-      })
-    },
-
-    // 补码按钮点击
-    printClick() {
-      if (!Object.keys(this.printData).length) {
-        const {success, printData} = this.$lwPrint.test({
-          templateCode: 'INBOUND_SKU_PRINT_LABEL',
-          msg: this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.yknguuyl', '入库商品标签'),
-          msgType: 'HARD'
-        })
-        this.printData = printData
-        if (!success) return
-      }
-
-      this.printPopupShow = true
-
-    },
-
-    // 补码按钮点击
-    containerPrint() {
-      if (!Object.keys(this.containerPrintData).length) {
-        const {success, printData} = this.$lwPrint.test({
-          templateCode: 'INBOUND_CONTAINER_SKU_PRINT_LABEL',
-          msg: this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.jghrvrve', '入库容器商品标签'),
-          msgType: 'HARD'
-        })
-        if (!success) return
-        this.containerPrintData = printData
-      }
-
-      this.containerPrintShow = true
-
-    },
-  },
-}
-</script>
-
-<style lang="less" scoped>
-
-
-.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.9rem;
-    color: gray;
-    padding: 5px 0;
-  }
-
-  &-row {
-    font-size: 0.9rem;
-    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"
+          :show-data-look="false"
+        />
+
+        <lw-data-look-bg
+          type="not"
+          :data="asnSku.qtyList"
+          value-key="qtyLabel"
+          title-key="label"
+          :show-end-line="false"
+        />
+
+        <asn-sku-info
+          v-if="asnSku"
+          :data="asnSku"
+          type="bottom"
+          :show-print="!asnSku.sku.containerSku"
+          :show-container-print="asnSku.sku.containerSku"
+          @printClick="printClick"
+          @containerPrint="containerPrint"
+        />
+
+        <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"
+            :create-rule="$lwScanRule.create('按商品收货-收货-序列号条码','SN')"
+            :owner-id="asn.ownerId"
+            :rule-serve-query="asn"
+            @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"
+            :get-focus.sync="skuFocus"
+            rule-key="skuReceive"
+            :create-rule="$lwScanRule.create('按商品收货-预收货-商品收货条码','SKU')"
+            :owner-id="asn.ownerId"
+            :rule-serve-query="asn"
+            @confirm="addTag"
+          />
+        </div>
+        <!-- 数量收货 -->
+        <lw-get-qty-by-type
+          v-if="isQtyReceive"
+          ref="getQty"
+          class="lw-global-model-box"
+          :owner-id="asnSku.ownerId"
+          :pack-id="asnSku.pack.id"
+          :sku-id="asnSku.sku.id"
+        />
+        <!-- 看板收货列表 -->
+        <div
+          v-else
+          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', '请确认数量')"
+                type="number"
+                :show-bottom-border="false"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-if="lotList" class="lw-global-model-box" style="margin-top: 10px;">
+        <lw-lot-module ref="lotEl" :lot-list="lotList"/>
+      </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"
+          rule-key="loc"
+          :create-rule="$lwScanRule.create('按商品收货-预收货-收货库位','')"
+          :owner-id="asn.ownerId"
+          :rule-serve-query="asn"
+        />
+        <lw-input
+          v-if="!asn.hideLpn"
+          :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.kjwvyrqq', '收货托盘')"
+          :required="asn.requiredLpn"
+          v-model="receiveLpn.value"
+          :get-focus.sync="receiveLpn.focus"
+          rule-key="lpn"
+          :create-rule="$lwScanRule.create('按商品收货-收货-收货托盘','LPN')"
+          :owner-id="asn.ownerId"
+          :rule-serve-query="asn"
+        >
+          <template #button>
+
+            <lw-button
+              mini
+              @click="createLpnFn"
+            >
+              {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vmjriwdcic', '生成') }}
+            </lw-button>
+
+          </template>
+        </lw-input>
+        <div class="lw-global-flex-start-start lw-global-row-end">
+          <div class="lw-global-title" style="margin-right: 5px">
+            {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.vmjriwdci', '收货照片') }}
+          </div>
+          <lw-img-upload v-model="imgList"/>
+        </div>
+      </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 || isQtyReceive)"
+          required
+          v-model="submitQty"
+          type="number"
+        />
+      </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', '收货异常')"
+      v-model="showAbnormal"
+      background="#f0f0f0"
+    >
+
+      <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"
+        :qty-label="asn.pendingQtyLabel"
+        :group-key="$route.query.groupKey"
+      />
+
+      <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"
+    />
+    <!-- 补码弹框 -->
+    <container-print-popup
+      v-if="asn && asnSku"
+      v-model="containerPrintShow"
+      :asn-id="asn.id"
+      :sku-id="asnSku.sku.id"
+      :print-data="containerPrintData"
+    />
+
+  </div>
+</template>
+
+<script>
+import {
+  getAsnSkuSnDetail,
+  getInboundAsnByAsnNo,
+  submitAsnAbnormalReceive,
+  submitAsnFastReceiveForSku,
+  submitAsnFastReceiveForSkuSn,
+  wmsMobileExtInGetAsnSkuGroupV3,
+  wmsMobileInboundNewReceiveLpn
+} 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"
+import containerPrintPopup from "../../components/containerPrintPopup.vue"
+
+export default {
+  name: 'LwInboundReceiveSkuDirectPage',
+  components: {
+    SnsList,
+    AsnSkuInfo,
+    AsnInfo,
+    QualityCard,
+    printLabelPopup,
+    containerPrintPopup,
+  },
+  data() {
+    return {
+      asn: null,
+      asnSku: null,
+      tag: '',
+      skuFocus: false,
+      tags: [{
+        code: '#',
+        qty: 0,
+        confirmQty: '',
+      }],
+      tagFocus: {
+        '#': false,
+      },
+      sn: {
+        value: '',
+        focus: false,
+      },
+      sns: [],
+      showSns: false,
+      receiveLoc: {
+        value: '',
+        focus: false,
+      },
+      receiveLpn: {
+        value: '',
+        focus: false,
+      },
+      // 收货照片
+      imgList: [],
+      showSubmit: false,
+      lotList: null,
+      submitQty: 0,
+      lotData: null,
+      showAbnormal: false,
+
+      printPopupShow: false,
+      printData: {},
+      containerPrintShow: false,
+      containerPrintData: {},
+
+      createLpn: '',
+      printLpnData: {},
+      printPutaway: {},
+    }
+  },
+  computed: {
+    tagsQty() {
+      return this.tags.map(i => parseInt(i.confirmQty || 0)).reduce((a, b) => a + b, 0)
+    },
+    snsQty() {
+      return this.sns.map(i => parseInt(i.qty)).reduce((a, b) => a + b, 0)
+    },
+    // 待复核量
+    waitQty() {
+      const wait = Number(this.asnSku.qty || 0) - Number(this.asnSku.receiveQty || 0)
+      if (wait < 0) return 0
+      return wait
+    },
+    // 是否是通过数量收货
+    isQtyReceive() {
+      return !this.asnSku?.sku.needSn && this.asnSku?.qtyInputType === 'ea'
+    },
+  },
+  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)
+
+
+    this.checkPrint()
+    this.checkPutawayPrint()
+  },
+  methods: {
+    // 打印机校验
+    checkPrint(needCheck) {
+
+      if (this.printData.printId) return true
+
+      const {printData, success} = this.$lwPrint.test({
+        templateCode: 'PART_RECEIVE_LABEL',
+        msg: this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.gdurijqqr', '收货托盘标签'),
+        msgType: needCheck ? 'HARD' : ''
+      })
+      this.printLpnData = printData
+      return success
+    },
+    // 上架打印机校验
+    checkPutawayPrint() {
+
+      if (this.printPutaway.printId) return true
+
+      const {printData, success} = this.$lwPrint.test({
+        templateCode: 'PART_PUTAWAY_LABEL',
+        msg: this.$lwLanguage.get('wms_project.pda.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.zwdwfbnf', '入库上架标签')
+      })
+      this.printSkuData = printData
+      return success
+    },
+
+    loadAsnAndSku(asnNo) {
+      getInboundAsnByAsnNo(
+        asnNo,
+        this.$route.query
+      ).then(data => {
+        if (data) {
+          this.asn = data
+          this.getNowSkuData()
+        } else {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.nhqwabhf', '错误的到货通知单'))
+        }
+      })
+    },
+    // 获取当前商品信息
+    getNowSkuData(first = true) {
+      let lotData = this.lotData
+      wmsMobileExtInGetAsnSkuGroupV3({
+        ...this.$route.query,
+        asnId: this.asn.id,
+        lotAttributes: lotData,
+      }).then(res => {
+        if (!res) {
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.bhhbqspn', '获取单信息失败，请确认单据号、商品信息是否正确')
+          )
+          history.go(-1)
+          return
+        }
+
+        this.asnSku = res
+        if (!first) return
+
+        if (this.asnSku && this.asnSku.sku.needSn) {
+          this.sn.focus = true
+        } else {
+          this.skuFocus = true
+        }
+
+        this.lotList = res.lotMap
+
+        if (!this.receiveLoc.value) {
+          this.receiveLoc.value = this.asnSku.receiveLocationCode
+        }
+
+        this.$refs.getQty?.init()
+      })
+    },
+    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 && Number(res.data.qty || 0)
+
+      if (this.isQtyReceive) {
+        this.$nextTick(() => {
+          this.$refs.getQty.setQty(this.$refs.getQty.getQty() + qty)
+        })
+      } else {
+        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', '重复箱号'))
+          }
+          !qty ? this.tagFocus[tag] = true : ''
+          otag.qty = Number(otag.qty || 0) + qty
+          otag.confirmQty = Number(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, this.$route.query).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() {
+      const qty = this.isQtyReceive ? (this.$refs.getQty?.getQty() || 0) : this.tagsQty
+      this.submitQty = this.asnSku.sku.needSn ? this.snsQty : qty
+      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.asn.hideLpn && this.asn.requiredLpn) && !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
+    },
+    async doSubmit() {
+
+      const qty = this.submitQty
+      if (qty <= 0) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.utgdeatd', '收货数量必须大于0'))
+      }
+
+      const lpn = this.receiveLpn.value
+
+      const data = {
+        warehouseId: this.asn.warehouseId,
+        asnId: this.asn.id,
+        skuId: this.asnSku.sku.id,
+        locationCode: this.receiveLoc.value,
+        lpn,
+        qty,
+        lotAttributes: this.lotData,
+        images: this.imgList.join('|'),
+        taskId: this.$route.query.lwTaskId,
+        groupKey: this.$route.query.groupKey,
+        printPutawayDeviceld: this.printPutaway.templateId || '',
+        printPutawayTemplate: this.printPutaway.templateId || '',
+      }
+
+      // 判断当前输入托盘号是否是生成的
+      if (lpn === this.createLpn) {
+        if (Object.keys(this.printLpnData).length) {
+          data.printReceiveDeviceId = this.printLpnData.printId
+          data.printReceiveTemplate = this.printLpnData.templateId
+        }
+        data.lpnComeFrom = 'autoGenerate'
+      }
+
+      let api = ''
+      if (this.asnSku.sku.needSn) {
+        data.snList = this.sns
+        api = submitAsnFastReceiveForSkuSn
+      } else {
+        data.boxList = this.tags.map(i => ({box: i.code, qty: i.confirmQty}))
+        api = submitAsnFastReceiveForSku
+      }
+
+      this.afterSubmit(await api(data))
+    },
+    afterSubmit(res) {
+      this.$lwToast.success(
+        this.$lwLanguage.get('wms_project.pda.wms.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.fbmpvqah', '操作成功')
+      )
+      this.receiveLpn.value = ''
+      this.loadAsnAndSku(this.$route.query.asnNo)
+
+      this.sn.value = ''
+      this.tag = ''
+      this.sns = []
+      this.tags = [{
+        code: '#',
+        qty: 0,
+        confirmQty: '',
+      }]
+      this.showSubmit = false
+
+      // 打印托盘标签
+      if (res && Object.keys(this.printLpnData).length && Array.isArray(res.printList)) {
+        res.printList.forEach(item => {
+          this.$lwPrint.bluetoothPrint(item.id)
+        })
+      }
+
+      this.$refs.getQty?.clearInput()
+    },
+    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({
+        ...this.$route.query,
+        asnId: this.asn.id,
+        ownerId: this.asn.ownerId,
+        abnType: data.abnType,
+        abnSubType: data.abnSubType,
+        order: data.order,
+        lines: data.lines,
+        taskId: this.$route.query.lwTaskId
+      }).then(() => {
+        this.showAbnormal = false
+        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_sku.rsfwmbhn', '异常上报成功'))
+        this.loadAsnAndSku(this.asn.asnNo)
+      })
+    },
+
+
+    // 生成收货托盘
+    createLpnFn() {
+      wmsMobileInboundNewReceiveLpn().then(res => {
+        this.createLpn = res
+        this.receiveLpn.value = res
+      })
+    },
+
+    // 补码按钮点击
+    printClick() {
+      if (!Object.keys(this.printData).length) {
+        const {success, printData} = this.$lwPrint.test({
+          templateCode: 'INBOUND_SKU_PRINT_LABEL',
+          msg: this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.yknguuyl', '入库商品标签'),
+          msgType: 'HARD'
+        })
+        this.printData = printData
+        if (!success) return
+      }
+
+      this.printPopupShow = true
+
+    },
+
+    // 补码按钮点击
+    containerPrint() {
+      if (!Object.keys(this.containerPrintData).length) {
+        const {success, printData} = this.$lwPrint.test({
+          templateCode: 'INBOUND_CONTAINER_SKU_PRINT_LABEL',
+          msg: this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive-sku.LwInboundReceiveSkuDirectPage.jghrvrve', '入库容器商品标签'),
+          msgType: 'HARD'
+        })
+        if (!success) return
+        this.containerPrintData = printData
+      }
+
+      this.containerPrintShow = true
+
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+
+
+.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.9rem;
+    color: gray;
+    padding: 5px 0;
+  }
+
+  &-row {
+    font-size: 0.9rem;
+    height: 36px;
+    border-top: 1px solid lightgray;
+  }
+}
+</style>