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

package/src/views/wms/page/receive/bySku/action.vue

@@ -1,1132 +1,1132 @@
-<!--
-  按商品收货 - 执行页
-  @author: 张文
-  @date: 2024-01-05
--->
-<template>
-  <div>
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.hmqqcqsm', '按商品收货')"/>
-
-    <template v-if="rendered">
-
-      <lw-page-body-module>
-
-        <!-- 卸货运单数据 -->
-        <div
-          style="margin-bottom: 10px"
-          class="lw-global-model-box lw-global-border-2px"
-          v-if="asnInfo.unloadDeliveryContentList?.length"
-        >
-          <div class="lw-global-row-start lw-global-title lw-global-title-left-line">
-            {{ $lwLanguage.get('', '卸货运单数据') }}
-          </div>
-          <lw-label-value-group
-            :list="asnInfo.unloadDeliveryContentList"
-            :show-row-style="false"
-          />
-        </div>
-        <!-- 头部信息 -->
-        <template>
-          <lw-label-value-group
-            class="lw-global-model-top-radius"
-            :list="asnInfo.contentList"
-          />
-          <lw-data-look-bg
-            type="not"
-            :data="skuInfo.qtyList"
-            value-key="qtyLabel"
-            title-key="label"
-            :show-end-line="false"
-          />
-          <div class="lw-global-model-bottom-radius">
-
-            <lw-sku-info-module
-              class="lw-global-row"
-              :sku-code="skuInfo.sku.code"
-              :sku-name="skuInfo.sku.name"
-            >
-              <lw-tag
-                style="margin: 0"
-                round
-                plain
-              >
-                {{ skuInfo.sku.skuUrgencyLabel }}
-              </lw-tag>
-              <lw-tag
-                style="margin: 0 5px"
-                round
-                plain
-                type="danger"
-              >
-                {{ skuInfo.sku.qualityTypeLabel }}
-              </lw-tag>
-
-              <lw-button
-                v-if="showPrintSkuBtn"
-                mini
-                @click="printClick"
-              >
-                {{ $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.bputhxit', '补码') }}
-              </lw-button>
-              <lw-button
-                v-if="showPrintContainerBtn"
-                mini
-                @click="containerPrint"
-              >
-                {{ $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.dofskkdl', '打印容器号') }}
-              </lw-button>
-            </lw-sku-info-module>
-
-            <lw-title-value-cell
-              v-if="needQuality"
-              :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.blsmiaxv', '异常率')"
-              :value="skuInfo.sku.abnormalRate + '%'"
-              val-red
-              val-bold
-              :is-row="false"
-            />
-
-            <lw-label-value-group
-              :list="skuInfo.groupContentList"
-              show-row-style
-            />
-          </div>
-        </template>
-
-        <!-- 品检卡 -->
-        <quality-card
-          v-if="needQuality"
-          type="asn"
-          :obj-id="asnInfo.id"
-          :skuCode="skuInfo.sku.code"
-          :delay-load="false"
-          :card-mode="true"
-        />
-
-        <!-- 需要sn -->
-        <div
-          v-if="needSn"
-          class="lw-global-model-box"
-          style="padding-top: 3px"
-        >
-          <lw-input
-            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.yjqneafi', '序列号')"
-            required
-            v-model="sn.value"
-            :get-focus.sync="sn.focus"
-            rule-key="sn"
-            :create-rule="$lwScanRule.create('按商品收货-收货-序列号条码','SN')"
-            :owner-id="asnInfo.ownerId"
-            auto-clear-val
-            @confirm="snConfirm"
-          />
-          <lw-scan-data-list-module
-            class="lw-global-row-end"
-            v-model="sn.list"
-            row-type="sn"
-            row-id="receiveBySku"
-            total-type="sn"
-            total-type-id="receiveBySku"
-            start-bright
-          />
-        </div>
-        <!-- 不需要sn -->
-        <div
-          v-else
-          class="lw-global-model-box lw-global-model-box-3px"
-          style="margin-top: 10px;"
-        >
-
-          <lw-input
-            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.rqqmodll', '商品收货条码')"
-            required
-            v-model="sku.value"
-            :get-focus.sync="sku.focus"
-            rule-key="skuReceive"
-            :create-rule="$lwScanRule.create('按商品收货-预收货-商品收货条码','SKU')"
-            :owner-id="asnInfo.ownerId"
-            :disabled="skuDisabled"
-            @confirm="skuConfirm"
-          />
-          <!-- 数量收货 -->
-          <lw-get-qty-by-type
-            ref="getQty"
-            :owner-id="skuInfo.ownerId"
-            :pack-id="skuInfo.pack.id"
-            :sku-id="skuInfo.sku.id"
-            :show-bottom-border="false"
-          />
-        </div>
-
-        <!-- 调拨批次信息 -->
-        <div
-          v-if="asnInfo.hasAlloc"
-          class="lw-global-model-box lw-global-model-box-3px lw-global-click-style"
-          @click="getAllocLotList"
-        >
-          <lw-cell
-            :title="$lwLanguage.get('', '选择收货批次')"
-            :border="false"
-            :is-link="false"
-            show-arrow
-          />
-        </div>
-
-        <!-- 批次信息 -->
-        <lw-lot-module
-          v-if="lotList.length"
-          class="lw-global-model-box lw-global-model-box-3px"
-          ref="lotEl"
-          :end-row="false"
-          :lot-list="lotList"
-        />
-
-
-        <!-- 库位、托盘、容器、照片等收货信息 -->
-        <div class="lw-global-model-box lw-global-model-box-3px" style="margin-top: 10px;">
-          <lw-input
-            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.znmsvxah', '收货库位')"
-            required
-            v-model="loc.value"
-            :get-focus.sync="loc.focus"
-            rule-key="loc"
-            :create-rule="$lwScanRule.create('收货-按商品收货-收货库位','LOCATION')"
-            :owner-id="asnInfo.ownerId"
-          />
-          <lw-input
-            v-if="!asnInfo.hideLpn"
-            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.lmwnwthq', '收货托盘')"
-            :required="asnInfo.requiredLpn"
-            v-model="lpn.value"
-            :get-focus.sync="lpn.focus"
-            rule-key="lpn"
-            :create-rule="$lwScanRule.create('收货-按商品收货-收货托盘','LPN')"
-            :owner-id="asnInfo.ownerId"
-            @confirm="lpnConfirm"
-          >
-            <template
-              v-if="showCreateLpnBtn"
-              #button
-            >
-
-              <lw-button
-                mini
-                @click="createLpnFn"
-              >
-                {{ $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.fjyobovx', '生成') }}
-              </lw-button>
-
-            </template>
-          </lw-input>
-
-          <!-- 容器收货 -->
-          <div
-            style="height: 22px"
-            class="lw-global-row lw-global-flex-between"
-          >
-            <div class="lw-global-flex-start">
-              <div class="lw-global-title">
-                {{ $lwLanguage.get('', '开启收货容器') }}
-              </div>
-              <van-switch
-                style="margin-left: 5px"
-                v-model="containerReceive.open"
-                size="16px"
-              />
-            </div>
-            <van-icon
-              v-show="containerReceive.open"
-              size="22px"
-              name="add"
-              color="red"
-              @click="addContainerReceive"
-            />
-          </div>
-          <div
-            v-show="containerReceive.open"
-            v-for="(i,k) in containerReceive.list"
-            :key="i.id"
-            class="lw-global-flex-between lw-global-row"
-          >
-            <lw-search-select-popup-module
-              style="width: 50%"
-              :title="$lwLanguage.get('', '容器{index}',{index:k+1})"
-              :api="getContainerReceiveList"
-              v-model="i.skuId"
-              type="sku"
-              required
-              :init-selected-index="0"
-              :show-border="false"
-              :label-key="['name']"
-            />
-            <lw-input
-              style="width: 30%"
-              :title="$lwLanguage.get('', '数量')"
-              v-model="i.qty"
-              :get-focus.sync="i.qtyFocus"
-              type="digit"
-              :show-bottom-border="false"
-              :show-scan-icon="false"
-            />
-            <van-icon
-              style="flex-shrink: 0"
-              name="clear"
-              color="#D50000"
-              size="20px"
-              @click="delContainerReceive(k)"
-            />
-          </div>
-
-
-          <!-- 收货照片 -->
-          <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>
-
-
-      </lw-page-body-module>
-
-
-      <lw-bottom-bar>
-        <lw-button
-          type="last"
-          @click="showAbnormal=true"
-        >
-          {{ receiveText + $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.mifenrqx', '异常') }}
-        </lw-button>
-        <lw-button
-          plain
-          @click="reloadScan"
-        >
-          {{ $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.xrzzehek', '重新扫描') }}
-        </lw-button>
-        <lw-button @click="confirmReceive">
-          {{ $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.pbjjpnlx', '确认') + receiveText }}
-        </lw-button>
-      </lw-bottom-bar>
-
-
-      <!-- 补码弹框 -->
-      <print-label-popup
-        v-model="printPopupShow"
-        :asn-id="asnInfo.id"
-        :sku-id="skuInfo.sku.id"
-        :print-data="printSkuData"
-      />
-      <!-- 补码弹框 -->
-      <container-print-popup
-        v-model="containerPrintShow"
-        :asn-id="asnInfo.id"
-        :sku-id="skuInfo.sku.id"
-        :print-data="printSkuData"
-      />
-      <!-- 批次选择弹框 -->
-      <lw-popup
-        :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.jimbqrne', '批次选择')"
-        v-model="allocLot.popupShow"
-        :show-keyboard-placeholder="false"
-      >
-
-
-        <div
-          class="lot-item-box"
-          v-for="i in allocLot.datas"
-          :key="i.lotId"
-          @click="allocLotConfirm(i)"
-        >
-          <lw-label-value-group :list="i.contentList"/>
-        </div>
-        <lw-not-data v-if="!allocLot.datas.length"/>
-
-
-      </lw-popup>
-      <!-- 异常弹框 -->
-      <lw-popup
-        :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.ssmrsecg', '收货异常')"
-        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="asnInfo.asnNo"
-          :sku-code="skuInfo.sku.code"
-          :qty="asnInfo.pendingQty"
-          :qty-label="asnInfo.pendingQtyLabel"
-          :group-key="$route.query.groupKey"
-        />
-
-        <template #button>
-          <lw-button @click="submitAbnormal">
-            {{ $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.rlxhhuvg', '上报异常') }}
-          </lw-button>
-        </template>
-      </lw-popup>
-
-      <!-- 分组商品选择 -->
-      <receive-sku-group-popup
-        v-model="skuGroup.show"
-        :sku-list="skuGroup.list"
-        @selected="confirmSkuGroup"
-      />
-
-    </template>
-
-  </div>
-</template>
-
-<script>
-
-import {
-  wmsMobileExtInGetAsnSkuGroupV3,
-  wmsMobileExtInGetAsnV2,
-  wmsMobileInboundFoundAsnSn,
-  wmsMobileSubmitAbnormalReceive,
-  wmsMobileInboundNewReceiveLpn,
-  wmsMobileInboundSubmitAsnFastReceiveForSku,
-  wmsMobileInboundSubmitAsnFastReceiveForSkuSn,
-  wmsMobileInboundSubmitAsnAdvanceReceiveForSku,
-  wmsMobileExtInQueryAllocSkuLotList,
-  wmsMobileExtInGetAsnSkuV3,
-} from "./../../../api/receive/bySku";
-import printLabelPopup from "./../../inbound/components/printLabelPopup.vue";
-import containerPrintPopup from "./../../inbound/components/containerPrintPopup.vue";
-import QualityCard from "./../../inbound/components/QualityCard.vue";
-import receiveSkuGroupPopup from "../../../components/receiveSkuGroup/popup.vue";
-import {wmsMobileQueryContainerSkuList} from "../../../api/receive/byContainer";
-import stringRandom from "string-random";
-
-export default {
-  name: "lwReceiveBySkuAction",
-  components: {
-    printLabelPopup,
-    containerPrintPopup,
-    QualityCard,
-    receiveSkuGroupPopup,
-  },
-  data() {
-    return {
-      rendered: false,
-      // 托盘打印机
-      printLpnData: {},
-      // 商品打印机
-      printSkuData: {},
-      // 上架
-      printPutaway: {},
-      asnInfo: {},
-      skuInfo: {
-        sku: {},
-        pack: {},
-      },
-      // 补码弹框
-      printPopupShow: false,
-      // 容器标签弹框
-      containerPrintShow: false,
-
-      // 品检卡弹框
-      qualityCardPopup: {
-        show: false,
-        data: {}
-      },
-
-      // 序列号
-      sn: {
-        value: '',
-        focus: false,
-        list: [],
-      },
-      // 商品号
-      sku: {
-        value: '',
-        focus: false,
-        disabled: true,
-        canScan: true,
-        list: [],
-      },
-      // 是否自动累加商品数量
-      skuScanOverDisabled: false,
-      // 库位
-      loc: {
-        value: '',
-        focus: false,
-      },
-      // 托盘号
-      lpn: {
-        value: '',
-        focus: false,
-        create: ''
-      },
-      // 收货图片
-      imgList: [],
-
-      // 批次信息
-      lotList: [],
-      // 当前提交的批次信息
-      lotAttributes: {},
-
-      // 调拨批次信息
-      allocLot: {
-        datas: [],
-        popupShow: false
-      },
-
-      // 异常弹框
-      showAbnormal: false,
-
-
-      // 商品分组选择弹框
-      skuGroup: {
-        show: false,
-        list: []
-      },
-
-      // 容器收货
-      containerReceive: {
-        open: false,
-        list: []
-      }
-    }
-  },
-  computed: {
-    // 是否显示品检卡及异常率
-    needQuality() {
-      return this.skuInfo.sku.needQuality
-    },
-    // 是否是快收
-    isFastReceive() {
-      return this.$route.query.fastReceive === 'true'
-    },
-    // 收货文本
-    receiveText() {
-      return this.isFastReceive ?
-        this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.rlxhhuvge', '收货') :
-        this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.rlxhhuvga', '预收货')
-    },
-    // 是否需要sn
-    needSn() {
-      return this.skuInfo.sku.needSn && this.isFastReceive
-    },
-
-    // 是否显示补打按钮
-    showPrintSkuBtn() {
-      return !this.skuInfo.sku.containerSku && this.$lwWarehouseConfig.get('systemConfig.INBOUND_RECEIVE_RE_PRINT_LABEL') === 'true'
-    },
-    // 是否显示打印容器号按钮
-    showPrintContainerBtn() {
-      return this.skuInfo.sku.containerSku && this.$lwWarehouseConfig.get('systemConfig.INBOUND_RECEIVE_RE_PRINT_LABEL') === 'true'
-    },
-
-    // 是否显示生成托盘的按钮
-    showCreateLpnBtn() {
-      return this.$lwWarehouseConfig.get('systemConfig.INBOUND_RECEIVE_LPN_AUTO_GENERATE') === 'true'
-    },
-
-    // 商品输入框是否禁用
-    skuDisabled() {
-      return this.sku.disabled && this.skuScanOverDisabled
-    }
-  },
-  async mounted() {
-
-    this.skuScanOverDisabled = this.$lwWarehouseConfig.get('systemConfig.INBOUND_SKU_RECEIVE_QTY_OVERLYING') === 'false'
-
-    this.initContainerReceive()
-
-    await this.getAsnInfo()
-    this.checkLpnPrint()
-    this.checkSkuPrint()
-    this.checkPutawayPrint()
-
-    const handler = this.$lwProjectCustomHandler.get('receive.bySkuV2.action.mounted')
-    if (handler) await handler({that: this})
-
-    this.$nextTick(() => {
-      this.skuQtySum(this.$route.query.qty || 0)
-      if (this.skuDisabled) {
-        this.$refs.getQty?.getFocus()
-      } else {
-        this.sku.focus = true
-      }
-    })
-  },
-  methods: {
-    // 托盘打印机校验
-    checkLpnPrint(needCheck) {
-
-      if (this.printLpnData.printId) return true
-
-      const {printData, success} = this.$lwPrint.test({
-        templateCode: 'PART_RECEIVE_LABEL',
-        msg: this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.xsmquqqn', '收货托盘标签'),
-        msgType: needCheck ? 'HARD' : ''
-      })
-      this.printLpnData = printData
-      return success
-    },
-    // 商品打印机校验
-    checkSkuPrint(needCheck) {
-      if (this.$lwWarehouseConfig.get('systemConfig.INBOUND_RECEIVE_RE_PRINT_LABEL') !== 'true') return false
-
-      if (this.printSkuData.printId) return true
-
-      const {printData, success} = this.$lwPrint.test({
-        templateCode: 'INBOUND_SKU_PRINT_LABEL',
-        msg: this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.suyjezao', '入库商品标签'),
-        msgType: needCheck ? 'HARD' : ''
-      })
-      this.printSkuData = 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.receive.bySku.action.hpnexdsq', '入库上架标签'),
-      })
-      this.printPutaway = printData
-      return success
-    },
-
-
-    // 获取单信息
-    async getAsnInfo() {
-      this.rendered = false
-      const res = await wmsMobileExtInGetAsnV2(this.$route.query)
-      if (!res) {
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.slfobrvh', '没有查询到任何信息')
-        )
-        history.go(-1)
-        return Promise.reject()
-      }
-
-      this.asnInfo = res
-      await this.getSkuInfo()
-    },
-    // 获取商品信息
-    async getSkuInfo() {
-      const res = await wmsMobileExtInGetAsnSkuGroupV3({
-        ...this.$route.query,
-        asnId: this.asnInfo.id,
-        lotAttributes: this.lotAttributes
-      })
-
-      if (!res) {
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.slspoxds', '获取单信息失败，请确认单据号、商品信息是否正确')
-        )
-        history.go(-1)
-        return Promise.reject()
-      }
-
-      if (!res.canReceiveOverage && res.qty <= res.receiveQty) {
-        this.$lwToast.success(this.$lwLanguage.get('', '当前商品已完成收货'))
-        setTimeout(() => {
-          history.go(-1)
-        }, 1500)
-      }
-
-      this.skuInfo = res
-
-      this.lotList = this.skuInfo.lotMap
-
-      // 回填收货库位
-      if (!this.loc.value) {
-        this.loc.value = this.skuInfo.receiveLocationCode
-      }
-      this.rendered = true
-    },
-
-
-    // 获取调拨批次信息
-    getAllocLotList() {
-      wmsMobileExtInQueryAllocSkuLotList({
-        ...this.$route.query,
-        asnId: this.asnInfo.id,
-        skuId: this.skuInfo.sku.id,
-        lotBizType: this.isFastReceive ? 'RECEIVE' : 'ADVANCE_RECEIVE',
-      }).then(res => {
-        this.allocLot.datas = res || []
-        this.allocLot.popupShow = true
-      })
-    },
-    // 确认选择的批次
-    allocLotConfirm(item) {
-      this.lotList = []
-      this.$nextTick(() => {
-        this.allocLot.popupShow = false
-        this.lotList = this.$lwDeepCopy(item.lotMap)
-      })
-    },
-
-
-    //补码点击
-    printClick() {
-      if (!this.checkSkuPrint(true)) return
-
-      this.printPopupShow = true
-    },
-    //打印容器号点击
-    containerPrint() {
-
-      if (!this.checkSkuPrint(true)) return
-
-      this.containerPrintShow = true
-    },
-
-
-    // 序列号重复检查
-    checkSnRepeat(sn) {
-      for (let i = 0; i < this.sn.list.length; i++) {
-        if (this.sn.list[i].sn === sn) {
-          return {
-            repeat: true,
-            index: i
-          }
-        }
-      }
-      return {
-        repeat: false,
-      }
-    },
-    // 序列号确认
-    snConfirm(val, {data}) {
-      if (data.skuCode && data.skuCode !== this.skuInfo.sku.code) {
-        this.sn.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.bufjhdnz', '当前扫描的序列号与当前商品不匹配')
-        )
-        return
-      }
-
-      const sn = data.sn || data.key
-      const {repeat, index} = this.checkSnRepeat(sn)
-      if (repeat) {
-        this.$lwToast.fail(
-          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.yskdujyz', '当前序列号已在扫描列表中，不允许重复添加')
-        )
-        this.sn.list.unshift(this.sn.list.splice(index, 1)[0])
-        return
-      }
-      wmsMobileInboundFoundAsnSn({
-        asnId: this.asnInfo.id,
-        sn,
-        skuId: this.skuInfo.sku.id,
-        qty: data.qty || 1,
-      }).then(res => {
-        if (res && res.sn) {
-          this.sn.list.unshift({
-            sn: res.sn,
-            qty: res.qty || 1,
-          })
-        } else {
-          this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.htracwdp', '当前序列号未查询到收货信息')
-          )
-        }
-      })
-    },
-
-
-    // 商品号确认
-    skuConfirm(val, barcodeData) {
-      const data = barcodeData.data
-      const skuCode = data.skuCode || data.key
-      if (skuCode && skuCode !== this.skuInfo.sku.code) {
-        // 判断是否自动累加数量，如果要自动累加数量就要提示商品不一致，否则就直接替换掉
-        if (this.skuScanOverDisabled) {
-          this.skuChangeGetSkuInfo(barcodeData)
-          return;
-        }
-        this.$lwDialog.confirm({
-          title: this.$lwLanguage.get('', '提示'),
-          message: this.$lwLanguage.get('', '当前扫描商品与正在收货商品不一致，切换收货商品将导致未提交的数据清空'),
-          confirmButtonText: this.$lwLanguage.get('', '切换'),
-        }).then(() => {
-          this.skuChangeGetSkuInfo(barcodeData)
-        }).catch(() => {
-          this.sku.value = ''
-          this.sku.focus = true
-        })
-
-        return
-      }
-
-      this.sku.disabled = true
-      // 如果有商品数量就累加，没有就去输入数量
-      this.skuQtySum(data.qty)
-
-      this.skuScanOverRunProjectHandler(barcodeData)
-    },
-
-    // 按商品收货商品数量累加
-    skuQtySum(qty) {
-      // 如果有商品数量就累加，没有就去输入数量
-      const num = Number(qty || 0)
-      if (num) {
-        this.$refs.getQty.setQty(this.$refs.getQty.getQty() + num)
-        this.sku.value = ''
-        this.sku.focus = true
-      } else {
-        this.$refs.getQty?.getFocus()
-      }
-    },
-
-    // 商品扫描结束后 - 项目自定义处理器执行
-    async skuScanOverRunProjectHandler(data) {
-      const handler = this.$lwProjectCustomHandler.get('receive.bySkuV2.action.skuBarcode')
-      if (handler) {
-        await handler({
-          that: this,
-          data
-        })
-      }
-    },
-
-    // 商品数据信息切换，获取商品信息看是否存在分组数据
-    async skuChangeGetSkuInfo(data) {
-
-      let param = {}
-      if (data.bizType === 'SN') {
-        param = {
-          sn: data.data.sn || data.data.key,
-          skuCode: data.data.skuCode,
-          snQty: data.data.qty
-        }
-      } else {
-        param = {
-          skuCode: data.data.skuCode || data.data.key,
-          sn: data.data.sn
-        }
-      }
-
-      const {asnId, asnNo} = this.$route.query
-      const res = await wmsMobileExtInGetAsnSkuV3({
-        asnId,
-        asnNo,
-        ...param
-      })
-
-      if (!res || !res.length) {
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('', '当前商品没有查询到收货信息')
-        )
-        return
-      }
-
-      this.lotAttributes = {}
-      this.skuGroup.barcode = data
-
-      if (res.length === 1) {
-
-        await this.confirmSkuGroup({sku: res[0]})
-
-        return
-      }
-
-      this.skuGroup.list = res.map(item => {
-        return {sku: item}
-      })
-      this.skuGroup.show = true
-
-    },
-
-    // 确认商品分组信息
-    async confirmSkuGroup(item) {
-      this.$router.replace({
-        path: '/receive/bySku/lwAction',
-        query: {
-          ...this.$route.query,
-          asnNo: this.asnInfo.asnNo,
-          asnId: this.asnInfo.id,
-          skuCode: item.sku.sku.code,
-          skuId: item.sku.sku.id,
-          groupKey: item.sku.groupKey,
-          fastReceive: item.sku.sku.canFastReceive,
-          _time: Date.now()
-        }
-      })
-
-      this.reloadScanFn()
-      await this.getAsnInfo()
-      await this.skuScanOverRunProjectHandler(this.skuGroup.barcode)
-      this.skuQtySum(this.skuGroup.barcode.data?.qty || 0)
-
-      this.sku.disabled = true
-    },
-
-
-    // 收货托盘确认
-    lpnConfirm() {
-      if (this.containerReceive.open && this.containerReceive.list.length) {
-        this.containerReceive.list[0].qty = Number(this.containerReceive.list[0].qty || 0) + 1
-      }
-    },
-
-    // 生成收货托盘
-    async createLpnFn(eventConfirm) {
-      const res = await wmsMobileInboundNewReceiveLpn()
-
-      this.lpn.create = res
-      this.lpn.value = res
-      eventConfirm && this.lpnConfirm()
-    },
-
-
-    // 异常上报
-    submitAbnormal() {
-      const {success, data} = this.$refs.abnormal.getAllAbnormalData()
-      if (!success) return
-
-      wmsMobileSubmitAbnormalReceive({
-        ...this.$route.query,
-        asnId: this.asnInfo.id,
-        ownerId: this.asnInfo.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.wms.page.receive.bySku.action.higddrca', '异常上报成功')
-        )
-        this.getAsnInfo()
-      })
-    },
-
-
-    // 容器收货 - 初始化
-    initContainerReceive() {
-      this.containerReceive.open = !!this.$lwWarehouseConfig.get('systemConfig.WAREHOUSE_PDA_RECEIVE_CONTAINER_TOGETHER_WHEN_RECEIVE')?.includes('skuV2')
-      this.containerReceive.list = []
-    },
-    // 容器收货 - 增加容器
-    addContainerReceive() {
-      this.containerReceive.list.unshift({
-        id: stringRandom(10, {numbers: true}) + Date.now(),
-        skuId: '',
-        qty: '',
-        qtyFocus: true
-      })
-
-    },
-    // 容器收货 - 删除容器
-    delContainerReceive(k) {
-      this.containerReceive.list.splice(k, 1)
-    },
-    // 容器收货 - 获取容器列表
-    getContainerReceiveList(param) {
-      return wmsMobileQueryContainerSkuList(param)
-    },
-
-
-    // 重新扫描
-    reloadScanFn() {
-      this.sn.value = ''
-      this.sn.list = []
-      this.sku.value = ''
-      this.loc.value = ''
-      this.lpn.value = ''
-      this.lpn.create = ''
-      this.imgList = []
-      this.lotList = []
-      this.$refs.getQty?.clearInput()
-      this.sku.disabled = false
-      this.initContainerReceive()
-    },
-    // 重新扫描
-    reloadScan() {
-      this.$lwDialog.confirm({
-        title: this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.jvxxwknu', '提示'),
-        message: this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.dvkbkaym', '当前扫描数据将会全部清空'),
-        type: 'warning',
-      }).then(() => {
-        this.reloadScanFn()
-        this.getAsnInfo()
-      }).catch(() => {
-      })
-    },
-
-
-    // 确认收货
-    async confirmReceive() {
-      const qty = this.needSn ?
-        this.sn.list.reduce((t, i) => Number(i.qty) + t, 0) :
-        this.$refs.getQty.getQty()
-
-      if (!qty) {
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.ntuscmzr', '收货数量不能为空，且应当是大于0的整数')
-        )
-        return
-      }
-
-      const lotData = await this.$refs.lotEl.getData()
-      if (!lotData.success) return
-
-      const locationCode = this.loc.value
-      if (!locationCode) {
-        this.loc.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.iaibdfts', '收货库位不能为空')
-        )
-        return
-      }
-
-      const lpn = this.lpn.value
-      if (
-        !this.showCreateLpnBtn &&
-        (!this.asnInfo.hideLpn && this.asnInfo.requiredLpn) &&
-        !lpn
-      ) {
-        this.lpn.focus = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.vkkrqtkq', '收货托盘不能为空')
-        )
-        return
-      }
-
-
-      // 校验容器收货
-      if (this.containerReceive.open) {
-        const list = this.containerReceive.list
-        if (!list.length) {
-          this.$lwShowErrorMsg(
-            this.$lwLanguage.get('', '请添加收货容器')
-          )
-          return
-        }
-
-        for (let i = 0; i < list.length; i++) {
-          const item = list[i]
-          const index = i + 1
-          console.log(item)
-          if (!item.skuId) {
-            this.$lwShowErrorMsg(
-              this.$lwLanguage.get('', '【容器{index}】不能为空', {index})
-            )
-            return
-          }
-          if (!Number(item.qty || 0)) {
-            this.$lwShowErrorMsg(
-              this.$lwLanguage.get('', '【容器{index}】，数量不能为空，且应当是大于0的正整数', {index})
-            )
-            return
-          }
-        }
-      }
-
-
-      if (this.$lwWarehouseConfig.get('systemConfig.WAREHOUSE_PDA_SUBMIT_NEED_CONFIRM') === 'true') {
-        this.$lwDialog.confirm({
-          title: this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.jvxxwknu', '提示'),
-          message: this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.gfxbsvpy', '确认{text}？', {text: this.receiveText}),
-        }).then(() => {
-          this.lotAttributes = lotData.data
-          this.confirmReceiveApi()
-        }).catch(() => {
-        })
-      } else {
-        this.lotAttributes = lotData.data
-        await this.confirmReceiveApi()
-      }
-
-    },
-
-    // 确认收货api
-    async confirmReceiveApi() {
-
-      if (
-        !this.asnInfo.hideLpn &&
-        !this.lpn.value &&
-        this.showCreateLpnBtn
-      ) await this.createLpnFn()
-
-
-      const param = {
-        ...this.$route.query,
-        asnId: this.asnInfo.id,
-        skuId: this.skuInfo.sku.id,
-        locationCode: this.loc.value,
-        lpn: this.lpn.value,
-        qty: this.needSn ? this.sn.list.reduce((t, i) => Number(i.qty) + t, 0) : this.$refs.getQty.getQty(),
-        lotAttributes: this.lotAttributes,
-        images: this.imgList.join('|'),
-        taskId: this.$route.query.lwTaskId,
-        printPutawayDeviceld: this.printPutaway.templateId || '',
-        printPutawayTemplate: this.printPutaway.templateId || '',
-        containerSkuList: this.containerReceive.open ? this.containerReceive.list : []
-      }
-
-      // 判断当前输入托盘号是否是生成的
-      if (this.lpn.value === this.lpn.create) {
-        if (Object.keys(this.printLpnData).length) {
-          param.printReceiveDeviceId = this.printLpnData.printId || ''
-          param.printReceiveTemplate = this.printLpnData.templateId || ''
-          param.printDeviceId = this.printLpnData.printId || ''
-          param.printTemplate = this.printLpnData.templateId || ''
-        }
-        param.lpnComeFrom = 'autoGenerate'
-      }
-
-
-      let api = ''
-      if (this.needSn) {
-        param.snList = this.sn.list
-        api = wmsMobileInboundSubmitAsnFastReceiveForSkuSn
-      } else {
-        api = this.$route.query.fastReceive === 'true' ?
-          wmsMobileInboundSubmitAsnFastReceiveForSku :
-          wmsMobileInboundSubmitAsnAdvanceReceiveForSku
-
-      }
-
-      api(param).then(res => {
-
-        this.$lwToast.success(
-          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.flvnkgkw', '操作成功')
-        )
-
-        // 打印托盘标签
-        if (res && Object.keys(this.printLpnData).length && Array.isArray(res.printList)) {
-          res.printList.forEach(item => {
-            this.$lwPrint.bluetoothPrint(item.id)
-          })
-        }
-
-        this.reloadScanFn()
-        this.getAsnInfo()
-      })
-    },
-
-  }
-}
-</script>
-
-<style scoped lang="less">
-@import "./../../../../../assets/css/var.less";
-
-.lot-item-box {
-  border: solid 1px @baseColor;
-  border-radius: 8px;
-  padding: 5px 8px;
-
-  & + .lot-item-box {
-    margin-top: 10px;
-  }
-}
-
-</style>
+<!--
+  按商品收货 - 执行页
+  @author: 张文
+  @date: 2024-01-05
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.hmqqcqsm', '按商品收货')"/>
+
+    <template v-if="rendered">
+
+      <lw-page-body-module>
+
+        <!-- 卸货运单数据 -->
+        <div
+          style="margin-bottom: 10px"
+          class="lw-global-model-box lw-global-border-2px"
+          v-if="asnInfo.unloadDeliveryContentList?.length"
+        >
+          <div class="lw-global-row-start lw-global-title lw-global-title-left-line">
+            {{ $lwLanguage.get('', '卸货运单数据') }}
+          </div>
+          <lw-label-value-group
+            :list="asnInfo.unloadDeliveryContentList"
+            :show-row-style="false"
+          />
+        </div>
+        <!-- 头部信息 -->
+        <template>
+          <lw-label-value-group
+            class="lw-global-model-top-radius"
+            :list="asnInfo.contentList"
+          />
+          <lw-data-look-bg
+            type="not"
+            :data="skuInfo.qtyList"
+            value-key="qtyLabel"
+            title-key="label"
+            :show-end-line="false"
+          />
+          <div class="lw-global-model-bottom-radius">
+
+            <lw-sku-info-module
+              class="lw-global-row"
+              :sku-code="skuInfo.sku.code"
+              :sku-name="skuInfo.sku.name"
+            >
+              <lw-tag
+                style="margin: 0"
+                round
+                plain
+              >
+                {{ skuInfo.sku.skuUrgencyLabel }}
+              </lw-tag>
+              <lw-tag
+                style="margin: 0 5px"
+                round
+                plain
+                type="danger"
+              >
+                {{ skuInfo.sku.qualityTypeLabel }}
+              </lw-tag>
+
+              <lw-button
+                v-if="showPrintSkuBtn"
+                mini
+                @click="printClick"
+              >
+                {{ $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.bputhxit', '补码') }}
+              </lw-button>
+              <lw-button
+                v-if="showPrintContainerBtn"
+                mini
+                @click="containerPrint"
+              >
+                {{ $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.dofskkdl', '打印容器号') }}
+              </lw-button>
+            </lw-sku-info-module>
+
+            <lw-title-value-cell
+              v-if="needQuality"
+              :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.blsmiaxv', '异常率')"
+              :value="skuInfo.sku.abnormalRate + '%'"
+              val-red
+              val-bold
+              :is-row="false"
+            />
+
+            <lw-label-value-group
+              :list="skuInfo.groupContentList"
+              show-row-style
+            />
+          </div>
+        </template>
+
+        <!-- 品检卡 -->
+        <quality-card
+          v-if="needQuality"
+          type="asn"
+          :obj-id="asnInfo.id"
+          :skuCode="skuInfo.sku.code"
+          :delay-load="false"
+          :card-mode="true"
+        />
+
+        <!-- 需要sn -->
+        <div
+          v-if="needSn"
+          class="lw-global-model-box"
+          style="padding-top: 3px"
+        >
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.yjqneafi', '序列号')"
+            required
+            v-model="sn.value"
+            :get-focus.sync="sn.focus"
+            rule-key="sn"
+            :create-rule="$lwScanRule.create('按商品收货-收货-序列号条码','SN')"
+            :owner-id="asnInfo.ownerId"
+            auto-clear-val
+            @confirm="snConfirm"
+          />
+          <lw-scan-data-list-module
+            class="lw-global-row-end"
+            v-model="sn.list"
+            row-type="sn"
+            row-id="receiveBySku"
+            total-type="sn"
+            total-type-id="receiveBySku"
+            start-bright
+          />
+        </div>
+        <!-- 不需要sn -->
+        <div
+          v-else
+          class="lw-global-model-box lw-global-model-box-3px"
+          style="margin-top: 10px;"
+        >
+
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.rqqmodll', '商品收货条码')"
+            required
+            v-model="sku.value"
+            :get-focus.sync="sku.focus"
+            rule-key="skuReceive"
+            :create-rule="$lwScanRule.create('按商品收货-预收货-商品收货条码','SKU')"
+            :owner-id="asnInfo.ownerId"
+            :disabled="skuDisabled"
+            @confirm="skuConfirm"
+          />
+          <!-- 数量收货 -->
+          <lw-get-qty-by-type
+            ref="getQty"
+            :owner-id="skuInfo.ownerId"
+            :pack-id="skuInfo.pack.id"
+            :sku-id="skuInfo.sku.id"
+            :show-bottom-border="false"
+          />
+        </div>
+
+        <!-- 调拨批次信息 -->
+        <div
+          v-if="asnInfo.hasAlloc"
+          class="lw-global-model-box lw-global-model-box-3px lw-global-click-style"
+          @click="getAllocLotList"
+        >
+          <lw-cell
+            :title="$lwLanguage.get('', '选择收货批次')"
+            :border="false"
+            :is-link="false"
+            show-arrow
+          />
+        </div>
+
+        <!-- 批次信息 -->
+        <lw-lot-module
+          v-if="lotList.length"
+          class="lw-global-model-box lw-global-model-box-3px"
+          ref="lotEl"
+          :end-row="false"
+          :lot-list="lotList"
+        />
+
+
+        <!-- 库位、托盘、容器、照片等收货信息 -->
+        <div class="lw-global-model-box lw-global-model-box-3px" style="margin-top: 10px;">
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.znmsvxah', '收货库位')"
+            required
+            v-model="loc.value"
+            :get-focus.sync="loc.focus"
+            rule-key="loc"
+            :create-rule="$lwScanRule.create('收货-按商品收货-收货库位','LOCATION')"
+            :owner-id="asnInfo.ownerId"
+          />
+          <lw-input
+            v-if="!asnInfo.hideLpn"
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.lmwnwthq', '收货托盘')"
+            :required="asnInfo.requiredLpn"
+            v-model="lpn.value"
+            :get-focus.sync="lpn.focus"
+            rule-key="lpn"
+            :create-rule="$lwScanRule.create('收货-按商品收货-收货托盘','LPN')"
+            :owner-id="asnInfo.ownerId"
+            @confirm="lpnConfirm"
+          >
+            <template
+              v-if="showCreateLpnBtn"
+              #button
+            >
+
+              <lw-button
+                mini
+                @click="createLpnFn"
+              >
+                {{ $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.fjyobovx', '生成') }}
+              </lw-button>
+
+            </template>
+          </lw-input>
+
+          <!-- 容器收货 -->
+          <div
+            style="height: 22px"
+            class="lw-global-row lw-global-flex-between"
+          >
+            <div class="lw-global-flex-start">
+              <div class="lw-global-title">
+                {{ $lwLanguage.get('', '开启收货容器') }}
+              </div>
+              <van-switch
+                style="margin-left: 5px"
+                v-model="containerReceive.open"
+                size="16px"
+              />
+            </div>
+            <van-icon
+              v-show="containerReceive.open"
+              size="22px"
+              name="add"
+              color="red"
+              @click="addContainerReceive"
+            />
+          </div>
+          <div
+            v-show="containerReceive.open"
+            v-for="(i,k) in containerReceive.list"
+            :key="i.id"
+            class="lw-global-flex-between lw-global-row"
+          >
+            <lw-search-select-popup-module
+              style="width: 50%"
+              :title="$lwLanguage.get('', '容器{index}',{index:k+1})"
+              :api="getContainerReceiveList"
+              v-model="i.skuId"
+              type="sku"
+              required
+              :init-selected-index="0"
+              :show-border="false"
+              :label-key="['name']"
+            />
+            <lw-input
+              style="width: 30%"
+              :title="$lwLanguage.get('', '数量')"
+              v-model="i.qty"
+              :get-focus.sync="i.qtyFocus"
+              type="digit"
+              :show-bottom-border="false"
+              :show-scan-icon="false"
+            />
+            <van-icon
+              style="flex-shrink: 0"
+              name="clear"
+              color="#D50000"
+              size="20px"
+              @click="delContainerReceive(k)"
+            />
+          </div>
+
+
+          <!-- 收货照片 -->
+          <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>
+
+
+      </lw-page-body-module>
+
+
+      <lw-bottom-bar>
+        <lw-button
+          type="last"
+          @click="showAbnormal=true"
+        >
+          {{ receiveText + $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.mifenrqx', '异常') }}
+        </lw-button>
+        <lw-button
+          plain
+          @click="reloadScan"
+        >
+          {{ $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.xrzzehek', '重新扫描') }}
+        </lw-button>
+        <lw-button @click="confirmReceive">
+          {{ $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.pbjjpnlx', '确认') + receiveText }}
+        </lw-button>
+      </lw-bottom-bar>
+
+
+      <!-- 补码弹框 -->
+      <print-label-popup
+        v-model="printPopupShow"
+        :asn-id="asnInfo.id"
+        :sku-id="skuInfo.sku.id"
+        :print-data="printSkuData"
+      />
+      <!-- 补码弹框 -->
+      <container-print-popup
+        v-model="containerPrintShow"
+        :asn-id="asnInfo.id"
+        :sku-id="skuInfo.sku.id"
+        :print-data="printSkuData"
+      />
+      <!-- 批次选择弹框 -->
+      <lw-popup
+        :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.jimbqrne', '批次选择')"
+        v-model="allocLot.popupShow"
+        :show-keyboard-placeholder="false"
+      >
+
+
+        <div
+          class="lot-item-box"
+          v-for="i in allocLot.datas"
+          :key="i.lotId"
+          @click="allocLotConfirm(i)"
+        >
+          <lw-label-value-group :list="i.contentList"/>
+        </div>
+        <lw-not-data v-if="!allocLot.datas.length"/>
+
+
+      </lw-popup>
+      <!-- 异常弹框 -->
+      <lw-popup
+        :title="$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.ssmrsecg', '收货异常')"
+        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="asnInfo.asnNo"
+          :sku-code="skuInfo.sku.code"
+          :qty="asnInfo.pendingQty"
+          :qty-label="asnInfo.pendingQtyLabel"
+          :group-key="$route.query.groupKey"
+        />
+
+        <template #button>
+          <lw-button @click="submitAbnormal">
+            {{ $lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.rlxhhuvg', '上报异常') }}
+          </lw-button>
+        </template>
+      </lw-popup>
+
+      <!-- 分组商品选择 -->
+      <receive-sku-group-popup
+        v-model="skuGroup.show"
+        :sku-list="skuGroup.list"
+        @selected="confirmSkuGroup"
+      />
+
+    </template>
+
+  </div>
+</template>
+
+<script>
+
+import {
+  wmsMobileExtInGetAsnSkuGroupV3,
+  wmsMobileExtInGetAsnV2,
+  wmsMobileInboundFoundAsnSn,
+  wmsMobileSubmitAbnormalReceive,
+  wmsMobileInboundNewReceiveLpn,
+  wmsMobileInboundSubmitAsnFastReceiveForSku,
+  wmsMobileInboundSubmitAsnFastReceiveForSkuSn,
+  wmsMobileInboundSubmitAsnAdvanceReceiveForSku,
+  wmsMobileExtInQueryAllocSkuLotList,
+  wmsMobileExtInGetAsnSkuV3,
+} from "./../../../api/receive/bySku";
+import printLabelPopup from "./../../inbound/components/printLabelPopup.vue";
+import containerPrintPopup from "./../../inbound/components/containerPrintPopup.vue";
+import QualityCard from "./../../inbound/components/QualityCard.vue";
+import receiveSkuGroupPopup from "../../../components/receiveSkuGroup/popup.vue";
+import {wmsMobileQueryContainerSkuList} from "../../../api/receive/byContainer";
+import stringRandom from "string-random";
+
+export default {
+  name: "lwReceiveBySkuAction",
+  components: {
+    printLabelPopup,
+    containerPrintPopup,
+    QualityCard,
+    receiveSkuGroupPopup,
+  },
+  data() {
+    return {
+      rendered: false,
+      // 托盘打印机
+      printLpnData: {},
+      // 商品打印机
+      printSkuData: {},
+      // 上架
+      printPutaway: {},
+      asnInfo: {},
+      skuInfo: {
+        sku: {},
+        pack: {},
+      },
+      // 补码弹框
+      printPopupShow: false,
+      // 容器标签弹框
+      containerPrintShow: false,
+
+      // 品检卡弹框
+      qualityCardPopup: {
+        show: false,
+        data: {}
+      },
+
+      // 序列号
+      sn: {
+        value: '',
+        focus: false,
+        list: [],
+      },
+      // 商品号
+      sku: {
+        value: '',
+        focus: false,
+        disabled: true,
+        canScan: true,
+        list: [],
+      },
+      // 是否自动累加商品数量
+      skuScanOverDisabled: false,
+      // 库位
+      loc: {
+        value: '',
+        focus: false,
+      },
+      // 托盘号
+      lpn: {
+        value: '',
+        focus: false,
+        create: ''
+      },
+      // 收货图片
+      imgList: [],
+
+      // 批次信息
+      lotList: [],
+      // 当前提交的批次信息
+      lotAttributes: {},
+
+      // 调拨批次信息
+      allocLot: {
+        datas: [],
+        popupShow: false
+      },
+
+      // 异常弹框
+      showAbnormal: false,
+
+
+      // 商品分组选择弹框
+      skuGroup: {
+        show: false,
+        list: []
+      },
+
+      // 容器收货
+      containerReceive: {
+        open: false,
+        list: []
+      }
+    }
+  },
+  computed: {
+    // 是否显示品检卡及异常率
+    needQuality() {
+      return this.skuInfo.sku.needQuality
+    },
+    // 是否是快收
+    isFastReceive() {
+      return this.$route.query.fastReceive === 'true'
+    },
+    // 收货文本
+    receiveText() {
+      return this.isFastReceive ?
+        this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.rlxhhuvge', '收货') :
+        this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.rlxhhuvga', '预收货')
+    },
+    // 是否需要sn
+    needSn() {
+      return this.skuInfo.sku.needSn && this.isFastReceive
+    },
+
+    // 是否显示补打按钮
+    showPrintSkuBtn() {
+      return !this.skuInfo.sku.containerSku && this.$lwWarehouseConfig.get('systemConfig.INBOUND_RECEIVE_RE_PRINT_LABEL') === 'true'
+    },
+    // 是否显示打印容器号按钮
+    showPrintContainerBtn() {
+      return this.skuInfo.sku.containerSku && this.$lwWarehouseConfig.get('systemConfig.INBOUND_RECEIVE_RE_PRINT_LABEL') === 'true'
+    },
+
+    // 是否显示生成托盘的按钮
+    showCreateLpnBtn() {
+      return this.$lwWarehouseConfig.get('systemConfig.INBOUND_RECEIVE_LPN_AUTO_GENERATE') === 'true'
+    },
+
+    // 商品输入框是否禁用
+    skuDisabled() {
+      return this.sku.disabled && this.skuScanOverDisabled
+    }
+  },
+  async mounted() {
+
+    this.skuScanOverDisabled = this.$lwWarehouseConfig.get('systemConfig.INBOUND_SKU_RECEIVE_QTY_OVERLYING') === 'false'
+
+    this.initContainerReceive()
+
+    await this.getAsnInfo()
+    this.checkLpnPrint()
+    this.checkSkuPrint()
+    this.checkPutawayPrint()
+
+    const handler = this.$lwProjectCustomHandler.get('receive.bySkuV2.action.mounted')
+    if (handler) await handler({that: this})
+
+    this.$nextTick(() => {
+      this.skuQtySum(this.$route.query.qty || 0)
+      if (this.skuDisabled) {
+        this.$refs.getQty?.getFocus()
+      } else {
+        this.sku.focus = true
+      }
+    })
+  },
+  methods: {
+    // 托盘打印机校验
+    checkLpnPrint(needCheck) {
+
+      if (this.printLpnData.printId) return true
+
+      const {printData, success} = this.$lwPrint.test({
+        templateCode: 'PART_RECEIVE_LABEL',
+        msg: this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.xsmquqqn', '收货托盘标签'),
+        msgType: needCheck ? 'HARD' : ''
+      })
+      this.printLpnData = printData
+      return success
+    },
+    // 商品打印机校验
+    checkSkuPrint(needCheck) {
+      if (this.$lwWarehouseConfig.get('systemConfig.INBOUND_RECEIVE_RE_PRINT_LABEL') !== 'true') return false
+
+      if (this.printSkuData.printId) return true
+
+      const {printData, success} = this.$lwPrint.test({
+        templateCode: 'INBOUND_SKU_PRINT_LABEL',
+        msg: this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.suyjezao', '入库商品标签'),
+        msgType: needCheck ? 'HARD' : ''
+      })
+      this.printSkuData = 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.receive.bySku.action.hpnexdsq', '入库上架标签'),
+      })
+      this.printPutaway = printData
+      return success
+    },
+
+
+    // 获取单信息
+    async getAsnInfo() {
+      this.rendered = false
+      const res = await wmsMobileExtInGetAsnV2(this.$route.query)
+      if (!res) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.slfobrvh', '没有查询到任何信息')
+        )
+        history.go(-1)
+        return Promise.reject()
+      }
+
+      this.asnInfo = res
+      await this.getSkuInfo()
+    },
+    // 获取商品信息
+    async getSkuInfo() {
+      const res = await wmsMobileExtInGetAsnSkuGroupV3({
+        ...this.$route.query,
+        asnId: this.asnInfo.id,
+        lotAttributes: this.lotAttributes
+      })
+
+      if (!res) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.slspoxds', '获取单信息失败，请确认单据号、商品信息是否正确')
+        )
+        history.go(-1)
+        return Promise.reject()
+      }
+
+      if (!res.canReceiveOverage && res.qty <= res.receiveQty) {
+        this.$lwToast.success(this.$lwLanguage.get('', '当前商品已完成收货'))
+        setTimeout(() => {
+          history.go(-1)
+        }, 1500)
+      }
+
+      this.skuInfo = res
+
+      this.lotList = this.skuInfo.lotMap
+
+      // 回填收货库位
+      if (!this.loc.value) {
+        this.loc.value = this.skuInfo.receiveLocationCode
+      }
+      this.rendered = true
+    },
+
+
+    // 获取调拨批次信息
+    getAllocLotList() {
+      wmsMobileExtInQueryAllocSkuLotList({
+        ...this.$route.query,
+        asnId: this.asnInfo.id,
+        skuId: this.skuInfo.sku.id,
+        lotBizType: this.isFastReceive ? 'RECEIVE' : 'ADVANCE_RECEIVE',
+      }).then(res => {
+        this.allocLot.datas = res || []
+        this.allocLot.popupShow = true
+      })
+    },
+    // 确认选择的批次
+    allocLotConfirm(item) {
+      this.lotList = []
+      this.$nextTick(() => {
+        this.allocLot.popupShow = false
+        this.lotList = this.$lwDeepCopy(item.lotMap)
+      })
+    },
+
+
+    //补码点击
+    printClick() {
+      if (!this.checkSkuPrint(true)) return
+
+      this.printPopupShow = true
+    },
+    //打印容器号点击
+    containerPrint() {
+
+      if (!this.checkSkuPrint(true)) return
+
+      this.containerPrintShow = true
+    },
+
+
+    // 序列号重复检查
+    checkSnRepeat(sn) {
+      for (let i = 0; i < this.sn.list.length; i++) {
+        if (this.sn.list[i].sn === sn) {
+          return {
+            repeat: true,
+            index: i
+          }
+        }
+      }
+      return {
+        repeat: false,
+      }
+    },
+    // 序列号确认
+    snConfirm(val, {data}) {
+      if (data.skuCode && data.skuCode !== this.skuInfo.sku.code) {
+        this.sn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.bufjhdnz', '当前扫描的序列号与当前商品不匹配')
+        )
+        return
+      }
+
+      const sn = data.sn || data.key
+      const {repeat, index} = this.checkSnRepeat(sn)
+      if (repeat) {
+        this.$lwToast.fail(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.yskdujyz', '当前序列号已在扫描列表中，不允许重复添加')
+        )
+        this.sn.list.unshift(this.sn.list.splice(index, 1)[0])
+        return
+      }
+      wmsMobileInboundFoundAsnSn({
+        asnId: this.asnInfo.id,
+        sn,
+        skuId: this.skuInfo.sku.id,
+        qty: data.qty || 1,
+      }).then(res => {
+        if (res && res.sn) {
+          this.sn.list.unshift({
+            sn: res.sn,
+            qty: res.qty || 1,
+          })
+        } else {
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.htracwdp', '当前序列号未查询到收货信息')
+          )
+        }
+      })
+    },
+
+
+    // 商品号确认
+    skuConfirm(val, barcodeData) {
+      const data = barcodeData.data
+      const skuCode = data.skuCode || data.key
+      if (skuCode && skuCode !== this.skuInfo.sku.code) {
+        // 判断是否自动累加数量，如果要自动累加数量就要提示商品不一致，否则就直接替换掉
+        if (this.skuScanOverDisabled) {
+          this.skuChangeGetSkuInfo(barcodeData)
+          return;
+        }
+        this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('', '提示'),
+          message: this.$lwLanguage.get('', '当前扫描商品与正在收货商品不一致，切换收货商品将导致未提交的数据清空'),
+          confirmButtonText: this.$lwLanguage.get('', '切换'),
+        }).then(() => {
+          this.skuChangeGetSkuInfo(barcodeData)
+        }).catch(() => {
+          this.sku.value = ''
+          this.sku.focus = true
+        })
+
+        return
+      }
+
+      this.sku.disabled = true
+      // 如果有商品数量就累加，没有就去输入数量
+      this.skuQtySum(data.qty)
+
+      this.skuScanOverRunProjectHandler(barcodeData)
+    },
+
+    // 按商品收货商品数量累加
+    skuQtySum(qty) {
+      // 如果有商品数量就累加，没有就去输入数量
+      const num = Number(qty || 0)
+      if (num) {
+        this.$refs.getQty.setQty(this.$refs.getQty.getQty() + num)
+        this.sku.value = ''
+        this.sku.focus = true
+      } else {
+        this.$refs.getQty?.getFocus()
+      }
+    },
+
+    // 商品扫描结束后 - 项目自定义处理器执行
+    async skuScanOverRunProjectHandler(data) {
+      const handler = this.$lwProjectCustomHandler.get('receive.bySkuV2.action.skuBarcode')
+      if (handler) {
+        await handler({
+          that: this,
+          data
+        })
+      }
+    },
+
+    // 商品数据信息切换，获取商品信息看是否存在分组数据
+    async skuChangeGetSkuInfo(data) {
+
+      let param = {}
+      if (data.bizType === 'SN') {
+        param = {
+          sn: data.data.sn || data.data.key,
+          skuCode: data.data.skuCode,
+          snQty: data.data.qty
+        }
+      } else {
+        param = {
+          skuCode: data.data.skuCode || data.data.key,
+          sn: data.data.sn
+        }
+      }
+
+      const {asnId, asnNo} = this.$route.query
+      const res = await wmsMobileExtInGetAsnSkuV3({
+        asnId,
+        asnNo,
+        ...param
+      })
+
+      if (!res || !res.length) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '当前商品没有查询到收货信息')
+        )
+        return
+      }
+
+      this.lotAttributes = {}
+      this.skuGroup.barcode = data
+
+      if (res.length === 1) {
+
+        await this.confirmSkuGroup({sku: res[0]})
+
+        return
+      }
+
+      this.skuGroup.list = res.map(item => {
+        return {sku: item}
+      })
+      this.skuGroup.show = true
+
+    },
+
+    // 确认商品分组信息
+    async confirmSkuGroup(item) {
+      this.$router.replace({
+        path: '/receive/bySku/lwAction',
+        query: {
+          ...this.$route.query,
+          asnNo: this.asnInfo.asnNo,
+          asnId: this.asnInfo.id,
+          skuCode: item.sku.sku.code,
+          skuId: item.sku.sku.id,
+          groupKey: item.sku.groupKey,
+          fastReceive: item.sku.sku.canFastReceive,
+          _time: Date.now()
+        }
+      })
+
+      this.reloadScanFn()
+      await this.getAsnInfo()
+      await this.skuScanOverRunProjectHandler(this.skuGroup.barcode)
+      this.skuQtySum(this.skuGroup.barcode.data?.qty || 0)
+
+      this.sku.disabled = true
+    },
+
+
+    // 收货托盘确认
+    lpnConfirm() {
+      if (this.containerReceive.open && this.containerReceive.list.length) {
+        this.containerReceive.list[0].qty = Number(this.containerReceive.list[0].qty || 0) + 1
+      }
+    },
+
+    // 生成收货托盘
+    async createLpnFn(eventConfirm) {
+      const res = await wmsMobileInboundNewReceiveLpn()
+
+      this.lpn.create = res
+      this.lpn.value = res
+      eventConfirm && this.lpnConfirm()
+    },
+
+
+    // 异常上报
+    submitAbnormal() {
+      const {success, data} = this.$refs.abnormal.getAllAbnormalData()
+      if (!success) return
+
+      wmsMobileSubmitAbnormalReceive({
+        ...this.$route.query,
+        asnId: this.asnInfo.id,
+        ownerId: this.asnInfo.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.wms.page.receive.bySku.action.higddrca', '异常上报成功')
+        )
+        this.getAsnInfo()
+      })
+    },
+
+
+    // 容器收货 - 初始化
+    initContainerReceive() {
+      this.containerReceive.open = !!this.$lwWarehouseConfig.get('systemConfig.WAREHOUSE_PDA_RECEIVE_CONTAINER_TOGETHER_WHEN_RECEIVE')?.includes('skuV2')
+      this.containerReceive.list = []
+    },
+    // 容器收货 - 增加容器
+    addContainerReceive() {
+      this.containerReceive.list.unshift({
+        id: stringRandom(10, {numbers: true}) + Date.now(),
+        skuId: '',
+        qty: '',
+        qtyFocus: true
+      })
+
+    },
+    // 容器收货 - 删除容器
+    delContainerReceive(k) {
+      this.containerReceive.list.splice(k, 1)
+    },
+    // 容器收货 - 获取容器列表
+    getContainerReceiveList(param) {
+      return wmsMobileQueryContainerSkuList(param)
+    },
+
+
+    // 重新扫描
+    reloadScanFn() {
+      this.sn.value = ''
+      this.sn.list = []
+      this.sku.value = ''
+      this.loc.value = ''
+      this.lpn.value = ''
+      this.lpn.create = ''
+      this.imgList = []
+      this.lotList = []
+      this.$refs.getQty?.clearInput()
+      this.sku.disabled = false
+      this.initContainerReceive()
+    },
+    // 重新扫描
+    reloadScan() {
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.jvxxwknu', '提示'),
+        message: this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.dvkbkaym', '当前扫描数据将会全部清空'),
+        type: 'warning',
+      }).then(() => {
+        this.reloadScanFn()
+        this.getAsnInfo()
+      }).catch(() => {
+      })
+    },
+
+
+    // 确认收货
+    async confirmReceive() {
+      const qty = this.needSn ?
+        this.sn.list.reduce((t, i) => Number(i.qty) + t, 0) :
+        this.$refs.getQty.getQty()
+
+      if (!qty) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.ntuscmzr', '收货数量不能为空，且应当是大于0的整数')
+        )
+        return
+      }
+
+      const lotData = await this.$refs.lotEl.getData()
+      if (!lotData.success) return
+
+      const locationCode = this.loc.value
+      if (!locationCode) {
+        this.loc.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.iaibdfts', '收货库位不能为空')
+        )
+        return
+      }
+
+      const lpn = this.lpn.value
+      if (
+        !this.showCreateLpnBtn &&
+        (!this.asnInfo.hideLpn && this.asnInfo.requiredLpn) &&
+        !lpn
+      ) {
+        this.lpn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.vkkrqtkq', '收货托盘不能为空')
+        )
+        return
+      }
+
+
+      // 校验容器收货
+      if (this.containerReceive.open) {
+        const list = this.containerReceive.list
+        if (!list.length) {
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('', '请添加收货容器')
+          )
+          return
+        }
+
+        for (let i = 0; i < list.length; i++) {
+          const item = list[i]
+          const index = i + 1
+          console.log(item)
+          if (!item.skuId) {
+            this.$lwShowErrorMsg(
+              this.$lwLanguage.get('', '【容器{index}】不能为空', {index})
+            )
+            return
+          }
+          if (!Number(item.qty || 0)) {
+            this.$lwShowErrorMsg(
+              this.$lwLanguage.get('', '【容器{index}】，数量不能为空，且应当是大于0的正整数', {index})
+            )
+            return
+          }
+        }
+      }
+
+
+      if (this.$lwWarehouseConfig.get('systemConfig.WAREHOUSE_PDA_SUBMIT_NEED_CONFIRM') === 'true') {
+        this.$lwDialog.confirm({
+          title: this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.jvxxwknu', '提示'),
+          message: this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.gfxbsvpy', '确认{text}？', {text: this.receiveText}),
+        }).then(() => {
+          this.lotAttributes = lotData.data
+          this.confirmReceiveApi()
+        }).catch(() => {
+        })
+      } else {
+        this.lotAttributes = lotData.data
+        await this.confirmReceiveApi()
+      }
+
+    },
+
+    // 确认收货api
+    async confirmReceiveApi() {
+
+      if (
+        !this.asnInfo.hideLpn &&
+        !this.lpn.value &&
+        this.showCreateLpnBtn
+      ) await this.createLpnFn()
+
+
+      const param = {
+        ...this.$route.query,
+        asnId: this.asnInfo.id,
+        skuId: this.skuInfo.sku.id,
+        locationCode: this.loc.value,
+        lpn: this.lpn.value,
+        qty: this.needSn ? this.sn.list.reduce((t, i) => Number(i.qty) + t, 0) : this.$refs.getQty.getQty(),
+        lotAttributes: this.lotAttributes,
+        images: this.imgList.join('|'),
+        taskId: this.$route.query.lwTaskId,
+        printPutawayDeviceld: this.printPutaway.templateId || '',
+        printPutawayTemplate: this.printPutaway.templateId || '',
+        containerSkuList: this.containerReceive.open ? this.containerReceive.list : []
+      }
+
+      // 判断当前输入托盘号是否是生成的
+      if (this.lpn.value === this.lpn.create) {
+        if (Object.keys(this.printLpnData).length) {
+          param.printReceiveDeviceId = this.printLpnData.printId || ''
+          param.printReceiveTemplate = this.printLpnData.templateId || ''
+          param.printDeviceId = this.printLpnData.printId || ''
+          param.printTemplate = this.printLpnData.templateId || ''
+        }
+        param.lpnComeFrom = 'autoGenerate'
+      }
+
+
+      let api = ''
+      if (this.needSn) {
+        param.snList = this.sn.list
+        api = wmsMobileInboundSubmitAsnFastReceiveForSkuSn
+      } else {
+        api = this.$route.query.fastReceive === 'true' ?
+          wmsMobileInboundSubmitAsnFastReceiveForSku :
+          wmsMobileInboundSubmitAsnAdvanceReceiveForSku
+
+      }
+
+      api(param).then(res => {
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.bySku.action.flvnkgkw', '操作成功')
+        )
+
+        // 打印托盘标签
+        if (res && Object.keys(this.printLpnData).length && Array.isArray(res.printList)) {
+          res.printList.forEach(item => {
+            this.$lwPrint.bluetoothPrint(item.id)
+          })
+        }
+
+        this.reloadScanFn()
+        this.getAsnInfo()
+      })
+    },
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "./../../../../../assets/css/var.less";
+
+.lot-item-box {
+  border: solid 1px @baseColor;
+  border-radius: 8px;
+  padding: 5px 8px;
+
+  & + .lot-item-box {
+    margin-top: 10px;
+  }
+}
+
+</style>