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

package/src/components/page/inbound/sorting/LwInboundSortingAsnPage.vue

@@ -0,0 +1,81 @@
+<!--
+  收货商品分拣 - 详情页
+  @author: Haru
+  @date: 2022-09-20
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.gcpotdnn', '收货商品分拣')"/>
+    <div class="lw-global-page-box">
+      <sorting-asn-info v-if="asn" :data="asn" :shrinkable="false" style="margin-top: 10px;"/>
+    </div>
+    <lw-bottom-bar v-if="asn">
+      <lw-button v-if="canCase" style="background: #6666dd;" @click="doWithCase">{{$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.drscnzjy', '按箱分拣')}}</lw-button>
+      <lw-button v-if="canLpn" plain @click="doWithLpn">{{$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.ifdvvzjy', '按托盘分拣')}}</lw-button>
+      <lw-button v-if="canOrder" @click="doWithOrder">{{$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.yfleufgl', '按单分拣')}}</lw-button>
+    </lw-bottom-bar>
+  </div>
+</template>
+
+<script>
+import { getInboundAsnByAnsId } from '../../../../api/inbound/sorting'
+import SortingAsnInfo from '../components/SortingAsnInfo.vue'
+
+export default {
+  name: 'LwInboundSortingAsnPage',
+  components: { SortingAsnInfo },
+  data () {
+    return {
+      asn: null,
+    }
+  },
+  computed: {
+    canCase () {
+      const list = this.asn?.sortingMethodList ?? []
+      return list.includes('case')
+    },
+    canLpn () {
+      const list = this.asn?.sortingMethodList ?? []
+      return list.includes('lpn')
+    },
+    canOrder () {
+      const list = this.asn?.sortingMethodList ?? []
+      return list.length === 0 || list.includes('sku')
+    },
+  },
+  created () {
+    const asnId = this.$route.query.asnId
+    if (!asnId) {
+      return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.icjhgqsb', '未指定收货单号'))
+    }
+    this.loadAsn(asnId)
+  },
+  methods: {
+    loadAsn (asnId) {
+      getInboundAsnByAnsId(asnId).then(res => this.asn = res)
+    },
+    doWithCase () {
+      this.$router.push({
+        path: '/inbound/sorting/lwContainer',
+        query: { asnId: this.asn.id, container: 'case' },
+      })
+    },
+    doWithLpn () {
+      this.$router.push({
+        path: '/inbound/sorting/lwContainer',
+        query: { asnId: this.asn.id, container: 'lpn' },
+      })
+    },
+    doWithOrder () {
+      this.$router.push({
+        path: '/inbound/sorting/lwOrder',
+        query: { asnId: this.asn.id },
+      })
+    },
+  },
+}
+</script>
+
+<style scoped>
+
+</style>

package/src/components/page/inbound/sorting/LwInboundSortingByContainerPage.vue

@@ -0,0 +1,588 @@
+<!--
+  收货商品分拣 - 按箱/托分拣
+  @author: Haru
+  @date: 2022-09-21
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="title"/>
+    <div v-if="asn" class="lw-global-page-box">
+      <sorting-asn-info :data="asn" :shrinkable="true"/>
+      <div class="lw-global-model-box" style="margin-top: 10px;">
+        <div :class="{'lw-global-flex-between': conData.currentContainer !== null}">
+          <lw-input :title="this.type === 'lpn' ? $lwLanguage.get('wms_project.pda.components.page.inbound.sorting.qrztztda', '托盘号') : $lwLanguage.get('wms_project.pda.components.page.inbound.sorting.qrztztdb', '箱号')" required v-model="conData.containerNo.value" :get-focus.sync="conData.containerNo.focus" :disabled="!!conData.currentContainer" @confirm="onBoxNoConfirm"/>
+          <lw-button v-if="conData.currentContainer" @click="switchBox">{{ type==='case' ? $lwLanguage.get('wms_project.pda.components.page.inbound.sorting.mxyymxji', '切换箱号') : $lwLanguage.get('wms_project.pda.components.page.inbound.sorting.mxyymxjj', '切换托盘号')}}</lw-button>
+        </div>
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.idssntvc', '商品标签')"
+          required v-model="conData.skuCode.value" :get-focus.sync="conData.skuCode.focus" :create-rule="$lwScanRule.create('收货分拣-SKU','SKU')"
+          rule-key="sku" :rule-serve-query="barcodeQuery" @confirm="onBoxSkuConfirm"/>
+        <div v-if="currentBox" class="lw-global-flex-between">
+          <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.qhfsczce', '数量')" required v-model="conData.qty.value" :get-focus.sync="conData.qty.focus" @confirm="onBoxSkuQtyConfirm"/>
+          <lw-button @click="onBoxSkuQtyConfirm">{{$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.plolwxvl', '确定')}}</lw-button>
+        </div>
+      </div>
+
+      <div style="margin-top: 10px;">
+        <sorting-box-info v-if="currentBox" :data="currentBox" model-box active reset-able @reset="onBoxReset"/>
+        <sorting-box-info v-for="d in boxList" :key="d.group.sortingGroupKey" :data="d" model-box reset-able @reset="onBoxReset"/>
+      </div>
+      <lw-pages
+        v-model="caseList.pageNum"
+        :page-size="caseList.pageSize"
+        :page-total="caseList.pageTotal"
+        @change="loadAsnBoxes"/>
+    </div>
+    <lw-bottom-bar v-if="showButtons">
+      <lw-button style="background: gray;" @click="onAllBoxReset">{{$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.keiwydid', '全部重新分拣')}}</lw-button>
+      <lw-button style="background: #0d76b3;" @click="onNewBox">{{$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.ltqtichx', '分满换箱')}}</lw-button>
+      <lw-button @click="onConfirmFinish">{{$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.ymrbmbxi', '确认完成分拣')}}</lw-button>
+    </lw-bottom-bar>
+
+    <lw-popup v-if="currentBox" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.ixbdbeap', '绑定分拣箱号')" v-model="bindPop.show" :close-on-click-overlay="false" @clickCloseBtn="closeBindPop">
+      <div class="lw-global-row">
+        <div class="lw-global-value-bold">{{ currentBox.group.sortingGroupCode }}</div>
+        <div>{{ currentBox.group.sortingGroupName }}</div>
+      </div>
+      <div class="lw-global-row lw-global-flex-between">
+        <lw-title-value-cell :title="$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.umpzsbtj', '待收量')" :value="currentBox.canReceiveQty" val-bold :is-row="false" val-red/>
+        <lw-title-value-cell :title="$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.mglpbdcc', '分拣位')" :value="currentBox.group.sortingNo" val-bold :is-row="false" val-red/>
+      </div>
+      <div class="lw-global-row">
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.vwxhqfqe', '分拣箱号')" required v-model="bindPop.caseNum.value" :get-focus.sync="bindPop.caseNum.focus" @confirm="doBindBox"/>
+      </div>
+      <template #button>
+        <lw-button @click="doBindBox">{{$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.gjnrgpsf', '绑定分拣箱号')}}</lw-button>
+      </template>
+    </lw-popup>
+
+    <lw-popup :title="$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.gnimfouw', '采集SN序列号')" v-model="snPop.show" :close-on-click-overlay="false" @clickCloseBtn="closeSnPop">
+      <sorting-box-info v-if="currentBox" :data="currentBox" active/>
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.desddnrq', '序列号条码')"
+        required v-model="snPop.sn.value" :get-focus.sync="snPop.sn.focus" :create-rule="$lwScanRule.create('收货分拣-SN','SN')"
+        rule-key="sn" :rule-serve-query="barcodeQuery" @confirm="addSn"/>
+      <div style="height: 40vh; overflow-y: auto;">
+        <div v-if="snPop.sns.length" class="tag-list">
+          <div class="tag-list-title">
+            <div>
+              {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.advmxjfh', '当前扫描结果') }}
+            </div>
+            <div>SN <span>{{ snPop.sns.length }}</span></div>
+            <div style="display: flex; justify-content: center;">
+              <div>
+                {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.gymlbusg', '数量 ') }}
+                <span>{{ snsQty }}</span>
+              </div>
+            </div>
+          </div>
+          <div class="tag-list-head">
+            <div>SN</div>
+            <div>{{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.zlyexphg', '数量') }}</div>
+            <div>{{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.ktwpqwzu', '操作') }}</div>
+          </div>
+          <div class="tag-list-row" v-for="(t,i) in snPop.sns" :key="t.sn">
+            <div>{{ t.sn }}</div>
+            <div>{{ t.qty }}</div>
+            <div>
+              <lw-button mini @click="removeSn(i)">
+                {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.hieabfmy', '剔除') }}
+              </lw-button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <template #button>
+        <lw-button plain @click="snPop.sns = []">{{$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.hcwkcfof', '重新扫描')}}</lw-button>
+        <lw-button @click="confirmSnSubmit">{{$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.xyxfamqj', '确认提交')}}</lw-button>
+      </template>
+    </lw-popup>
+
+    <lw-popup :title="$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.ltqtichx', '分满换箱')" v-model="newBoxPop.show" :close-on-click-overlay="false">
+      <div class="lw-global-model-box">
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.swhecalf', '满箱箱号')" required v-model="newBoxPop.boxNum.value" :get-focus.sync="newBoxPop.boxNum.focus" @confirm="loadBoxForNewBox"/>
+      </div>
+      <sorting-box-info v-if="newBoxPop.box" :data="newBoxPop.box" active/>
+      <div class="lw-global-model-box">
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.hdfyxttq', '新分拣箱号')" required v-model="newBoxPop.newBoxNum.value" :get-focus.sync="newBoxPop.newBoxNum.focus" @confirm="onNewBoxNumConfirm"/>
+      </div>
+      <template #button>
+        <lw-button @click="onNewBoxNumConfirm">{{$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.prcoswyv', '确认换箱')}}</lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+import * as api from '../../../../api/inbound/sorting'
+import SortingAsnInfo from '../components/SortingAsnInfo.vue'
+import SortingBoxInfo from '../components/SortingBoxInfo.vue'
+
+export default {
+  name: 'LwInboundSortingByContainerPage',
+  components: { SortingBoxInfo, SortingAsnInfo },
+  data () {
+    return {
+      type: 'case',
+      asn: null,
+
+      conData: {
+        currentContainer: null,
+        currentSkuCode: null,
+        needSn: false,
+        containerNo: {
+          value: '',
+          focus: true,
+        },
+        skuCode: {
+          value: '',
+          focus: false,
+        },
+        qty: {
+          value: '',
+          focus: false,
+        },
+      },
+
+      caseList: {
+        page: 0,
+        size: 6,
+        total: 0,
+        list: [],
+      },
+      currentBox: null,
+      bindPop: {
+        show: false,
+        pendingQty: '',
+        caseNum: {
+          value: '',
+          focus: false,
+        },
+      },
+      snPop: {
+        show: false,
+        sn: {
+          value: '',
+          focus: false,
+        },
+        sns: [{
+          sn: 'sdrtwdrfa',
+          qty: 12,
+        }],
+      },
+      newBoxPop: {
+        show: false,
+        boxNum: {
+          value: '',
+          focus: false,
+        },
+        box: null,
+        newBoxNum: {
+          value: '',
+          focus: false,
+        }
+      }
+    }
+  },
+  computed: {
+    title () {
+      return this.type === 'lpn' ? this.$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.iltbrzyr', '按托分拣') : this.$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.roqtzzau', '按箱分拣')
+    },
+    snsQty () {
+      return this.snPop.sns.map(i => parseInt(i.qty)).reduce((a, b) => a + b, 0)
+    },
+    barcodeQuery () {
+      if (!this.asn) {
+        return {}
+      }
+      return {
+        ownerId: this.asn.ownerId || null,
+        warehouseId: this.asn.warehouseId || null,
+      }
+    },
+    boxList () {
+      return this.currentBox ? this.caseList.list.filter(i => i.group.caseNum !== this.currentBox.group.caseNum) : this.caseList.list
+    },
+    showButtons () {
+      return !!this.currentBox || this.caseList.list.length > 0
+    },
+  },
+  created () {
+    const { asnId, container } = this.$route.query
+    if (!asnId) {
+      return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.jqnthlgq', '未指定收货单号'))
+    }
+    if (['case', 'lpn'].includes(container)) {
+      this.type = container
+    }
+    this.loadAsn(asnId)
+  },
+  methods: {
+    loadAsn (asnId) {
+      api.getInboundAsnByAnsId(asnId).then(res => {
+        if (Array.isArray(res) && res.length) {
+          this.asn = res[0]
+          this.asnNo = ''
+        } else if (res.id) {
+          this.asn = res
+          this.asnNo = ''
+        } else {
+          this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.kbhrmssn', '无效的到货通知单号'))
+        }
+
+        this.loadAsnBoxes()
+      })
+    },
+    loadAsnBoxes () {
+      if (!this.asn) {
+        return
+      }
+      api.getSortingQueryScanCase(this.asn.id, this.caseList.size, this.caseList.page).then(res => {
+        this.caseList.page = res.pageNum
+        this.caseList.size = res.pageSize
+        this.caseList.total = res.total
+        this.caseList.list = res.datas
+      })
+    },
+    onBoxNoConfirm () {
+      if (!this.conData.containerNo.value) {
+        return
+      }
+      api.checkAsnLineContainer(this.asn.id, this.conData.containerNo.value, this.type).then(() => {
+        this.conData.currentContainer = this.conData.containerNo.value
+        this.conData.skuCode.focus = true
+      }).catch(() => {
+        this.conData.containerNo.value = ''
+        this.conData.containerNo.focus = true
+      })
+    },
+    onBoxSkuConfirm (key, bcres) {
+      const skuCode = key?.trim()
+      if (!skuCode) {
+        return
+      }
+      let conQty = Number(this.conData.qty.value)
+      if (this.conData.currentSkuCode !== skuCode) {
+        if (conQty > 0) {
+          this.$lwDialog.confirm({
+            title: '提示',
+            message: `商品 ${this.conData.currentSkuCode} 还有 ${conQty} 个未提交，确认要切换商品吗？`,
+            type: 'error',
+          }).then(() => {
+            this.conData.qty.value = ''
+            conQty = 0
+            this.doBoxSkuConfirm(skuCode, bcres, conQty)
+          }).catch(() => {
+            this.conData.skuCode.value = ''
+            this.conData.skuCode.focus = true
+          })
+          return;
+        }
+        this.conData.qty.value = ''
+        conQty = 0
+      }
+      this.doBoxSkuConfirm(skuCode, bcres, conQty)
+    },
+    doBoxSkuConfirm (skuCode, bcres, conQty) {
+      if (this.currentBox && this.currentBox.sku?.code === skuCode) {
+        this.conData.currentSkuCode = skuCode
+        if (this.currentBox.sku?.needSn) {
+          this.showSnPop()
+        } else {
+          if (!isNaN(bcres.data.qty)) {
+            const qty = Number(bcres.data.qty) || 1
+            this.conData.qty.value = Number.isNaN(conQty) ? qty : conQty + qty
+            this.conData.skuCode.value = ''
+            this.conData.skuCode.focus = true
+          } else {
+            this.conData.qty.focus = true
+          }
+        }
+      } else {
+        const method = this.type === 'lpn' ? api.getSortingQuerySkuByLpn : api.getSortingQuerySkuByCase
+        method(this.asn.id, skuCode, this.conData.containerNo.value).then(res => {
+          this.conData.currentSkuCode = skuCode
+          this.conData.needSn = res.sku?.needSn ?? false
+          this.currentBox = res
+          if (!res.groupCase) {
+            if (!isNaN(bcres.data.qty)) {
+              this.conData.qty.value = Number(bcres.data.qty) || 1
+            }
+            this.showBindPop()
+          } else {
+            this.currentBox.qty = res.groupCase.qty
+            this.currentBox.receiveQty = res.groupCase.receiveQty
+            this.currentBox.canSortingQty = res.groupCase.canSortingQty
+            this.currentBox.sortingQty = res.groupCase.sortingQty
+
+            if (res.sku?.needSn) {
+              this.showSnPop()
+            } else {
+              if (!isNaN(bcres.data.qty)) {
+                const qty = Number(bcres.data.qty) || 1
+                this.conData.qty.value = Number.isNaN(conQty) ? qty : conQty + qty
+                this.conData.skuCode.value = ''
+                this.conData.skuCode.focus = true
+              } else {
+                this.conData.qty.focus = true
+              }
+            }
+          }
+          this.loadAsnBoxes()
+        }).catch(() => {
+          this.conData.skuCode.value = ''
+          this.conData.skuCode.focus = true
+        })
+      }
+    },
+    onBoxSkuQtyConfirm () {
+      if (!this.currentBox) {
+        return
+      }
+      const qty = Number(this.conData.qty.value)
+      if (qty <= 0) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.brrvkjdz', '分拣数量不正确'))
+      }
+      const fromLpn = this.type === 'lpn' ? this.conData.containerNo.value : null
+      const fromCaseNum = this.type === 'case' ? this.conData.containerNo.value : null
+      api.doSortingSubmitBySku(this.asn.id, this.currentBox.group.caseNum, this.currentBox.sku.id, qty, fromLpn, fromCaseNum).then(res => {
+        Object.assign(this.currentBox, res)
+        this.conData.qty.value = ''
+        this.conData.skuCode.focus = true
+      })
+    },
+    showBindPop () {
+      this.bindPop.show = true
+      this.bindPop.pendingQty = ''
+      this.bindPop.indexNo = ''
+      this.bindPop.caseNum.value = ''
+      setTimeout(() => this.bindPop.caseNum.focus = true, 0)
+      
+    },
+    closeBindPop () {
+      this.bindPop.show = false
+      this.currentBox = null
+      this.conData.qty.value = ''
+      this.conData.skuCode.value = ''
+      this.conData.skuCode.focus = true
+    },
+    doBindBox () {
+      if (!this.bindPop.caseNum.value) {
+        this.bindPop.caseNum.focus = true
+      }
+      api.doSortingBindSkuCase(this.asn.id, this.currentBox.sku.id, this.bindPop.caseNum.value, this.currentBox.group.sortingNo).then(res => {
+        Object.assign(this.currentBox, res)
+        this.bindPop.show = false
+
+        this.loadAsnBoxes()
+
+        if (this.currentBox.sku?.needSn) {
+          this.showSnPop()
+        } else {
+          if (Number.isFinite(this.conData.qty.value)) {
+            this.conData.skuCode.value = ''
+            this.conData.skuCode.focus = true
+          } else {
+            this.conData.qty.focus = true
+          }
+        }
+      })
+    },
+    switchBox () {
+      this.conData.currentContainer = null
+      this.currentBox = null
+      this.conData.needSn = false
+      this.conData.currentSkuCode = null
+      this.conData.containerNo.value = ''
+      this.conData.skuCode.value = ''
+      this.conData.qty.value = ''
+      setTimeout(() => this.conData.containerNo.focus = true, 0)
+
+      this.loadAsnBoxes()
+    },
+    onBoxReset (box) {
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.znpqmgdg', '警告'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.acnoqqdh', '确认重新分拣箱号{caseNum}吗？', {caseNum: box.group.caseNum})
+      }).then(() => {
+        api.doSortingClearCase(this.asn.id, box.group.caseNum).then(() => {
+          this.switchBox()
+          this.loadAsnBoxes()
+        })
+      }).catch(() => {})
+    },
+    onAllBoxReset () {
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.znpqmgdg', '警告'),
+        message: this.$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.ovxiosuj', '确认全部重新分拣吗？'),
+      }).then(() => {
+        api.doSortingResetAll(this.asn.id).then(() => this.switchBox())
+      }).catch(() => {})
+    },
+    onConfirmFinish () {
+      api.doSortingConfirm(this.asn.id).then(res => {this.asn = res; this.switchBox()})
+    },
+    onNewBox () {
+      this.newBoxPop.box = null
+      this.newBoxPop.show = true
+      this.newBoxPop.boxNum.value = ''
+      this.newBoxPop.newBoxNum.value = ''
+      this.newBoxPop.boxNum.focus = true
+    },
+    loadBoxForNewBox () {
+      if (this.newBoxPop.boxNum.value) {
+        api.getSortingGetCase(this.asn.id, this.newBoxPop.boxNum.value).then(res => {
+          this.newBoxPop.box = res
+          this.newBoxPop.newBoxNum.focus = true
+        })
+      }
+    },
+    onNewBoxNumConfirm () {
+      if (!this.newBoxPop.box) {
+        this.newBoxPop.boxNum.focus = true
+        return
+      }
+      if (!this.newBoxPop.newBoxNum.value) {
+        this.newBoxPop.newBoxNum.focus = true
+        return
+      }
+      api.doSortingSwitchCase(this.asn.id, this.newBoxPop.box.group.caseNum, this.newBoxPop.newBoxNum.value).then(res => {
+        if (this.conData.needSn) {
+          this.switchBox()
+        } else {
+          if (this.currentBox) {
+            Object.assign(this.currentBox, res)
+          } else {
+            this.currentBox = res
+          }
+          this.conData.qty.focus = true
+        }
+        this.newBoxPop.show = false
+        this.loadAsnBoxes()
+      })
+    },
+    showSnPop () {
+      this.snPop.show = true
+      this.snPop.sn.value = ''
+      this.snPop.sn.focus = true
+      this.snPop.sns = []
+      if (this.currentBox.sn?.sn) {
+        const sn = this.currentBox.sn
+        const qty = Number(sn.qty)
+        sn.qty = Number.isNaN(qty) ? 1 : qty
+        this.snPop.sns.push({...sn})
+      }
+    },
+    closeSnPop () {
+      this.snPop.show = false
+      this.currentBox = null
+      this.conData.needSn = false
+      this.conData.currentSkuCode = null
+      this.conData.skuCode.value = ''
+      this.conData.skuCode.focus = true
+      this.conData.qty.value = ''
+    },
+    addSn (sn, res) {
+      const snCode = res.bizType === 'SN' ? res.data.key : sn
+      if (!snCode) {
+        this.snPop.sn.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.mscdlebn', '错误的商品条码序列号'))
+      }
+      const osn = this.snPop.sns.find(i => i.sn === snCode)
+      if (osn) {
+        this.snPop.sn.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.lmerdzqw', '重复的序列号'))
+      }
+      if (res.data) {
+        if (res.data.skuCode && res.data.skuCode !== this.currentBox?.sku?.code) {
+          this.snPop.sn.focus = true
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.wtwtirtd', '序列号商品编码不符'))
+        }
+      }
+      // const qty = res.data && res.data.qty || 1
+      const fromLpn = this.type === 'lpn' ? this.conData.containerNo.value : null
+      const fromCaseNum = this.type === 'case' ? this.conData.containerNo.value : null
+      api.getSortingGetSn(this.asn.id, this.currentBox.group.caseNum, this.currentBox?.sku?.id, snCode, fromLpn, fromCaseNum).then(data => {
+        if (data && data.sn) {
+          this.snPop.sns.unshift({
+            sn: data.sn,
+            qty: data.qty || 1
+          })
+          this.snPop.sn.value = ''
+        } else {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.quality.iiwvemyp', '错误的序列号'))
+        }
+      })
+    },
+    removeSn (idx) {
+      this.snPop.sns.splice(idx, 1)
+    },
+    confirmSnSubmit () {
+      if (!this.snPop.sns.length) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.sorting.cumksiqn', '请输入序列号条码'))
+      }
+      const fromLpn = this.type === 'lpn' ? this.conData.containerNo.value : null
+      const fromCaseNum = this.type === 'case' ? this.conData.containerNo.value : null
+      api.doSortingSubmitBySn(this.asn.id, this.currentBox.group.caseNum, this.currentBox.sku.id, this.snPop.sns, fromLpn, fromCaseNum).then(() => {
+        this.snPop.show = false
+        this.currentBox = null
+
+        this.conData.currentSkuCode = null
+        this.conData.skuCode.value = ''
+        this.conData.qty.value = ''
+        setTimeout(() => this.conData.skuCode.focus = true, 0)
+
+        this.loadAsnBoxes()
+      })
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.tag-list {
+  margin-top: 10px;
+
+  & > div {
+    display: flex;
+    align-items: center;
+
+    & > div:first-child {
+      flex-basis: 40%;
+    }
+
+    & > div:nth-child(2) {
+      flex-basis: 20%;
+      text-align: center;
+    }
+
+    & > div:last-child {
+      flex-basis: 40%;
+      text-align: center;
+    }
+  }
+
+  &-title {
+    background: #dd3d42;
+    color: white;
+    padding: 4px 8px;
+
+    span {
+      color: yellow;
+      font-weight: bold;
+    }
+  }
+
+  &-head {
+    font-size: 0.9em;
+    color: gray;
+    padding: 5px;
+  }
+
+  &-row {
+    padding: 4px;
+    font-size: 0.9em;
+    height: 36px;
+    border-top: 1px solid lightgray;
+  }
+}
+</style>