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

package/src/views/wms/page/receive/moreOrder/box/index.vue

@@ -0,0 +1,616 @@
+<!--
+  多单收货 - 按箱收货
+  @author: 张文
+  @date: 2023-06-01
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.rvjsmphy', '多单按箱批量收货')"/>
+
+    <lw-page-body-module>
+
+      <asn-list-content/>
+
+      <lw-data-look-bg
+        type="bottom"
+        :show-end-line="false"
+      >
+
+        <lw-data-look-item
+          :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.piaornzd', '计划箱')"
+          :value="$lwCheckVal(boxAsnData.count)"
+        />
+
+        <lw-data-look-item
+          :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.ztblyklb', '已收箱')"
+          :value="$lwCheckVal(boxAsnData.receiveCount)"
+        />
+      </lw-data-look-bg>
+
+      <!-- 托盘输入框 -->
+      <div
+        style="margin-top: 10px"
+        class="lw-global-model-box lw-global-model-box-3px"
+      >
+
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.pbkhjplo', '箱号')"
+          v-model="box.value"
+          :get-focus.sync="box.focus"
+          rule-key="box"
+          :create-rule="$lwScanRule.create('多单收货 - 按箱批量收货 - 箱号','CASE')"
+          :show-bottom-border="false"
+          required
+          @confirm="boxConfirm"
+        />
+
+      </div>
+
+      <template v-if="boxList.length">
+        <!-- 扫描结果 -->
+        <div class="lw-global-model-box lw-global-flex-between scan-data">
+
+          <div class="lw-global-flex-start">
+
+            <div style="margin-right: 20px">
+              {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.ganibmdi', '扫描结果') }}
+            </div>
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.voambpsp', '总箱数')"
+              :value="boxList.length"
+              :is-row="false"
+              :title-style="{color:'#fff'}"
+              val-color="#ffffff"
+            />
+          </div>
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.oblxcamo', '商品数量')"
+            :value="skuNum"
+            :is-row="false"
+            :title-style="{color:'#fff'}"
+            val-color="#ffffff"
+          />
+
+        </div>
+
+        <!-- 箱商品信息 -->
+        <div
+          v-for="(i,k) in boxList"
+          :key="k"
+          class="lw-global-model-box"
+        >
+
+          <div class="lw-global-row-start lw-global-row-box">
+            <div class="lw-global-flex-between">
+              <div class="lw-global-value-bold">{{ i.caseNum }}</div>
+
+              <div style="flex-shrink: 0">
+                <lw-tag
+                  round
+                  plain
+                >
+                  {{
+                    i.fastReceive ?
+                      $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.xiikjgga', '快速收货') :
+                      $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.ntbatkrq', '预收货')
+                  }}
+                </lw-tag>
+                <lw-button
+                  mini
+                  @click="clearBox(k)"
+                >
+                  {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.savzoedc', '移除') }}
+                </lw-button>
+              </div>
+
+
+            </div>
+
+            <div class="lw-global-flex-between">
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.mewtgikb', '商品种类')"
+                :value="i.skuCount"
+                val-red
+                val-bold
+                :is-row="false"
+              />
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.oblxcamo', '商品数量')"
+                :value="i.qty"
+                val-red
+                val-bold
+                :is-row="false"
+              />
+
+            </div>
+          </div>
+
+          <!-- 到货单信息 -->
+          <asn-sku-info
+            :class="[
+              (key+1) !== i.list.length ? 'lw-global-row' : 'lw-global-row-end'
+            ]"
+            v-for="(item,key) in i.list"
+            :key="'asn'+key"
+            :ref="item.caseNum.caseNum+key"
+            :item="item.caseNum"
+            :asn-data="item.asn"
+            @abnSuccess="getCountData"
+          />
+        </div>
+
+        <!-- 收货库位 -->
+        <div
+          style="margin-top: 10px"
+          class="lw-global-model-box lw-global-model-box-3px"
+        >
+
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.cdvcvmbl', '收货库位')"
+            v-model="loc.value"
+            :get-focus.sync="loc.focus"
+            rule-key="loc"
+            :create-rule="$lwScanRule.create('多单收货 - 按箱批量收货 - 收货库位','LOCATION')"
+            required
+            @confirm="locConfirm"
+          />
+          <lw-input
+            :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.kjbtncsc', '收货托盘')"
+            v-model="lpn.value"
+            :get-focus.sync="lpn.focus"
+            rule-key="lpn"
+            :create-rule="$lwScanRule.create('多单收货 - 按箱批量收货 - 收货托盘','LPN')"
+            :show-bottom-border="false"
+            required
+            @confirm="receiveConfirm"
+          >
+
+            <template #button>
+
+              <lw-button
+                mini
+                @click="createLpnFn"
+              >
+                {{ $lwLanguage.get('wms_project.pda.components.page.inbound.receive.receive_case.zhacwngtw', '生成') }}
+              </lw-button>
+
+            </template>
+
+          </lw-input>
+
+        </div>
+      </template>
+
+    </lw-page-body-module>
+
+    <lw-bottom-bar v-if="boxList.length">
+
+      <lw-button
+        type="last"
+        plain
+        @click="clearScanData"
+      >
+        {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.ssfwvtqm', '重新扫描箱') }}
+      </lw-button>
+
+      <lw-button @click="receiveConfirm">
+        {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.dtaegepl', '确认收货') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.zeyquztj', '请选择')"
+      v-model="selectPopup.show"
+      :show-keyboard-placeholder="false"
+      background="#f0f0f0"
+      :show-off-btn="false"
+      height="90%"
+      @closed="selectPopupOff"
+    >
+      <van-checkbox-group v-model="selectPopup.result">
+
+        <div
+          v-for="(i,k) in selectPopup.data.list"
+          :key="k"
+          class="lw-global-model-box radio-box"
+        >
+          <van-checkbox
+            :name="i.asn.id"
+            shape="square"
+          >
+            <lpn-box-select-asn-item
+              type="box"
+              :asn-data="i.asn"
+              :sku-data="i.caseNum"
+            />
+
+          </van-checkbox>
+        </div>
+      </van-checkbox-group>
+
+      <template #button>
+        <div class="checkbox">
+          <van-checkbox
+            v-model="selectPopup.resultAll"
+            shape="square"
+            @click="selectPopupAllClick"
+          >
+            {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.odoytleu', '已选{num}单', {num: selectPopup.result.length}) }}
+          </van-checkbox>
+        </div>
+        <lw-button
+          type="last"
+          plain
+          @click="selectPopup.show=false"
+        >
+          {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.ldogfsmi', '关闭') }}
+        </lw-button>
+        <lw-button @click="selectPopupConfirm">
+          {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.wcilngou', '确认') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+
+import asnListContent from "./../components/asnListContent.vue"
+import lpnBoxSelectAsnItem from "./../components/lpnBoxSelectAsnItem.vue"
+import asnSkuInfo from "./../components/asnSkuInfo.vue"
+import {
+  wmsMobileMultiInFastReceiveByCase,
+  wmsMobileMultiInGetCaseState,
+  wmsMobileMultiInQueryCase
+} from "../../../../api/receive/moreOrder";
+import {wmsMobileInboundNewReceiveLpn} from "../../../../api/inbound/receive";
+
+export default {
+  name: "lwReceiveMoreOrderBox",
+  components: {
+    asnListContent,
+    lpnBoxSelectAsnItem,
+    asnSkuInfo,
+  },
+  data() {
+    return {
+      boxAsnData: {},
+
+      box: {
+        value: '',
+        focus: true
+      },
+      lpn: {
+        value: '',
+        focus: false
+      },
+      loc: {
+        value: '',
+        focus: false
+      },
+
+      // 选择弹框
+      selectPopup: {
+        show: false,
+        result: [],
+        resultAll: false,
+        data: []
+      },
+
+      // 到货通知单数据
+      boxList: [],
+
+      // 生成托盘号
+      createLpn: '',
+      printLpnData: {}
+    }
+  },
+  watch: {
+    'selectPopup.result': {
+      handler(n) {
+        this.selectPopup.resultAll = n.length === this.selectPopup.data.list.length
+      }
+    }
+  },
+  computed: {
+    // 扫描的商品数量
+    skuNum() {
+      return this.boxList.reduce((t, n) => {
+        return t + Number(n.qty || 0)
+      }, 0)
+    },
+
+    // 是否显示收货按钮
+    isReceiveBtn() {
+      return this.boxList.every(item => item.whole) && this.boxList.every(item => item.fastReceive)
+    },
+  },
+  mounted() {
+    const {printData} = this.$lwPrint.test(
+      'PART_RECEIVE_LABEL',
+      this.$lwLanguage.get('', '收货托盘标签'),
+      false,
+      false,
+    )
+    this.printLpnData = printData
+    this.getCountData()
+  },
+  methods: {
+    // 获取箱统计数据
+    getCountData() {
+      wmsMobileMultiInGetCaseState({
+        asnIds: JSON.parse(this.$route.query.lwAsnIds)
+      }).then(res => this.boxAsnData = res)
+    },
+
+    // 清空数据
+    clearData() {
+      this.boxList = []
+      this.lpn.value = ''
+      this.loc.value = ''
+      this.box.value = ''
+      this.lpn.focus = true
+    },
+
+    // 箱号确认
+    boxConfirm() {
+      const caseNum = this.box.value
+      if (!caseNum) {
+        this.box.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.gpcnttlc', '箱号不能为空')
+        )
+        return
+      }
+
+      if (this.boxList.some(item => item.caseNum === caseNum)) {
+        this.box.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.xhyacvvh', '当前箱号已存在扫描列表中，如需修改请先移除后重新添加')
+        )
+        return
+      }
+
+      wmsMobileMultiInQueryCase({
+        caseNum,
+        asnIds: JSON.parse(this.$route.query.lwAsnIds)
+      }).then(res => {
+        const list = res.list || []
+        if (!list.length) {
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.vntgamaw', '获取箱数据失败')
+          )
+          return
+        }
+
+        if (list.length > 1) {
+          this.selectPopup.show = true
+          this.selectPopup.data = res
+          return
+        }
+
+        this.boxList.unshift(res)
+        this.box.value = ''
+        this.box.focus = true
+      })
+    },
+
+    // 选择到货单弹框 - 全选或不全选
+    selectPopupAllClick() {
+      const {data, resultAll} = this.selectPopup
+      this.selectPopup.result = resultAll ? data.list.map(item => item.asn.id) : []
+    },
+    // 选择到货单弹框 - 确认选择
+    selectPopupConfirm() {
+      const {resultAll, data, result} = this.selectPopup
+      if (!result.length) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.oagzuahd', '请选择到货通知单')
+        )
+        return
+      }
+
+      // 判断是否是全选
+      if (resultAll) {
+        this.boxList.unshift(this.$lwDeepCopy(data))
+      } else {
+        let asnList = []
+        result.forEach(item => {
+          for (const k of data.list) {
+            if (k.asn.id === item) {
+              asnList.push(k)
+              break
+            }
+          }
+        })
+
+        let whole = true, fastReceive = true, qty = 0, skuId = []
+        asnList.forEach(item => {
+          fastReceive ? fastReceive = item.caseNum.fastReceive : ''
+          whole ? whole = item.caseNum.whole : ''
+          qty += Number(item.caseNum.qty || 0)
+
+          item.caseNum.skuList.forEach(i => {
+            if (!skuId.includes(i.sku.id)) {
+              skuId.push(i.sku.id)
+            }
+          })
+        })
+
+        this.boxList.unshift({
+          whole,// 是否可以整收
+          fastReceive, // 是否为快收
+          caseNum: data.caseNum, // 箱号
+          qty,// 商品数
+          skuCount: skuId.length, // 商品种类
+          list: asnList,// 单信息
+        })
+      }
+
+      this.selectPopup.show = false
+
+
+    },
+    // 选择到货弹框 - 关闭
+    selectPopupOff() {
+      this.selectPopup.result = []
+      this.box.value = ''
+      this.box.focus = true
+    },
+
+    // 移除箱
+    clearBox(index) {
+      this.$lwDialog.confirm({
+        type: 'warning',
+        title: this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.ymyyletc', '提示'),
+        message: this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.zcljxlyf', '确认删除箱：{box}', {box: this.boxList[index].caseNum}),
+      }).then(() => {
+        this.boxList.splice(index, 1)
+      }).catch(() => {
+      })
+    },
+
+
+    // 收货库位 - 校验
+    locCheck() {
+      if (this.loc.value) return true
+
+      this.loc.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.umfeheae', '收货库位不能为空')
+      )
+      return false
+    },
+    // 收货库位 - 确认
+    locConfirm() {
+
+      if (this.locCheck()) this.lpn.focus = true
+
+    },
+    // 托盘号 - 校验
+    lpnCheck() {
+      if (this.lpn.value) return true
+
+      this.lpn.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.aprnidbv', '收货托盘不能为空')
+      )
+      return false
+    },
+
+    // 重新扫描
+    clearScanData() {
+      if (this.boxList.length) {
+        this.$lwDialog.confirm({
+          type: 'warning',
+          title: this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.cyfnwwuk', '警告'),
+          message: this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.upfhngyr', '当前扫描内容将会被全部清空')
+        }).then(() => this.clearData()).catch(() => {
+        })
+        return
+      }
+
+      this.clearData()
+    },
+    // 确认收货
+    receiveConfirm() {
+
+      if (!this.isReceiveBtn) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.agcfblvx', '当前扫描结果中，存在不符合收货规则的商品(非整箱或非快速收货)。不允许收货！请移除相关商品后重试')
+        )
+        return
+      }
+
+      // 获取批次属性数据
+      let dataList = []
+      for (const j of this.boxList) {
+        let boxData = []
+        for (let i = 0; i < j.list.length; i++) {
+          const item = j.list[i].caseNum.caseNum
+          const ref = this.$refs[item + i]
+          const dom = Array.isArray(ref) ? ref[0] : ref
+          const {success, data} = dom.getData()
+          if (!success) return
+
+          boxData = boxData.concat(data)
+        }
+        dataList = dataList.concat(boxData)
+      }
+
+
+      if (!this.locCheck() || !this.lpnCheck()) return;
+
+
+      const lpn = this.lpn.value
+      const hasPrint = !!Object.keys(this.printLpnData).length
+      const data = {
+        locationCode: this.loc.value,
+        lpn,
+        lines: dataList
+      }
+
+      // 判断当前输入托盘号是否是生成的
+      if (lpn === this.createLpn && hasPrint) {
+        data.printReceiveDeviceId = this.printLpnData.printId
+        data.printReceiveTemplate = this.printLpnData.templateId
+      }
+
+      wmsMobileMultiInFastReceiveByCase(data).then(res => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.box.index.wqzbqtzy', '操作成功')
+        )
+        // 打印托盘标签
+        if (res && hasPrint && Array.isArray(res.printList)) {
+          res.printList.forEach(item => {
+            this.$lwPrint.bluetoothPrint(item.id)
+          })
+        }
+        history.go(-1)
+      })
+    },
+
+    // 生成收货托盘
+    createLpnFn() {
+      wmsMobileInboundNewReceiveLpn().then(res => {
+        this.createLpn = res
+        this.lpn.value = res
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+@import "./../../../../../../assets/css/global.less";
+
+.scan-data {
+  background: @baseColor;
+  color: #fff;
+}
+
+.radio-box {
+  /deep/ .van-checkbox__label {
+    flex: 1;
+  }
+}
+
+.checkbox {
+  /deep/ .van-checkbox__icon {
+    flex: 0;
+  }
+}
+
+.lw-global-collapse-box {
+  + .lw-global-collapse-box {
+    border-top: none;
+  }
+}
+</style>

package/src/views/wms/page/receive/moreOrder/components/abnPopup.vue

@@ -0,0 +1,81 @@
+<!--
+  收货异常弹框
+  @author: 张文
+  @date: 2023-06-14
+-->
+<template>
+  <lw-popup
+    :title="$lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.abnPopup.vlyiflxo', '收货异常')"
+    v-model="showAbnormal"
+    background="#f0f0f0"
+    @open="showModule = true"
+    @closed="showModule = false"
+  >
+
+    <lw-receive-abnormal-module
+      v-if="showModule"
+      ref="abnormal"
+      :multiple="false"
+      :sku-disabled="true"
+      :show-bottom-bar="false"
+      :original-lpn="false"
+      :original-case-num="false"
+      :asn-no="asnNo"
+      :sku-code="skuCode"
+      :qty="qty"
+    />
+
+    <template #button>
+      <lw-button @click="submitAbnormal">
+        {{ $lwLanguage.get('wms_project.pda.wms.page.receive.moreOrder.components.abnPopup.qazgsgui', '上报异常') }}
+      </lw-button>
+    </template>
+  </lw-popup>
+</template>
+
+<script>
+
+export default {
+  name: "abnPopup",
+  props: {
+    value: {
+      type: Boolean,
+      default: false
+    },
+    // 收货单号
+    asnNo: [String, Number],
+    // 商品号
+    skuCode: [String, Number],
+    // 数量
+    qty: [Number],
+  },
+  computed: {
+    showAbnormal: {
+      get() {
+        return this.value
+      },
+      set(v) {
+        this.$emit('input', v)
+      }
+    }
+  },
+  data() {
+    return {
+      showModule: false
+    }
+  },
+  methods: {
+    // 确认上报异常
+    submitAbnormal() {
+      const {success, data} = this.$refs.abnormal.getAllAbnormalData()
+      if (!success) return
+
+      this.$emit('submit', data)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>