@logwire/logwire-wms-pda-ui 3.4.0 → 3.5.0

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

@@ -0,0 +1,1302 @@
+<!--
+  混单收货 - 执行页
+  @author: 张文
+  @date: 2023-08-04
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.gqaoqilf', '混单收货')"/>
+
+    <lw-page-body-module>
+
+      <!-- 单据信息 -->
+      <div class="lw-global-model-box">
+        <div class="lw-global-flex-between lw-global-row-start">
+
+          <lw-title-value-cell
+            :title="asnInfo.titleLabel"
+            :value="asnInfo.title"
+            :is-row="false"
+          />
+
+          <lw-button
+            mini
+            round
+            @click="lookContent"
+          >
+            {{ $lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.kmolxsrk', '详情') }}
+          </lw-button>
+
+        </div>
+        <lw-label-value-group
+          :list="asnInfo.contentList"
+          :show-start-row-style="false"
+        />
+      </div>
+
+      <!-- tab项 -->
+      <lw-tab-box style="margin-top: 10px">
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+          <!-- 正常收货 -->
+          <van-tab
+            name="normal"
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.cnjypogn', '正常收货')"
+          >
+            <!-- 收货单信息 -->
+            <lw-label-value-group
+              v-if="Object.keys(normal.asnInfo).length"
+              :list="normal.asnInfo.contentList"
+              show-model-style
+            />
+
+            <!-- 库位、托盘、条码、数量 -->
+            <div class="lw-global-model-box lw-global-model-box-3px">
+
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.tmogoepf', '收货库位')"
+                v-model="normal.loc.value"
+                :get-focus.sync="normal.loc.focus"
+                required
+                rule-key="normalLoc"
+                :create-rule="$lwScanRule.create('收货-混单收货-正常收货库位','LOCATION')"
+                @confirm="locConfirm"
+              />
+
+              <lw-input
+                v-if="normal.lpn.show"
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.aobysvww', '托盘')"
+                v-model="normal.lpn.value"
+                :get-focus.sync="normal.lpn.focus"
+                :required="normal.lpn.required"
+                rule-key="normalLpn"
+                :create-rule="$lwScanRule.create('收货-混单收货-正常收货托盘号','LPN')"
+                @confirm="lpnConfirm"
+              />
+
+              <lw-input
+                v-if="normal.barcode.show"
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.rblzfavk', '条码')"
+                v-model="normal.barcode.value"
+                :get-focus.sync="normal.barcode.focus"
+                required
+                :owner-id="normal.asnInfo.sku?.ownerId"
+                :rule-serve-query="{asnIds:asnInfo.asnIds}"
+                rule-key="normalSku"
+                :create-rule="$lwScanRule.create('收货-混单收货-正常收货条码','SKU')"
+                :show-bottom-border="false"
+                auto-clear-val
+                @confirm="normalBarcodeConfirm"
+              />
+
+              <lw-get-qty-by-type
+                v-if="normal.qty.show"
+                ref="normalQty"
+                :owner-id="normal.asnInfo.ownerId"
+                :pack-id="normal.asnInfo.pack.id"
+                :sku-id="normal.asnInfo.sku.id"
+              />
+            </div>
+
+            <!-- 序列号 -->
+            <lw-scan-data-list-module
+              v-if="normal.snList.length"
+              class="lw-global-model-box"
+              :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.hrskvvpz', '已扫物流码')"
+              :row-title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.imriexho', '物流码')"
+              v-model="normal.snList"
+              start-bright
+              row-id="normal"
+              row-type="sn"
+              total-type="sn"
+              total-type-id="normal"
+            />
+
+            <!-- 批次信息 -->
+            <lw-lot-module
+              v-if="normal.asnInfo.lotMap"
+              v-show="showLotModule('normal')"
+              class="lw-global-model-box lw-global-model-box-3px"
+              ref="normalLot"
+              :lot-list="normal.asnInfo.lotMap"
+              :end-row="false"
+            />
+
+
+          </van-tab>
+
+          <!-- 异常收货 -->
+          <van-tab
+            name="abnormal"
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.bdwftjzc', '异常收货')"
+          >
+
+            <!-- 收货单信息 -->
+            <lw-label-value-group
+              v-if="Object.keys(abnormal.asnInfo).length"
+              :list="abnormal.asnInfo.sku.contentList"
+              show-model-style
+            />
+
+            <!-- 条码、数量 -->
+            <div class="lw-global-model-box lw-global-model-box-3px">
+              <lw-input
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.tmogoepf', '收货库位')"
+                v-model="abnormal.loc.value"
+                :get-focus.sync="abnormal.loc.focus"
+                required
+                rule-key="abnormalLoc"
+                :create-rule="$lwScanRule.create('收货-混单收货-异常收货库位','LOCATION')"
+                @confirm="locConfirm"
+              />
+
+              <lw-input
+                v-if="normal.lpn.show"
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.aobysvww', '托盘')"
+                v-model="abnormal.lpn.value"
+                :get-focus.sync="abnormal.lpn.focus"
+                :required="abnormal.lpn.required"
+                rule-key="abnormalLpn"
+                :create-rule="$lwScanRule.create('收货-混单收货-异常收货托盘号','LPN')"
+                @confirm="lpnConfirm"
+              />
+
+              <lw-input
+                v-if="abnormal.barcode.show"
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.rblzfavk', '条码')"
+                v-model="abnormal.barcode.value"
+                :get-focus.sync="abnormal.barcode.focus"
+                required
+                :owner-id="abnormal.asnInfo.sku?.sku?.ownerId"
+                :rule-serve-query="{asnIds:asnInfo.asnIds}"
+                rule-key="abnormalSku"
+                :create-rule="$lwScanRule.create('收货-混单收货-异常收货条码','SKU')"
+                :show-bottom-border="false"
+                @confirm="abnBarcodeConfirm"
+              >
+
+                <template #button>
+                  <lw-button
+                    v-if="!Object.keys(abnormal.asnInfo).length"
+                    mini
+                    round
+                    @click="abnSelectPopupSelectClick"
+                  >
+                    {{ $lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.iiaxybzt', '选择') }}
+                  </lw-button>
+                </template>
+
+              </lw-input>
+
+              <lw-get-qty-by-type
+                v-if="abnormal.qty.show"
+                ref="abnormalQty"
+                :owner-id="abnormal.asnInfo.sku.ownerId"
+                :pack-id="abnormal.asnInfo.sku.pack.id"
+                :sku-id="abnormal.asnInfo.sku.sku.id"
+              />
+
+            </div>
+
+            <!-- 物流码 -->
+            <lw-scan-data-list-module
+              v-if="abnormal.snList.length"
+              class="lw-global-model-box"
+              :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.hrskvvpz', '已扫物流码')"
+              :row-title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.imriexho', '物流码')"
+              v-model="abnormal.snList"
+              start-bright
+              row-id="abnormal"
+              row-type="sn"
+              total-type="sn"
+              total-type-id="abnormal"
+            />
+
+            <!-- 批次信息 -->
+            <lw-lot-module
+              v-if="abnormal.asnInfo.sku?.lotMap"
+              v-show="showLotModule('abnormal')"
+              class="lw-global-model-box lw-global-model-box-3px"
+              ref="abnormalLot"
+              :lot-list="abnormal.asnInfo.sku.lotMap"
+              :end-row="false"
+            />
+
+            <template v-if="hasAsnInfo">
+
+              <!-- 异常原因 -->
+              <div class="lw-global-model-box lw-global-model-box-3px">
+                <lw-cell-popup-radio
+                  :title="$lwLanguage.get('','原因')"
+                  v-model="abnormal.reason"
+                  dict-key="InboundReceiveReason"
+                />
+                <lw-input
+                  :title="$lwLanguage.get('','备注')"
+                  v-model="abnormal.remark"
+                  type="textarea"
+                  :rows="4"
+                />
+                <div class="lw-global-title" style="margin: 6px 0">
+                  {{ $lwLanguage.get('', '图片') }}
+                </div>
+                <lw-img-upload v-model="abnormal.imgList"/>
+              </div>
+            </template>
+
+
+          </van-tab>
+        </van-tabs>
+
+      </lw-tab-box>
+
+    </lw-page-body-module>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        type="last"
+        plain
+        @click="reloadScanClick"
+      >
+        {{ $lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.xhdbrgja', '重新扫描') }}
+      </lw-button>
+      <lw-button
+        v-if="hasAsnInfo"
+        @click="confirmReceive()"
+      >
+        {{
+          tabActive === 'normal' ?
+            $lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.qsuyerrw', '确认收货') :
+            $lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.bdwftjzc', '异常收货')
+        }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 查看收货单列表详情弹框 -->
+    <lw-popup
+      v-model="contentPopup.show"
+      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.hqquldco', '通知单详情')"
+      background="#f0f0f0"
+      :show-keyboard-placeholder="false"
+    >
+
+      <asn-info-list :asn-list="contentPopup.list"/>
+      <lw-not-data v-if="!contentPopup.list.length"/>
+
+    </lw-popup>
+
+    <!-- 异常收货选择商品弹框 -->
+    <lw-popup
+      v-model="abnSelectPopup.show"
+      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.iiaxybzt', '选择')"
+      :show-keyboard-placeholder="false"
+      height="80%"
+    >
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.aswyrwvv', '搜索')"
+        :placeholder="$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.csggbyqm', '商品编码/名称/物流码/盒码')"
+        v-model="abnSelectPopup.search"
+        rule-key="abnSelectPopupSku"
+        :create-rule="$lwScanRule.create('收货-混单收货-异常收货选择弹框搜索','SKU')"
+        @confirm="abnSelectPopupSearch"
+      >
+
+        <template #button>
+          <van-icon
+            name="search"
+            size="20px"
+            @click="abnSelectPopupSearch"
+          />
+        </template>
+
+      </lw-input>
+
+      <template v-for="(i,k) in abnSelectPopup.dataList">
+        <abn-select-group
+          v-if="i.snList && i.snList.length"
+          :key="k"
+          :item="i"
+          v-model="i._result"
+          @change="abnSelectPopupGroupChange(k)"
+        />
+        <div
+          v-else
+          :key="k"
+          class="lw-global-collapse-box lw-global-flex-start lw-global-click-style"
+          style="padding: 5px 0"
+          @click="checkboxTitleChange(i,k)"
+        >
+          <van-checkbox
+            v-model="i._checked"
+            :disabled="i.disabled"
+          />
+          <abn-select-title
+            :title="i.title"
+            :title-label="i.titleLabel"
+            :content-list="i.contentList"
+            show-margin-right
+          />
+
+        </div>
+      </template>
+
+      <lw-not-data v-if="!abnSelectPopup.dataList.length"/>
+
+
+      <lw-pagination
+        v-model="abnSelectPopup.pageNum"
+        :page-size.sync="abnSelectPopup.pageSize"
+        :page-total="abnSelectPopup.pageTotal"
+        @change="abnSelectPopupPageChange"
+      />
+
+      <template #button>
+
+        <lw-button @click="abnSelectPopupConfirm">
+          {{ $lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.uupgchiv', '确认选择') }}
+        </lw-button>
+
+      </template>
+    </lw-popup>
+
+    <!-- 分组商品选择 -->
+    <receive-sku-group-popup
+      v-model="skuGroup.show"
+      :sku-list="skuGroup.list"
+      @selected="abnSkuGroupPopupSelected"
+    />
+  </div>
+</template>
+
+<script>
+import abnSelectGroup from "./components/abnSelectGroup.vue";
+import abnSelectTitle from "./components/abnSelectTitle.vue";
+import asnInfoList from "./components/asnInfoList.vue";
+import receiveSkuGroupPopup from "./../../../components/receiveSkuGroup/popup.vue";
+import {
+  wmsMobileExtInQueryAsnSkuSn,
+  wmsMobileInboundSubmitAsnFastReceiveForSku,
+  wmsMobileInboundSubmitAsnFastReceiveForSkuSn,
+  wmsMobileMixInGetOrders, wmsMobileMixInGetSkuSnV2, wmsMobileMixInGetSkuV2,
+  wmsMobileMixInGetState,
+  wmsMobileMixInQueryAsnSkuPageListByReceiveV2,
+  wmsMobileMixInQueryAsnSkuV2, wmsMobileMixInReceiveSkuSnV2, wmsMobileMixInReceiveSkuV2
+} from "./../../../api/receive/mixture";
+
+// 正常收货 、异常收货的共数据
+const receiveData = {
+  asnInfo: {},
+  // 条码
+  barcode: {
+    value: '',
+    focus: false,
+    show: true,
+  },
+  // 数量
+  qty: {
+    value: '',
+    focus: false,
+    show: false,
+  },
+  // 托盘
+  lpn: {
+    value: '',
+    focus: false,
+    required: false,
+    show: true,
+  },
+  // 收货库位
+  loc: {
+    value: '',
+    focus: false,
+  },
+  // 序列号
+  snList: [],
+}
+
+export default {
+  name: "lwReceiveMixtureAction",
+  components: {
+    abnSelectGroup,
+    asnInfoList,
+    abnSelectTitle,
+    receiveSkuGroupPopup,
+  },
+  computed: {
+    // 是否已经录入asn单信息
+    hasAsnInfo() {
+      return !!Object.keys(this[this.tabActive].asnInfo).length
+    },
+  },
+  data() {
+    return {
+      asnIds: [],
+
+      tabActive: 'normal',
+
+      asnInfo: {},
+
+      // 正常收货 tab 栏数据
+      normal: {
+        ...this.$lwDeepCopy(receiveData)
+      },
+
+      // 异常收货 tab 栏数据
+      abnormal: {
+        ...this.$lwDeepCopy(receiveData),
+        reason: '',
+        remark: '',
+        imgList: []
+      },
+
+      // 查看详情弹框
+      contentPopup: {
+        show: false,
+        list: []
+      },
+
+      // 异常选择弹框
+      abnSelectPopup: {
+        show: false,
+        search: '',
+        dataList: [],
+
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+
+      // 商品分组选择弹框
+      skuGroup: {
+        show: false,
+        type: '',
+        list: []
+      }
+
+
+    }
+  },
+  mounted() {
+    this.asnIds = this.$route.query.lwAsnId.split(',')
+    this.getAsnAllData()
+  },
+  methods: {
+    // 获取当前数据
+    getAsnAllData() {
+      wmsMobileMixInGetState({
+        asnIds: this.asnIds
+      }).then(res => {
+        this.asnInfo = res
+
+        const typeKey = ['normal', 'abnormal']
+        typeKey.forEach(item => {
+          this[item].lpn.required = res.requiredLpn
+          this[item].lpn.show = !res.hideLpn
+        })
+
+        this.locConfirm()
+
+      }).catch(() => history.go(-1))
+    },
+    // 单据查看详情
+    lookContent() {
+
+      wmsMobileMixInGetOrders({
+        asnIds: this.asnIds
+      }).then(res => {
+        this.contentPopup.list = res || []
+        this.contentPopup.show = true
+      })
+
+    },
+
+
+    // 正常收货 - 条码确认
+    normalBarcodeConfirm(val, data) {
+
+      if (!val) {
+        this.barcodeInputFocusAndErrorMsg(
+          'normal',
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.vevnrgou', '条码不能为空')
+        )
+        return
+      }
+
+      this.normal.barcode.focus = false
+
+      const {key, skuCode, sn, qty} = data.data
+
+      // 有单据信息且触发条码扫描就只能是sn扫描了
+      if (Object.keys(this.normal.asnInfo).length) {
+
+        if (this.normal.asnInfo.sku.code !== skuCode) {
+          this.barcodeInputFocusAndErrorMsg(
+            'normal',
+            this.$lwLanguage.get('', '当前添加商品与已添加商品信息不一致！不允许添加')
+          )
+          return;
+        }
+
+        if (!sn) {
+          this.barcodeInputFocusAndErrorMsg(
+            'normal',
+            this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.vcwiftmnc', '条码解析数据中不包含序列号！请检查输入/扫描的条码是否正确，或联系系统管理员')
+          )
+          return;
+        }
+
+        if (this.checkSnRepeat(sn)) return
+
+        wmsMobileMixInGetSkuSnV2({
+          sn,
+          qty,
+          asnIds: this.normal.asnInfo.asnIds,
+          skuId: this.normal.asnInfo.sku.id,
+          scannedSnList: this.normal.snList.map(item => item.sn)
+        }).then((res) => {
+          if (!res) {
+            this.barcodeInputFocusAndErrorMsg(
+              'normal',
+              this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.vcwiftmn', '没有查询到商品信息')
+            )
+            return
+          }
+
+          const {sn, qty} = res
+          this.checkSnRepeatAndAdd(sn, qty)
+          this.normal.barcode.value = ''
+          this.normal.barcode.focus = true
+        })
+        return
+      }
+
+
+      const param = {
+        asnIds: this.asnIds,
+        skuCode,
+        sn,
+        snQty: qty
+      }
+      if (data.bizType === 'SN') {
+        param.sn = sn || key
+      } else {
+        param.skuCode = skuCode || key
+      }
+      // 没有单据时候的扫描
+      wmsMobileMixInGetSkuV2(param).then(res => {
+        if (!res) {
+          this.barcodeInputFocusAndErrorMsg(
+            'normal',
+            this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.vcwiftmn', '没有查询到商品信息')
+          )
+          return
+        }
+
+        this.normal.asnInfo = res
+        if (res.sn && Object.keys(res.sn).length) {
+          this.checkSnRepeatAndAdd(res.sn.sn, res.sn.qty)
+        }
+
+        this.$nextTick(() => {
+          const needSn = this.normal.asnInfo.sku.needSn
+          this.normal.barcode.show = needSn
+          this.normal.barcode.focus = needSn
+          this.normal.barcode.value = ''
+          this.normal.qty.show = !needSn
+          this.normal.qty.focus = !needSn
+          this.normal.qty.value = ''
+          this.normal.loc.value = res.receiveLocationCode
+        })
+      })
+    },
+    // 正常收货 - 确认提交
+    normalConfirmReceive(need) {
+      if (!this.locCheck() || !this.lpnCheck()) return
+
+      // 是否按序列号收货
+      if (this.normal.asnInfo.sku.needSn) {
+        this.normalSnReceiveSubmit(need)
+      } else {
+        this.normalSkuReceiveSubmit(need)
+      }
+    },
+    // 正常收货 - 需要提交的数据
+    normalSubmitParams() {
+      return {
+        asnIds: this.normal.asnInfo.asnIds,
+        skuId: this.normal.asnInfo.sku.id,
+        lpn: this.normal.lpn.value,
+        locationCode: this.normal.loc.value,
+        taskId: this.$route.query.lwTaskId,
+        lotBizType: 'RECEIVE',
+        qty: this.normal.asnInfo.sku.needSn ? this.normal.snList.reduce((t, i) => t + Number(i.qty || 0), 0) : this.$refs.normalQty.getQty(),
+      }
+    },
+    // 正常收货 - 校验当前收货量是否满足托装量
+    normalCheckLpnNum() {
+
+      const lpnNum = Number(this.normal.asnInfo.pack.palletQty || 0)
+      if (!lpnNum) return true
+
+      const skuInfo = this.normal.asnInfo.sku
+      let qty = 0
+      if (skuInfo.needSn) {
+        qty = this.normal.snList.reduce((t, i) => t + Number(i.qty || 0), 0)
+      } else {
+        qty = Number(this.normal.qty.value)
+      }
+
+      if (lpnNum === qty) return true
+
+      this.$lwDialog.confirm({
+        type: 'warning',
+        title: this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.gmklaxna', '收货提示'),
+        message: this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.gmklaxnaq', '商品：{skuName}，托装数为{lpnNum}{eachName}，目前收了{qty}{eachName}，是否确认收货？', {
+          skuName: skuInfo.name,
+          lpnNum,
+          qty,
+          eachName: this.normal.asnInfo.pack.eachName
+        })
+      }).then(() => {
+        this.normalConfirmReceive(true)
+      }).catch(() => {
+      })
+      return false
+    },
+    // 正常收货 - 按唯一码收货
+    normalSnReceiveSubmit(need) {
+
+      if (!this.normal.snList.length) {
+        this.normal.barcode.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.bqougefx', '请录入需要收货的商品序列号')
+        )
+        return
+      }
+
+      if (!need && !this.normalCheckLpnNum()) return
+
+      const {success, data} = this.getLotData()
+      if (!success) return;
+
+      wmsMobileMixInReceiveSkuSnV2({
+        ...this.normalSubmitParams(),
+        snList: this.normal.snList,
+        lotAttributes: data
+      }).then(this.submitSuccess)
+    },
+    // 正常收货 - 按商品收货
+    normalSkuReceiveSubmit(need) {
+
+      if (!this.qtyCheck()) return
+
+      if (!need && !this.normalCheckLpnNum()) return
+
+      const {success, data} = this.getLotData()
+      if (!success) return;
+
+      wmsMobileMixInReceiveSkuV2({
+        ...this.normalSubmitParams(),
+        lotAttributes: data
+      }).then(this.submitSuccess)
+    },
+
+
+    // 异常收货 - 弹框打开，获取数据
+    async abnSelectPopupSelectClick() {
+      await this.abnSelectPopupSearch()
+      this.abnSelectPopup.show = true
+    },
+    // 异常收货 - 选择商品弹框 - 搜索数据、选择
+    abnSelectPopupSearch() {
+
+      this.abnSelectPopup.pageNum = 1
+      this.abnSelectPopupPageChange()
+
+    },
+    // 异常收货- 选择商品弹框 - 页码改变
+    async abnSelectPopupPageChange() {
+      const {search, pageNum, pageSize} = this.abnSelectPopup
+      const res = await wmsMobileMixInQueryAsnSkuPageListByReceiveV2({
+        asnIds: this.asnIds,
+        keyword: search,
+        pageNum,
+        pageSize,
+      })
+
+      this.abnSelectPopup.pageTotal = res.total
+      this.abnSelectPopup.dataList = res.datas.map(item => {
+        item._checked = false
+        item.disabled = false
+        item._result = []
+        return item
+      })
+    },
+    // 异常收货 - 选择商品弹框 - 有 SN 数据改变
+    abnSelectPopupGroupChange(index) {
+      const checked = !!this.abnSelectPopup.dataList[index]._result.length
+
+      this.abnSelectPopup.dataList.forEach(item => {
+        item.disabled = checked
+        item._checked = false
+      })
+
+      this.abnSelectPopup.dataList[index].disabled = false
+      this.abnSelectPopup.dataList[index]._checked = checked
+
+    },
+    // 异常收货 - 选择商品弹框 - 没有 SN 数据改变
+    checkboxTitleChange(item, index) {
+
+      if (item.disabled) return
+
+      item._checked = !item._checked
+      item._result = item._checked ? [item.sku.code] : []
+
+      this.abnSelectPopupGroupChange(index)
+
+    },
+    // 异常收货 - 选择商品弹框 - 确认选择
+    abnSelectPopupConfirm() {
+      const checked = this.abnSelectPopup.dataList.filter(item => !!item._result.length)
+
+      if (!checked.length) {
+        this.$lwToast.fail(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.dfohriil', '没有选中任何数据')
+        )
+        return
+      }
+
+      const {asnId, sku} = checked[0]
+      wmsMobileMixInQueryAsnSkuV2({
+        asnIds: [asnId],
+        skuCode: sku.code,
+        lotBizType: 'ABN_RECEIVE'
+      }).then(res => {
+
+        if (res.length === 1) {
+          this.abnSelectPopupDataFormat(res[0])
+        } else {
+          this.abnOpenSkuGroupPopup(res, 'select')
+        }
+
+      })
+
+    },
+    // 异常收货 - 商品选择确认并通过
+    abnSelectPopupDataFormat(res) {
+      const checked = this.abnSelectPopup.dataList.filter(item => !!item._result.length)
+      const {snList, _result} = checked[0]
+      if (snList && snList.length) {
+        _result.forEach(sn => {
+          for (const item of snList) {
+            if (item.sn === sn) {
+              this.abnormal.snList.push({
+                sn: item.sn,
+                qty: item.qty
+              })
+              break
+            }
+          }
+        })
+      }
+
+      this.abnSkuGroupPopupSelected(res)
+      this.abnSelectPopup.show = false
+      this.abnSelectPopup.search = ''
+    },
+    // 异常收货 - 条码确认
+    abnBarcodeConfirm(val, data) {
+
+      if (!val) {
+        this.barcodeInputFocusAndErrorMsg(
+          'abnormal',
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.vevnrgou', '条码不能为空')
+        )
+        return
+      }
+
+      this.abnormal.barcode.focus = false
+
+      const {key, skuCode, sn, qty} = data.data
+
+      // 有单据信息且触发条码扫描就只能是sn扫描了
+      if (Object.keys(this.abnormal.asnInfo).length) {
+
+        if (!sn) {
+          this.barcodeInputFocusAndErrorMsg(
+            'abnormal',
+            this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.vcwiftmnc', '条码解析数据中不包含序列号！请检查输入/扫描的条码是否正确，或联系系统管理员')
+          )
+          return;
+        }
+
+        if (this.checkSnRepeat(sn)) return
+
+        wmsMobileExtInQueryAsnSkuSn({
+          sn: sn,
+          qty,
+          asnId: this.abnormal.asnInfo.asn.id,
+          skuId: this.abnormal.asnInfo.sku.sku.id,
+          scannedSnList: this.abnormal.snList.map(item => item.sn)
+        }).then((res) => {
+          if (!res) {
+            this.barcodeInputFocusAndErrorMsg(
+              'abnormal',
+              this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.vcwiftmn', '没有查询到商品信息')
+            )
+            return
+          }
+
+          const {sn, qty} = res
+          this.checkSnRepeatAndAdd(sn, qty)
+          this.abnormal.barcode.value = ''
+          this.abnormal.barcode.focus = true
+        })
+        return
+      }
+
+
+      const param = {
+        asnIds: this.asnIds,
+        lotBizType: 'ABN_RECEIVE',
+        skuCode,
+        sn,
+        snQty: qty
+      }
+      if (data.bizType === 'SN') {
+        param.sn = sn || key
+        param.scannedSnList = this.abnormal.snList
+      } else {
+        param.skuCode = skuCode || key
+      }
+      // 没有单据时候的扫描
+      wmsMobileMixInQueryAsnSkuV2(param).then(res => {
+        if (!res.length) {
+          this.barcodeInputFocusAndErrorMsg(
+            'abnormal',
+            this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.vcwiftmn', '没有查询到商品信息')
+          )
+          return
+        }
+
+        if (res.length === 1) {
+          this.abnSkuGroupPopupSelected(res[0])
+          return
+        }
+
+        this.abnOpenSkuGroupPopup(res)
+      })
+
+    },
+    // 异常收货 - 打开商品分组弹框
+    abnOpenSkuGroupPopup(res, type = 'scan') {
+      this.skuGroup.list = res
+      this.skuGroup.show = true
+      this.skuGroup.type = type
+    },
+    // 异常收货 - 选择分组商品弹框确认
+    abnSkuGroupPopupSelected(item) {
+      if (this.skuGroup.type === 'select') {
+        this.skuGroup.type = ''
+        this.abnSelectPopupDataFormat(item)
+      }
+
+
+      this.abnormal.asnInfo = item
+
+      if (this.abnormal.asnInfo.sku.sn?.sn) {
+        const {sn, qty} = this.abnormal.asnInfo.sku.sn
+        this.checkSnRepeatAndAdd(sn, qty)
+      }
+
+
+      this.$nextTick(() => {
+        const needSn = this.abnormal.asnInfo.sku.sku.needSn
+        this.abnormal.barcode.show = needSn
+        this.abnormal.barcode.focus = needSn
+        this.abnormal.barcode.value = ''
+        this.abnormal.qty.show = !needSn
+        this.abnormal.qty.focus = !needSn
+        this.$refs.abnormalQty?.clearInput()
+        this.abnormal.loc.value = item.sku.receiveLocationCode
+      })
+
+    },
+    // 异常收货 - 确认收货
+    async abnConfirmReceive() {
+
+      if (!this.locCheck() || !this.lpnCheck()) return
+
+      // 是否按序列号收货
+      if (this.abnormal.asnInfo.sku.sku.needSn) {
+        this.abnSnReceiveSubmit()
+      } else {
+        this.abnSkuReceiveSubmit()
+      }
+
+    },
+    // 异常收货 - 提交收货的共用数据
+    abnSubmitParams() {
+      const {asn, sku} = this.abnormal.asnInfo
+
+      return {
+        lotBizType: 'ABN_RECEIVE',
+        images: this.abnormal.imgList.join('|'),
+        remark: this.abnormal.remark,
+        receiveReason: this.abnormal.reason,
+        asnId: asn.id,
+        skuId: sku.sku.id,
+        lpn: this.abnormal.lpn.value,
+        locationCode: this.abnormal.loc.value,
+        taskId: this.$route.query.lwTaskId,
+        groupKey: sku.groupKey,
+      }
+    },
+    // 异常收货 - 按唯一码收货
+    abnSnReceiveSubmit() {
+
+      if (!this.abnormal.snList.length) {
+        this.normal.barcode.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.bqougefx', '请录入需要收货的商品序列号')
+        )
+        return
+      }
+
+      const {success, data} = this.getLotData()
+      if (!success) return;
+
+      wmsMobileInboundSubmitAsnFastReceiveForSkuSn({
+        ...this.abnSubmitParams(),
+        snList: this.abnormal.snList,
+        lotAttributes: data
+      }).then(this.submitSuccess)
+    },
+    // 异常收货 - 按商品收货
+    abnSkuReceiveSubmit() {
+
+      if (!this.qtyCheck()) return
+
+      const {success, data} = this.getLotData()
+      if (!success) return;
+
+      wmsMobileInboundSubmitAsnFastReceiveForSku({
+        ...this.abnSubmitParams(),
+        qty: this.abnormal.qty.value,
+        lotAttributes: data
+      }).then(this.submitSuccess)
+    },
+
+
+    // 公共 - 条码输入框获取焦点并弹出错误提示框
+    barcodeInputFocusAndErrorMsg(tabKey, errorMsg) {
+      this[tabKey].barcode.value = ''
+      this[tabKey].barcode.focus = true
+      errorMsg && this.$lwShowErrorMsg(errorMsg)
+    },
+    // 公共 - 是否显示批次组件
+    showLotModule(key) {
+      const lotList = this[key].asnInfo.sku?.lotMap
+
+      if (!lotList) return false
+
+      return lotList.some(item => item.attributes.displayable)
+    },
+    // 公共 - 校验sn是否重复。如果重复，会将重复的sn替换到第一行，并返回true 否则返回false
+    checkSnRepeat(sn) {
+      const key = this.tabActive
+      for (let i = 0; i < this[key].snList.length; i++) {
+        if (this[key].snList[i].sn === sn) {
+          this[key].snList.unshift(this[key].snList.splice(i, 1)[0])
+          this.$lwToast.fail(
+            this.$lwLanguage.get('', '已存在列表中')
+          )
+          return true
+        }
+      }
+
+      return false
+    },
+    // 公共 - 指定 sn 是否重复，如果重复就替换到第一行，没有重复就直接添加
+    checkSnRepeatAndAdd(sn, qty) {
+
+      const key = this.tabActive
+      if (this.checkSnRepeat(sn)) return
+
+      let checkQty = (this[key].snList.reduce((t, n) => t + Number(n.qty || 0), 0)) + Number(qty || 0)
+      if (!this.checkQtyOverage(checkQty)) return
+
+
+      this[key].snList.unshift({sn, qty})
+    },
+    // 公共 - 数量校验
+    qtyCheck() {
+
+      const qty = this.getSkuQty()
+
+      if (qty) return this.checkQtyOverage(qty)
+
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.hejqmgji', '数量不能为空，且应当是大于0的正整数')
+      )
+      return false
+
+    },
+    // 公共 - 校验当前数量是否超过允许收货的最大限度
+    checkQtyOverage(qty) {
+      const skuInfo = this.tabActive === 'normal' ? this.normal.asnInfo : this.abnormal.asnInfo.sku
+      const {hasReceiveOverageConfig, canReceiveOverage, receiveOverageQty, canReceiveQty} = skuInfo
+      const canReceiveQtyNum = Number(canReceiveQty)
+      // 是否配置超收，或可收货量不为数字均为允许超收
+      if (!hasReceiveOverageConfig || isNaN(canReceiveQtyNum)) return true
+
+
+      // 允许超收
+      if (canReceiveOverage) {
+        // 允许超收的数量
+        const total = canReceiveQtyNum + receiveOverageQty
+
+        if (total >= qty) return true
+
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '当前收货数量超过最大允许收货量【{total}】！不允许收货！', {total})
+        )
+
+        return false
+      }
+
+
+      // 不允许超收，就看当前数量是否超过允许收货的数量
+      if (canReceiveQtyNum >= qty) return true
+
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('', '当前收货数量超过最大允许收货量【{total}】！不允许收货', {total: canReceiveQtyNum})
+      )
+
+      return false
+
+
+    },
+    // 公共 - 托盘号校验
+    lpnCheck() {
+      const key = this.tabActive
+
+      if (this[key].lpn.show && this[key].lpn.required && !this[key].lpn.value) {
+        this[key].lpn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.kxnvwqhu', '托盘号不能为空')
+        )
+        return false
+      }
+
+      return true
+    },
+    // 公共 - 托盘号确认
+    lpnConfirm() {
+      if (this.lpnCheck()) {
+        this.$nextTick(() => {
+          this[this.tabActive].barcode.focus = true
+        })
+      }
+    },
+    // 公共 - 收货库位校验
+    locCheck() {
+
+      const key = this.tabActive
+      if (!this[key].loc.value) {
+        this[key].loc.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.fwfwudua', '收货库位不能为空')
+        )
+        return false
+      }
+
+      return true
+
+    },
+    // 公共 - 收货库位确认
+    locConfirm() {
+      const key = this.tabActive
+      if (this[key].lpn.show) {
+        this[key].lpn.focus = true
+      } else {
+        this[key].barcode.focus = true
+      }
+    },
+    // 公共 - 获取商品数量
+    getSkuQty() {
+      return this.$refs[this.tabActive + 'Qty']?.getQty() || 0
+    },
+    // 公共 - 获取批次信息数据
+    getLotData() {
+      const key = this.tabActive
+      const lotMap = this[key].asnInfo.sku.lotMap
+
+      if (!lotMap || !lotMap.length) return {success: true, data: {}}
+
+      return this.$refs[key + 'Lot'].getData()
+    },
+    // 公共 - 校验当前收货量是否满足托装量
+    checkLpnNum() {
+      const key = this.tabActive
+      if (this.tabActive === 'abnormal') return true
+
+      const skuInfo = this[key].asnInfo.sku
+      const lpnNum = Number(skuInfo.pack?.palletQty || 0)
+      if (!lpnNum) return true
+
+      let qty = 0
+      if (skuInfo.sku.needSn) {
+        qty = this[key].snList.reduce((t, i) => t + Number(i.qty || 0), 0)
+      } else {
+        qty = this.getSkuQty()
+      }
+
+      if (lpnNum === qty) return true
+
+      this.$lwDialog.confirm({
+        type: 'warning',
+        title: this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.gmklaxna', '收货提示'),
+        message: this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.gmklaxnaq', '商品：{skuName}，托装数为{lpnNum}{eachName}，目前收了{qty}{eachName}，是否确认收货？', {
+          skuName: skuInfo.sku.name,
+          lpnNum,
+          qty,
+          eachName: skuInfo.pack.eachName
+        })
+      }).then(() => {
+        this.confirmReceive(true)
+      }).catch(() => {
+      })
+      return false
+    },
+    // 公共 - 提交收货的共用数据
+    submitParams() {
+      const key = this.tabActive
+      // 共用参数
+      const {asn, sku} = this[key].asnInfo
+
+      let data = {}
+      if (key === 'normal') {
+        data = {
+          lotBizType: 'RECEIVE'
+        }
+      } else {
+        data = {
+          lotBizType: 'ABN_RECEIVE',
+          images: this.abnormal.imgList.join('|'),
+          remark: this.abnormal.remark,
+          receiveReason: this.abnormal.reason,
+        }
+      }
+      return {
+        asnId: asn.id,
+        skuId: sku.sku.id,
+        lpn: this[key].lpn.value,
+        locationCode: this[key].loc.value,
+        taskId: this.$route.query.lwTaskId,
+        groupKey: sku.groupKey,
+        ...data
+      }
+    },
+    // 公共 - 按唯一码收货
+    snReceiveSubmit(need) {
+      const key = this.tabActive
+
+      if (!this[key].snList.length) {
+        this.normal.barcode.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.bqougefx', '请录入需要收货的商品序列号')
+        )
+        return
+      }
+
+      if (!need && !this.checkLpnNum()) return
+
+      const {success, data} = this.getLotData()
+      if (!success) return;
+
+      wmsMobileInboundSubmitAsnFastReceiveForSkuSn({
+        ...this.submitParams(),
+        snList: this[key].snList,
+        lotAttributes: data
+      }).then(this.submitSuccess)
+    },
+    // 公共 - 按商品收货
+    skuReceiveSubmit(need) {
+
+      if (!this.qtyCheck()) return
+
+      if (!need && !this.checkLpnNum()) return
+
+      const {success, data} = this.getLotData()
+      if (!success) return;
+
+      wmsMobileInboundSubmitAsnFastReceiveForSku({
+        ...this.submitParams(),
+        qty: this.getSkuQty(),
+        lotAttributes: data
+      }).then(this.submitSuccess)
+    },
+    // 公共 - 重新扫描
+    reloadScan() {
+      const key = this.tabActive
+
+      this[key].barcode.value = ''
+      this[key].barcode.show = true
+      this.$refs[key + 'Qty']?.clearInput()
+      this[key].qty.show = false
+      this[key].lpn.value = ''
+      this[key].loc.value = ''
+      this[key].snList = []
+      this[key].asnInfo = {}
+
+      if (key === 'abnormal') {
+        this[key].reason = ''
+        this[key].remark = ''
+        this[key].imgList = []
+      }
+
+      this.$nextTick(() => this.locConfirm())
+    },
+    // 公共 - 收货成功后的提示信息及清空数据
+    submitSuccess() {
+      const msg = this.tabActive === 'normal' ?
+        this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.naabwulj', '收货成功') :
+        this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.egzsffjf', '异常收货成功')
+
+      this.$lwToast.success(msg)
+      this.getAsnAllData()
+      this.reloadScan()
+    },
+    // 公共 - 重新扫描
+    reloadScanClick() {
+      this.$lwDialog.confirm({
+        type: 'warning',
+        title: this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.znwgbchb', '提示'),
+        message: this.$lwLanguage.get('wms_project.pda.wms.page.receive.mixture.action.jwltolio', '确认清空全部数据？'),
+      }).then(this.reloadScan).catch(() => {
+      })
+    },
+    // 公共 - 底部提交按钮
+    confirmReceive() {
+      if (this.tabActive === 'normal') {
+        this.normalConfirmReceive()
+      } else {
+        this.abnConfirmReceive()
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>