@logwire/logwire-wms-pda-ui 1.1.15

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

@@ -0,0 +1,268 @@
+<!--
+  按商品预收货
+  @author dhc
+  @date 2022-06-30
+-->
+<template>
+  <div>
+    <lw-nav-bar title="预收货"/>
+    <div v-if="asn" class="lw-global-page-box">
+      <div class="lw-global-model-box">
+        <asn-info :data="asn" :radius="false"/>
+        <asn-sku-info :data="asnSku"/>
+      </div>
+      <div v-if="asnSku">
+        <div class="lw-global-model-box" style="margin-top: 10px;">
+          <lw-input title="商品收货条码" required v-model="tag" @confirm="addTag"/>
+        </div>
+        <div class="lw-global-model-box tag-list">
+          <div class="tag-list-title">
+            <div>当前扫描结果</div>
+            <div>标签 <span>{{ tags.length }}</span></div>
+            <div>数量 <span>{{ tagsQty }}</span></div>
+          </div>
+          <div class="tag-list-head">
+            <div>标签/箱号</div>
+            <div>数量</div>
+            <div>确认数量</div>
+          </div>
+          <div class="tag-list-row" v-for="t in tags" :key="t.code">
+            <div>{{ t.code }}</div>
+            <div>{{ t.qty }}</div>
+            <div>
+              <lw-input required v-model="t.confirmQty" placeholder="请扫描/输入序列号"/>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-if="lotQuery" class="lw-global-model-box" style="margin-top: 10px;">
+        <lw-lot-module ref="lotEl" :query="lotQuery"/>
+      </div>
+      <div class="lw-global-model-box" style="margin-top: 10px;">
+        <lw-input title="预收货库位" required v-model="receiveLoc.value" :get-focus.sync="receiveLoc.focus"/>
+        <lw-input title="预收货托盘" required v-model="receiveLpn.value" :get-focus.sync="receiveLpn.focus"/>
+      </div>
+    </div>
+    <lw-bottom-bar>
+      <lw-button type="danger">预收货异常</lw-button>
+      <lw-button plain @click="$router.back()">重新扫描</lw-button>
+      <lw-button @click="submit">确认预收货</lw-button>
+    </lw-bottom-bar>
+
+    <van-dialog v-model="showSubmit" :show-confirm-button="false" title="确认预收货">
+      <div class="lw-global-page-box">
+        <div class="lw-global-model-box">
+          <asn-sku-info :data="asnSku"/>
+          <div class="lw-global-sh"></div>
+          <div>
+            <lw-input title="预收货量" required v-model="submitQty"/>
+          </div>
+          <div style="margin-top: 10px; display: flex; justify-content: center;">
+            <lw-button plain @click="showSubmit = false">取消</lw-button>
+            <lw-button @click="doSubmit">确认预收货</lw-button>
+          </div>
+        </div>
+      </div>
+    </van-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getAsnSkuDetailBySkuCode,
+  getInboundAsnByAsnNo,
+  submitAsnAdvanceReceiveForSku,
+} from '../../../../../api/inbound/receive'
+import AsnInfo from '../../components/AsnInfo'
+import AsnSkuInfo from '../../components/AsnSkuInfo'
+
+export default {
+  name: 'LwInboundReceiveSkuAdvancePage',
+  components: { AsnSkuInfo, AsnInfo },
+  data () {
+    return {
+      asn: null,
+      asnSku: null,
+      tag: '',
+      tags: [{
+        code: '#',
+        qty: 0,
+        confirmQty: 0,
+      }],
+      receiveLoc: {
+        value: '',
+        focus: false,
+      },
+      receiveLpn: {
+        value: '',
+        focus: false,
+      },
+      showSubmit: false,
+      lotQuery: null,
+      submitQty: 0,
+      lotData: null,
+    }
+  },
+  computed: {
+    tagsQty () {
+      return this.tags.map(i => parseInt(i.confirmQty)).reduce((a, b) => a + b, 0)
+    },
+  },
+  created () {
+    const { asnNo, skuCode } = this.$route.query
+    if (!asnNo || !skuCode) {
+      return this.$lwShowErrorMsg('错误的到货通知单或商品')
+    }
+    this.loadAsnAndSku(asnNo, skuCode)
+  },
+  methods: {
+    loadAsnAndSku (asnNo, skuCode) {
+      getInboundAsnByAsnNo(asnNo).then(data => {
+        if (data) {
+          this.asn = data
+          getAsnSkuDetailBySkuCode(this.asn.id, skuCode).then(res => {
+            this.asnSku = res
+            this.lotQuery = {
+              warehouseId: this.asn.warehouseId,
+              ownerId: this.asnSku.ownerId,
+              skuId: this.asnSku.sku.id,
+              type: 1,
+              lotType: 'inventory',
+              header: this.asn.map,
+              line: this.asnSku.map,
+            }
+          })
+        } else {
+          return this.$lwShowErrorMsg('错误的到货通知单')
+        }
+      })
+    },
+    addTag () {
+      if (!this.tag) {
+        return
+      }
+      const param = { componentId: 'WMS_INBOUND_RECEIVE_SKU', barcode: this.tag, ownerId: this.asn.ownerId }
+      this.$lwApi.barcode.resolver(param).then(res => {
+        if (!res.data.sku) {
+          return this.$lwShowErrorMsg('错误的商品预收货条码')
+        }
+        if (res.data.sku !== this.asnSku.sku.code) {
+          return this.$lwShowErrorMsg('错误的商品')
+        }
+        const qty = parseInt(res.data.qty) || 0
+        const tag = res.data.tag || '#'
+        const otag = this.tags.find(i => i.code === tag)
+        if (otag) {
+          if (otag.code !== '#') {
+            return this.$lwShowErrorMsg('重复箱号')
+          }
+          otag.qty = otag.qty + qty
+          otag.confirmQty = otag.confirmQty + qty
+        } else {
+          this.tags.unshift({
+            code: tag,
+            qty,
+            confirmQty: qty,
+          })
+        }
+        this.tag = ''
+      })
+    },
+    async submit () {
+      this.submitQty = this.asnSku.sku.needSn ? this.snsQty : this.tagsQty
+      if (this.submitQty <= 0) {
+        return this.$lwShowErrorMsg('预收货数量必须大于0')
+      }
+      const lotData = await this.$refs.lotEl.getData()
+      if (!lotData.success) {
+        return
+      }
+      if (!this.receiveLoc.value) {
+        return this.$lwShowErrorMsg('预收货库位不能为空')
+      }
+      if (!this.receiveLpn.value) {
+        return this.$lwShowErrorMsg('预收货托盘不能为空')
+      }
+      this.lotData = lotData.data
+      this.showSubmit = true
+    },
+    doSubmit () {
+      const data = {
+        warehouseId: this.asn.warehouseId,
+        asnId: this.asn.id,
+        skuId: this.asnSku.sku.id,
+        locationCode: this.receiveLoc.value,
+        lpn: this.receiveLpn.value,
+        qty: this.submitQty,
+        lotAttributes: this.lotData,
+      }
+      if (data.qty <= 0) {
+        return this.$lwShowErrorMsg('预收货数量必须大于0')
+      }
+      data.boxList = this.tags.map(i => ({ box: i.code, qty: i.confirmQty }))
+      submitAsnAdvanceReceiveForSku(data).then(this.afterSubmit)
+    },
+    afterSubmit (res) {
+      this.asn = res
+      this.tag = ''
+      this.tags = []
+      this.showSubmit = false
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.tag-list {
+  margin-top: 10px;
+
+  &.dialog {
+    max-height: 50vh;
+    overflow-y: auto;
+  }
+
+  & > div {
+    display: flex;
+    align-items: center;
+
+    & > div:first-child {
+      flex-basis: 40%;
+    }
+
+    & > div:nth-child(2) {
+      flex-basis: 20%;
+      text-align: center;
+    }
+
+    & > div:last-child {
+      flex-basis: 40%;
+      text-align: center;
+    }
+  }
+
+  &-title {
+    background: #0f90dd;
+    color: white;
+    margin: -10px -10px 0;
+    padding: 8px;
+    border-radius: 8px 8px 0 0;
+
+    span {
+      color: yellow;
+      font-weight: bold;
+    }
+  }
+
+  &-head {
+    font-size: 0.9em;
+    color: gray;
+    padding: 5px 0;
+  }
+
+  &-row {
+    font-size: 0.9em;
+    height: 36px;
+    border-top: 1px solid lightgray;
+  }
+}
+</style>

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

@@ -0,0 +1,352 @@
+<!--
+  按商品直接收货（快收）
+  @author dhc
+  @date 2022-06-30
+-->
+<template>
+  <div>
+    <lw-nav-bar title="收货"/>
+    <div v-if="asn" class="lw-global-page-box">
+      <div class="lw-global-model-box">
+        <asn-info :data="asn" :radius="false"/>
+        <asn-sku-info :data="asnSku"/>
+      </div>
+      <div v-if="asnSku && asnSku.sku.needSn">
+        <div class="lw-global-model-box" style="margin-top: 10px;">
+          <lw-input title="序列号条码" required v-model="sn" @confirm="addSn"/>
+        </div>
+        <div class="lw-global-model-box tag-list">
+          <div class="tag-list-title">
+            <div>当前扫描结果</div>
+            <div>SN <span>{{ sns.length }}</span></div>
+            <div style="display: flex; justify-content: center;">
+              <div>数量 <span>{{ snsQty }}</span></div>
+              <div style="margin-left: 10px;">
+                <lw-button mini @click="showSns=true">全部</lw-button>
+              </div>
+            </div>
+          </div>
+          <div class="tag-list-head">
+            <div>SN</div>
+            <div>数量</div>
+            <div>操作</div>
+          </div>
+          <div class="tag-list-row" v-for="t in sns" :key="t.sn">
+            <div>{{ t.sn }}</div>
+            <div>{{ t.qty }}</div>
+            <div>
+              <lw-button mini @click="removeSn(t)">剔除</lw-button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-else>
+        <div class="lw-global-model-box" style="margin-top: 10px;">
+          <lw-input title="商品收货条码" required v-model="tag" @confirm="addTag"/>
+        </div>
+        <div class="lw-global-model-box tag-list">
+          <div class="tag-list-title">
+            <div>当前扫描结果</div>
+            <div>标签 <span>{{ tags.length }}</span></div>
+            <div>数量 <span>{{ tagsQty }}</span></div>
+          </div>
+          <div class="tag-list-head">
+            <div>标签/箱号</div>
+            <div>数量</div>
+            <div>确认数量</div>
+          </div>
+          <div class="tag-list-row" v-for="t in tags" :key="t.code">
+            <div>{{ t.code }}</div>
+            <div>{{ t.qty }}</div>
+            <div>
+              <lw-input required v-model="t.confirmQty" placeholder="请扫描/输入序列号"/>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div v-if="lotQuery" class="lw-global-model-box" style="margin-top: 10px;">
+        <lw-lot-module ref="lotEl" :query="lotQuery"/>
+      </div>
+      <div class="lw-global-model-box" style="margin-top: 10px;">
+        <lw-input title="收货库位" required v-model="receiveLoc.value" :get-focus.sync="receiveLoc.focus"/>
+        <lw-input title="收货托盘" required v-model="receiveLpn.value" :get-focus.sync="receiveLpn.focus"/>
+      </div>
+    </div>
+    <lw-bottom-bar>
+      <lw-button type="danger">收货异常</lw-button>
+      <lw-button plain @click="$router.back()">重新扫描</lw-button>
+      <lw-button @click="submit">确认收货</lw-button>
+    </lw-bottom-bar>
+
+    <van-dialog v-model="showSns" title="当前扫描的SN列表">
+      <div class="lw-global-page-box">
+        <div class="lw-global-model-box">
+          <sns-list :sns="sns" @remove="removeSn"/>
+        </div>
+      </div>
+    </van-dialog>
+    <van-dialog v-model="showSubmit" :show-confirm-button="false" title="确认收货">
+      <div class="lw-global-page-box">
+        <div class="lw-global-model-box">
+          <asn-sku-info :data="asnSku"/>
+          <div class="lw-global-sh"></div>
+          <div>
+            <lw-input title="收货量" required v-model="submitQty"/>
+          </div>
+          <div style="margin-top: 10px; display: flex; justify-content: center;">
+            <lw-button plain @click="showSubmit = false">取消</lw-button>
+            <lw-button @click="doSubmit">确认收货</lw-button>
+          </div>
+        </div>
+      </div>
+    </van-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getAsnSkuDetailBySkuCode,
+  getAsnSkuSnDetail,
+  getInboundAsnByAsnNo,
+  submitAsnFastReceiveForSku,
+  submitAsnFastReceiveForSkuSn
+} from '../../../../../api/inbound/receive'
+import AsnInfo from '../../components/AsnInfo'
+import AsnSkuInfo from '../../components/AsnSkuInfo'
+import SnsList from '../../components/SnsList'
+
+export default {
+  name: 'LwInboundReceiveSkuDirectPage',
+  components: { SnsList, AsnSkuInfo, AsnInfo },
+  data () {
+    return {
+      asn: null,
+      asnSku: null,
+      tag: '',
+      tags: [{
+        code: '#',
+        qty: 0,
+        confirmQty: 0,
+      }],
+      sn: '',
+      sns: [],
+      showSns: false,
+      receiveLoc: {
+        value: '',
+        focus: false,
+      },
+      receiveLpn: {
+        value: '',
+        focus: false,
+      },
+      showSubmit: false,
+      lotQuery: null,
+      submitQty: 0,
+      lotData: null,
+    }
+  },
+  computed: {
+    tagsQty () {
+      return this.tags.map(i => parseInt(i.confirmQty)).reduce((a, b) => a + b, 0)
+    },
+    snsQty () {
+      return this.sns.map(i => parseInt(i.qty)).reduce((a, b) => a + b, 0)
+    },
+  },
+  created () {
+    const { asnNo, skuCode } = this.$route.query
+    if (!asnNo || !skuCode) {
+      return this.$lwShowErrorMsg('错误的到货通知单或商品')
+    }
+    this.loadAsnAndSku(asnNo, skuCode)
+  },
+  methods: {
+    loadAsnAndSku (asnNo, skuCode) {
+      getInboundAsnByAsnNo(asnNo).then(data => {
+        if (data) {
+          this.asn = data
+          getAsnSkuDetailBySkuCode(this.asn.id, skuCode).then(res => {
+            this.asnSku = res
+            this.lotQuery = {
+              warehouseId: this.asn.warehouseId,
+              ownerId: this.asnSku.ownerId,
+              skuId: this.asnSku.sku.id,
+              type: 1,
+              lotType: 'inventory',
+              header: this.asn.map,
+              line: this.asnSku.map,
+            }
+          })
+        } else {
+          return this.$lwShowErrorMsg('错误的到货通知单')
+        }
+      })
+    },
+    addTag () {
+      if (!this.tag) {
+        return
+      }
+      const param = { componentId: 'WMS_INBOUND_RECEIVE_SKU', barcode: this.tag, ownerId: this.asn.ownerId }
+      this.$lwApi.barcode.resolver(param).then(res => {
+        if (!res.data.sku) {
+          return this.$lwShowErrorMsg('错误的商品收货条码')
+        }
+        if (res.data.sku !== this.asnSku.sku.code) {
+          return this.$lwShowErrorMsg('错误的商品')
+        }
+        const qty = parseInt(res.data.qty) || 0
+        const tag = res.data.tag || '#'
+        const otag = this.tags.find(i => i.code === tag)
+        if (otag) {
+          if (otag.code !== '#') {
+            return this.$lwShowErrorMsg('重复箱号')
+          }
+          otag.qty = otag.qty + qty
+          otag.confirmQty = otag.confirmQty + qty
+        } else {
+          this.tags.unshift({
+            code: tag,
+            qty,
+            confirmQty: qty,
+          })
+        }
+        this.tag = ''
+      })
+    },
+    addSn () {
+      if (!this.sn) {
+        return
+      }
+      const param = { componentId: 'WMS_INBOUND_RECEIVE_SKU_SN', barcode: this.sn, ownerId: this.asn.ownerId }
+      this.$lwApi.barcode.resolver(param).then(res => {
+        if (!res.data.sn) {
+          return this.$lwShowErrorMsg('错误的商品条码序列号')
+        }
+        const osn = this.sns.find(i => i.sn === res.data.sn)
+        if (osn) {
+          return this.$lwShowErrorMsg('重复的序列号')
+        }
+        getAsnSkuSnDetail(this.asn.id, this.asnSku.sku.id, res.data.sn).then(data => {
+          if (data && data.sn) {
+            this.sns.unshift({
+              sn: data.sn,
+              qty: data.qty || 1
+            })
+            this.sn = ''
+          } else {
+            return this.$lwShowErrorMsg('错误的序列号')
+          }
+        })
+      })
+    },
+    removeSn (sn) {
+      const idx = this.sns.indexOf(sn)
+      if (idx > -1) {
+        this.sns.splice(idx, 1)
+      }
+    },
+    async submit () {
+      this.submitQty = this.asnSku.sku.needSn ? this.snsQty : this.tagsQty
+      if (this.submitQty <= 0) {
+        return this.$lwShowErrorMsg('收货数量必须大于0')
+      }
+      const lotData = await this.$refs.lotEl.getData()
+      if (!lotData.success) {
+        return
+      }
+      if (!this.receiveLoc.value) {
+        return this.$lwShowErrorMsg('收货库位不能为空')
+      }
+      if (!this.receiveLpn.value) {
+        return this.$lwShowErrorMsg('收货托盘不能为空')
+      }
+      this.lotData = lotData.data
+      this.showSubmit = true
+    },
+    doSubmit () {
+      const data = {
+        warehouseId: this.asn.warehouseId,
+        asnId: this.asn.id,
+        skuId: this.asnSku.sku.id,
+        locationCode: this.receiveLoc.value,
+        lpn: this.receiveLpn.value,
+        qty: this.submitQty,
+        lotAttributes: this.lotData,
+      }
+      if (data.qty <= 0) {
+        return this.$lwShowErrorMsg('收货数量必须大于0')
+      }
+      if (this.asnSku.sku.needSn) {
+        data.snList = this.sns
+        submitAsnFastReceiveForSkuSn(data).then(this.afterSubmit)
+      } else {
+        data.boxList = this.tags.map(i => ({ box: i.code, qty: i.confirmQty }))
+        submitAsnFastReceiveForSku(data).then(this.afterSubmit)
+      }
+    },
+    afterSubmit (res) {
+      this.asn = res.asn
+      this.sn = ''
+      this.tag = ''
+      this.sns = []
+      this.tags = []
+      this.showSubmit = false
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+.tag-list {
+  margin-top: 10px;
+
+  &.dialog {
+    max-height: 50vh;
+    overflow-y: auto;
+  }
+
+  & > div {
+    display: flex;
+    align-items: center;
+
+    & > div:first-child {
+      flex-basis: 40%;
+    }
+
+    & > div:nth-child(2) {
+      flex-basis: 20%;
+      text-align: center;
+    }
+
+    & > div:last-child {
+      flex-basis: 40%;
+      text-align: center;
+    }
+  }
+
+  &-title {
+    background: #0f90dd;
+    color: white;
+    margin: -10px -10px 0;
+    padding: 8px;
+    border-radius: 8px 8px 0 0;
+
+    span {
+      color: yellow;
+      font-weight: bold;
+    }
+  }
+
+  &-head {
+    font-size: 0.9em;
+    color: gray;
+    padding: 5px 0;
+  }
+
+  &-row {
+    font-size: 0.9em;
+    height: 36px;
+    border-top: 1px solid lightgray;
+  }
+}
+</style>