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

package/src/components/page/inbound/receive/receive-lpn/index.js

@@ -0,0 +1,19 @@
+import LwInboundReceiveLpnScanPage from './LwInboundReceiveLpnScanPage.vue'
+import LwInboundReceiveLpnExecutePage from './LwInboundReceiveLpnExecutePage.vue'
+import LwInboundReceiveLpnBatchExecutePage from './LwInboundReceiveLpnBatchExecutePage.vue'
+
+const pages = [
+  LwInboundReceiveLpnScanPage,
+  LwInboundReceiveLpnExecutePage,
+  LwInboundReceiveLpnBatchExecutePage,
+]
+
+pages.forEach(page => page.install = Vue => Vue.component(page.name, page))
+
+export {
+  LwInboundReceiveLpnScanPage,
+  LwInboundReceiveLpnExecutePage,
+  LwInboundReceiveLpnBatchExecutePage,
+}
+
+export default pages

package/src/components/page/inbound/receive/receive-random/LwInboundReceiveRandomSkuExecutePage.vue

@@ -0,0 +1,340 @@
+<!--
+  商品无单收货
+  @author Jimmy
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.ttshtvdu', '无单收货')"/>
+    <div v-if="receiveSku" class="lw-global-page-box">
+      <div class="lw-global-model-box">
+        <sku-receive-info :sku="receiveSku"/>
+      </div>
+
+      <div>
+        <div class="lw-global-model-box" style="margin-top: 10px;">
+
+          <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.nmntjrxj', '商品收货条码')"
+                    required v-model="code.value" :get-focus.sync="code.focus"
+                    rule-key="skuReceive" :rule-serve-query="barcodeQuery"
+                    @confirm="addTag"/>
+
+        </div>
+        <div class="lw-global-model-box tag-list">
+          <div class="tag-list-title">
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.zigydglj', '当前扫描结果')}}</div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.juswexat', '标签')}}<span>{{ ' ' + tags.length }}</span></div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.hhzqkrgo', '数量')}}<span>{{ ' ' + tagsQty }}</span></div>
+          </div>
+          <div class="tag-list-head">
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.vuwvdeol', '标签/箱号')}}</div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.ucajdudo', '数量')}}</div>
+            <div>{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.zsueakqs', '确认数量')}}</div>
+          </div>
+          <div class="tag-list-row" v-for="t in tags" :key="t.code">
+            <div>{{ t.code }}</div>
+            <div>{{ t.qty }}</div>
+            <div>
+              <lw-input required v-model="t.confirmQty" :get-focus.sync="tagFocus[t.code]" :placeholder="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.wiinhthn', '请确认数量')"/>
+            </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="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.eroicgsb', '收货库位')" required v-model="receiveLoc.value" :get-focus.sync="receiveLoc.focus"/>
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.inovnpea', '收货托盘')" required v-model="receiveLpn.value" :get-focus.sync="receiveLpn.focus"/>
+      </div>
+
+    </div>
+
+    <lw-bottom-bar>
+      <lw-button type="danger" @click="showAbnormalPop">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.feinlhtw', '收货异常')}}</lw-button>
+      <lw-button plain @click="$router.back()">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.jieamokl', '重新扫描')}}</lw-button>
+      <lw-button @click="submit">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.ahtdkqbi', '确认收货')}}</lw-button>
+    </lw-bottom-bar>
+
+    <lw-popup v-model="showSubmit" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.udnbawmt', '确认收货')" :show-off-btn="false">
+      <sku-receive-info :sku="receiveSku"/>
+      <div class="lw-global-sh"></div>
+      <div>
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.eyzvmmic', '收货量')" required v-model="submitQty"/>
+      </div>
+      <template #button>
+        <lw-button plain @click="showSubmit = false">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.ybyknkgf', '取消')}}</lw-button>
+        <lw-button @click="doSubmit">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.iewdsxqt', '确认收货')}}</lw-button>
+      </template>
+    </lw-popup>
+    <!-- 异常弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.jnzgctzl', '收货异常')"
+      class="abnormal-popup-bg"
+      v-model="showAbnormal">
+
+      <lw-receive-abnormal-module
+        v-if="showAbnormal"
+        ref="abnormal"
+        :multiple="false"
+        :sku-disabled="true"
+        :show-bottom-bar="false"
+        :original-lpn="false"
+        :original-case-num="false"
+        :owner-id="receiveSku.ownerId"
+        :sku-code="receiveSku.code"
+      />
+
+      <template #button>
+        <lw-button @click="submitAbnormal">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.yxyufhir', '上报异常')}}</lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+import {
+  getInboundSkuReceive,
+  submitInboundReceiveForSku,
+  submitAsnAbnormalReceive
+} from '../../../../../api/inbound/receive'
+import SkuReceiveInfo from '../../components/SkuReceiveInfo.vue'
+import {scanUtils} from '../../util/InboundUtils'
+
+export default {
+  name: 'LwInboundReceiveRandomSkuExecutePage',
+  components: {SkuReceiveInfo},
+  data() {
+    return {
+      receiveSku: null,
+      tags: [{
+        code: '#',
+        qty: 0,
+        confirmQty: 0,
+      }],
+      code: {
+        value: '',
+        focus: false,
+      },
+      receiveLoc: {
+        value: '',
+        focus: false,
+      },
+      receiveLpn: {
+        value: '',
+        focus: false,
+      },
+      tagFocus: {
+        '#': false,
+      },
+      showSubmit: false,
+      lotQuery: null,
+      submitQty: 0,
+      lotData: null,
+      showAbnormal: false,
+    }
+  },
+  computed: {
+    tagsQty() {
+      return this.tags.map(i => parseInt(i.confirmQty)).reduce((a, b) => a + b, 0)
+    },
+    barcodeQuery() {
+      if (this.receiveSku) {
+        return {
+          ownerId: this.receiveSku.ownerId,
+        }
+      }
+      return {}
+    },
+  },
+  created() {
+    const {skuId} = this.$route.query
+    if (!skuId) {
+      return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.yqgjtmyn', '错误的商品ID'))
+    }
+    this.loadSkuReceive(skuId)
+  },
+  methods: {
+    initLot(){
+      this.lotQuery = {
+        ownerId: this.receiveSku.ownerId,
+        skuId: this.receiveSku.id,
+        type: 1,
+        lotType: 'inventory',
+        header: {},
+        line: {},
+      }
+    },
+    loadSkuReceive(skuId) {
+      getInboundSkuReceive(skuId).then(res => {
+        if (res) {
+          this.receiveSku = res
+          this.initLot()
+        } else {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.yqgjtmyn', '错误的商品ID'))
+        }
+      })
+    },
+    addTag(sku, res) {
+      const scanData = scanUtils.getScanSkuCodeData(sku, res)
+      if(!scanData.success){
+        return
+      }
+
+      if (scanData.skuCode !== this.receiveSku.code) {
+        this.code.value = null
+        this.code.focus = true
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.sku.no.same', '商品编码：{sku} 与当前商品：{currentSku} 不符',{sku:scanData.skuCode,currentSku:this.receiveSku.code}))
+      }
+
+      const qty = parseInt(scanData.qty) || 0
+      const tag = scanData.tag || '#'
+      const otag = this.tags.find(i => i.code === tag)
+      if (otag) {
+        if (otag.code !== '#') {
+          return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.ilebtytg', '重复箱号'))
+        }
+        this.tagFocus[tag] = true
+        otag.qty = otag.qty + qty
+        otag.confirmQty = otag.confirmQty + qty
+      } else {
+        this.tagFocus[tag] = true
+        this.tags.unshift({
+          code: tag,
+          qty,
+          confirmQty: qty,
+        })
+      }
+
+      this.code.value = null
+    },
+    async submit() {
+      this.submitQty = this.tagsQty
+      if (this.submitQty <= 0) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.inusborr', '收货数量必须大于0'))
+      }
+      const lotData = await this.$refs.lotEl.getData()
+      if (!lotData.success) {
+        return
+      }
+      if (!this.receiveLoc.value) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.vnnbttur', '收货库位不能为空'))
+      }
+      if (!this.receiveLpn.value) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.oczjbyjy', '收货托盘不能为空'))
+      }
+      this.lotData = lotData.data
+      this.showSubmit = true
+    },
+    doSubmit() {
+      const data = {
+        skuId: this.receiveSku.id,
+        locationCode: this.receiveLoc.value,
+        lpn: this.receiveLpn.value,
+        qty: this.submitQty,
+        lotAttributes: this.lotData,
+      }
+      if (data.qty <= 0) {
+        return this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.inusborr', '收货数量必须大于0'))
+      }
+      data.boxList = this.tags.map(i => ({box: i.code, qty: i.confirmQty}))
+      submitInboundReceiveForSku(data).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.wappmmcr','收货成功')
+        )
+        this.tag = ''
+        this.tags = []
+        this.initLot()
+        this.receiveLpn.value = null
+        this.receiveLoc.value = null
+        this.code.focus = true
+        this.showSubmit = false
+      })
+    },
+    showAbnormalPop() {
+      const lotData = this.$refs.lotEl.getData()
+      if (lotData.success) {
+        this.showAbnormal = true
+      }
+    },
+    submitAbnormal() {
+      const {success, data} = this.$refs.abnormal.getAllAbnormalData()
+      if (!success) return
+
+      submitAsnAbnormalReceive({
+        order: data.order,
+        ownerId: this.receiveSku.ownerId,
+        lines: data.lines,
+        abnType: data.abnType,
+        abnSubType: data.abnSubType,
+      }).then(() => {
+        this.showAbnormal = false
+        this.$lwToast.success(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.kjhaoqea', '异常上报成功'))
+      })
+    }
+  },
+}
+</script>
+
+<style lang="less" scoped>
+
+@import "../../../../../assets/css/var.less";
+
+.abnormal-popup-bg {
+  background: @pageColor;
+}
+
+.tag-list {
+  margin-top: 10px;
+
+  &.dialog {
+    max-height: 50vh;
+    overflow-y: auto;
+  }
+
+  & > div {
+    display: flex;
+    align-items: center;
+
+    & > div:first-child {
+      flex-basis: 40%;
+    }
+
+    & > div:nth-child(2) {
+      flex-basis: 20%;
+      text-align: center;
+    }
+
+    & > div:last-child {
+      flex-basis: 40%;
+      text-align: center;
+    }
+  }
+
+  &-title {
+    background: #f45858;
+    color: white;
+    margin: -10px -10px 0;
+    padding: 8px;
+    border-radius: 8px 8px 0 0;
+
+    span {
+      color: yellow;
+      font-weight: bold;
+    }
+  }
+
+  &-head {
+    font-size: 0.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-random/LwInboundReceiveRandomSkuScanPage.vue

@@ -0,0 +1,111 @@
+<!--
+  按商品收货扫描
+  @author Jimmy
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.mrdkwssz', '按商品收货')"/>
+    <div class="lw-global-page-box">
+      <div class="lw-global-model-box">
+        <lw-input :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.hzvynepv', '商品条码')"
+                  required v-model="skuCode.barcode" :get-focus.sync="skuCode.focus"
+                  rule-key="skuReceive" :rule-serve-query="barcodeQuery"
+                  :placeholder="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.toabrhwd', '商品编码、条码')"
+                  @confirm="resolveSkuBarcode"/>
+      </div>
+    </div>
+
+    <lw-popup v-model="showList" :title="$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.gzccxcwi', '选择商品')" :show-off-btn="false" class="list_bg">
+      <template v-if="skuList">
+        <sku-receive-info v-for="(i,k) in skuList" :key="k" :sku="i" :show-item-click="true" @itemClick="itemClick"/>
+      </template>
+      <template #button>
+        <lw-button plain @click="hideResult">{{$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.xjusufid', '关闭')}}</lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+import {
+  queryInboundSkuReceive,
+} from '../../../../../api/inbound/receive'
+import SkuReceiveInfo from '../../components/SkuReceiveInfo.vue'
+import {scanUtils} from '../../util/InboundUtils'
+
+export default {
+  name: 'LwInboundReceiveRandomSkuScanPage',
+  components: {SkuReceiveInfo},
+  data() {
+    return {
+      skuCode: {
+        componentId: 'WMS_SKU',
+        barcode: '',
+        focus: false,
+      },
+      showList: false,
+      skuList: null,
+    }
+  },
+  computed: {
+    barcodeQuery() {
+      return {}
+    },
+  },
+  methods: {
+    resolveSkuBarcode (sku, res) {
+      const scanData = scanUtils.getScanSkuCodeData(sku, res)
+      if(!scanData.success){
+        return
+      }
+      this.querySku(scanData.skuCode)
+    },
+    querySku(code) {
+      queryInboundSkuReceive(code).then(data => {
+        this.skuList = data
+        if (data && data.length > 0) {
+          if (data.length === 1) {
+            this.toReceive(this.skuList[0])
+          } else {
+            this.showList = true
+          }
+        } else {
+          this.$lwShowErrorMsg(this.$lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_random.pregdyxv', '错误的商品条码'))
+        }
+      }).finally(()=>{
+        this.skuCode.barcode = null
+        this.skuCode.focus = true
+      })
+    },
+    itemClick(item) {
+      this.toReceive(item)
+    },
+    hideResult() {
+      this.showList = false
+      this.skuList = null
+      this.skuCode.barcode = null
+      this.skuCode.focus = true
+    },
+    toReceive(item) {
+      if (item) {
+        const path = item.needSn ? '/inbound/receive/random/skuSnExecute' : '/inbound/receive/random/skuExecute'
+        this.$router.push({
+          path,
+          query: {
+            skuId: item.id,
+          },
+        })
+      }
+    },
+  },
+}
+</script>
+
+<style lang="less" scoped>
+
+@import "../../../../../assets/css/var.less";
+
+.list_bg {
+  background: @pageColor;
+}
+</style>