@logwire/logwire-wms-pda-ui 3.5.5 → 3.5.6

package/src/views/wms/page/inner/skuBatchToLpn/action.vue

@@ -0,0 +1,448 @@
+<!--
+  商品批量打托 - 执行页
+  @author: 张文
+  @date: 2024-09-19
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('', '商品批量打托')"/>
+
+    <lw-page-body-module v-if="Object.keys(skuInfo).length">
+
+      <div class="lw-global-model-box lw-global-row-box">
+
+        <lw-title-value-cell
+          :title="skuInfo.titleLabel"
+          :value="skuInfo.title"
+          val-bold
+          :is-row="false"
+        />
+
+        <lw-label-value-group
+          :list="skuInfo.content"
+          :show-row-style="false"
+        />
+
+        <lw-label-value-group
+          v-if="skuInfo.groupContent?.length"
+          class="lw-global-group-base-color"
+          :list="skuInfo.groupContent"
+          :show-row-style="false"
+        />
+
+        <div class="lw-global-flex-between">
+          <lw-title-value-cell
+            :title="$lwLanguage.get('', '总量')"
+            :value="skuInfo.qtyLabel"
+            val-bold
+            val-red
+            :is-row="false"
+          />
+          <lw-title-value-cell
+            :title="$lwLanguage.get('', '可用量')"
+            :value="skuInfo.canUseQtyLabel"
+            val-bold
+            val-red
+            :is-row="false"
+          />
+        </div>
+
+        <div class="lw-global-sh"></div>
+
+        <lw-get-qty-by-type
+          :title="$lwLanguage.get('', '总打托数量')"
+          ref="totalQty"
+          :owner-id="skuInfo.sku.ownerId"
+          :sku-id="skuInfo.sku.id"
+          :show-bottom-border="false"
+          required
+          @input="totalQtyInput"
+        />
+      </div>
+
+      <div class="lw-global-model-box">
+
+        <div class="lw-global-value-bold-red lw-global-row-start">
+          {{
+            $lwLanguage.get('', '标准托装量：1{lpnName}={skuQty}', {
+              lpnName: skuInfo.pack?.palletName || '',
+              skuQty: (skuInfo.pack?.palletQty || '0') + (skuInfo.pack?.eachName || '')
+            })
+          }}
+        </div>
+
+        <lw-input
+          :title="$lwLanguage.get('', '每托数量')"
+          v-model="lpnQty.value"
+          :get-focus.sync="lpnQty.focus"
+          type="digit"
+          required
+          @input="lpnQtyInput"
+          @confirm="lpnNum.focus=true"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('', '打托数')"
+          v-model="lpnNum.value"
+          :get-focus.sync="lpnNum.focus"
+          type="digit"
+          @input="lpnNumInput"
+          @confirm="loc.focus=true"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('', '库位')"
+          v-model="loc.value"
+          :get-focus.sync="loc.focus"
+          required
+          :show-bottom-border="!!toLpnCountMsg"
+        />
+
+        <div
+          v-if="toLpnCountMsg"
+          class="lw-global-value-bold-red lw-global-row-end"
+        >
+          {{ toLpnCountMsg }}
+        </div>
+
+
+      </div>
+
+
+    </lw-page-body-module>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        type="last"
+        plain
+        @click="reset"
+      >
+        {{ $lwLanguage.get('', '重置') }}
+      </lw-button>
+
+      <lw-button @click="confirmToLpn">
+        {{ $lwLanguage.get('', '确认批量打托') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 打托确认弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('', '打托确认')"
+      v-model="lpnConfirmPopup.show"
+      :show-keyboard-placeholder="false"
+      background="#f0f0f0"
+      :show-off-btn="false"
+      :close-on-click-overlay="false"
+      @opened="lpnConfirmPopup.render = true"
+      @closed="lpnConfirmPopup.render = false"
+    >
+      <template v-if="lpnConfirmPopup.render">
+        <div class="lw-global-model-box lw-global-row-box">
+
+          <lw-title-value-cell
+            :title="lpnConfirmPopup.datas.titleLabel"
+            :value="lpnConfirmPopup.datas.title"
+            val-bold
+            :is-row="false"
+          />
+
+          <lw-label-value-group
+            :list="lpnConfirmPopup.datas.content"
+            :show-row-style="false"
+          />
+
+          <lw-label-value-group
+            v-if="lpnConfirmPopup.datas.groupContent?.length"
+            class="lw-global-group-base-color"
+            :list="lpnConfirmPopup.datas.groupContent"
+            :show-row-style="false"
+          />
+
+          <div
+            class="lw-global-row-end"
+            style="text-align: center"
+          >
+            <lw-button
+              @click="allReloadPrint"
+            >
+              {{ $lwLanguage.get('', '全部补打') }}
+            </lw-button>
+
+          </div>
+        </div>
+
+        <div class="lw-global-model-box">
+          <div
+            class="lw-global-flex-between lpn-print-row"
+            v-for="(i,k) in lpnConfirmPopup.datas.lpnList"
+            :key="k"
+            :class="$lwUtils.getCellClass({
+              index: k,
+              length: lpnConfirmPopup.datas.lpnList.length
+            })"
+          >
+            <div
+              style="flex: 1"
+              class="lw-global-value-bold"
+            >
+              {{ i.lpn }}
+            </div>
+            <div
+              style="flex-shrink: 0;margin-right: 10px"
+              class="lw-global-value"
+            >
+              {{ i.qtyLabel }}
+            </div>
+            <lw-button
+              style="flex-shrink: 0"
+              mini
+              @click="reloadPrint(i)"
+            >
+              {{ $lwLanguage.get('', '补打') }}
+            </lw-button>
+          </div>
+        </div>
+      </template>
+
+      <template #button>
+        <lw-button @click="lpnConfirmPopupConfirm">
+          {{ $lwLanguage.get('', '已核对无误') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+
+import {
+  wmsMobileSkuPalletGetInventory, wmsMobileSkuPalletSubmitByInventory,
+  wmsMobileSkuPalletSubmitBySkuBatch
+} from "../../../api/inner/skuBatchToLpn";
+
+export default {
+  name: "lwInnerSkuBatchToLpnAction",
+  data() {
+    return {
+      skuInfo: {},
+
+      lpnQty: {
+        value: '',
+        focus: false
+      },
+      lpnNum: {
+        value: '',
+        focus: false
+      },
+      loc: {
+        value: '',
+        focus: false
+      },
+
+      // 打托统计信息
+      toLpnCountMsg: '',
+
+      printLpnData: {},
+
+      lpnConfirmPopup: {
+        show: false,
+        render: false,
+        datas: {}
+      }
+    }
+  },
+  mounted() {
+    this.getInfo()
+    this.checkLpnPrint()
+  },
+  methods: {
+    getInfo() {
+      wmsMobileSkuPalletGetInventory(this.$route.query).then(res => {
+        this.skuInfo = res
+        this.loc.value = res.locationCode
+        this.lpnQty.value = res.pack?.palletQty || 0
+
+        this.lpnNum.value = this.lpnQty.value ? Math.ceil(res.canUseQty / this.lpnQty.value) : 0
+
+        this.$nextTick(() => {
+          this.$refs.totalQty.setQty(this.skuInfo.canUseQty)
+        })
+      })
+    },
+
+    // 托盘打印机校验
+    checkLpnPrint(needCheck) {
+
+      if (this.printLpnData.printId) return true
+
+      const {printData, success} = this.$lwPrint.test({
+        templateCode: 'WMS_SKU_PALLET_LABEL',
+        msg: this.$lwLanguage.get('', '托盘标签'),
+        msgType: needCheck ? 'HARD' : ''
+      })
+      this.printLpnData = printData
+      return success
+    },
+
+    // 总数量输入
+    totalQtyInput(v) {
+      const lpnQty = this.lpnQty.value
+      if (!lpnQty) {
+        this.toLpnCountMsg = ''
+        return
+      }
+
+      if (v % lpnQty === 0) {
+        this.toLpnCountMsg = ''
+      } else {
+        const {eachName = '', palletName = ''} = this.skuInfo.pack
+        this.toLpnCountMsg = this.$lwLanguage.get(
+          '',
+          '前{t}托为{lpnQty}，最后1{lpnName}为{qty}',
+          {
+            t: Math.floor(v / lpnQty) + palletName,
+            lpnQty: lpnQty + eachName,
+            lpnName: palletName,
+            qty: v % lpnQty + eachName,
+          }
+        )
+      }
+
+      this.lpnNum.value = Math.ceil(v / lpnQty)
+
+    },
+
+    // 每托数量输入
+    lpnQtyInput(v) {
+      const lpnNum = Number(this.lpnNum.value || 0)
+      if (!lpnNum) return
+      this.$refs.totalQty.setQty(lpnNum * Number(v))
+    },
+
+    // 打托数输入
+    lpnNumInput(v) {
+      const lpnQty = Number(this.lpnQty.value || 0)
+      if (!lpnQty) return
+      this.$refs.totalQty.setQty(lpnQty * Number(v))
+    },
+
+    // 重置
+    reset() {
+      this.lpnNum.value = ''
+      this.lpnQty.value = ''
+      this.loc.value = ''
+      this.$refs.totalQty.setQty(0)
+      this.$refs.totalQty.getFocus()
+    },
+    // 确认打托
+    confirmToLpn() {
+      if (!this.checkLpnPrint(true)) return;
+
+      const qty = this.$refs.totalQty.getQty()
+      if (!qty) {
+        this.$refs.totalQty.getFocus()
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '总打托数量不能为空')
+        )
+        return
+      }
+
+      if (qty > this.skuInfo.canUseQty) {
+        this.$refs.totalQty.getFocus()
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '总打托数量不能大于可用量')
+        )
+        return
+      }
+
+      const lpnQty = this.lpnQty.value
+      if (!lpnQty) {
+        this.lpnQty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '每托数量不能为空，且应当是大于0的正整数')
+        )
+        return
+      }
+
+      const toLocationCode = this.loc.value
+      if (!toLocationCode) {
+        this.loc.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '库位不能为空')
+        )
+        return
+      }
+
+      wmsMobileSkuPalletSubmitBySkuBatch({
+        toLocationCode,
+        qty,
+        lpnQty,
+        printDeviceId: this.printLpnData.printId,
+        printTemplate: this.printLpnData.templateId,
+        skuId: this.skuInfo.sku.id,
+        locationId: this.skuInfo.locationId,
+        lpn: this.skuInfo.lpn,
+        caseNum: this.skuInfo.caseNum,
+        groupKey: this.skuInfo.groupKey,
+      }).then(res => {
+        res.printIdList?.forEach(id => this.$lwPrint.bluetoothPrint(id))
+        this.lpnConfirmPopup.show = true
+        this.lpnConfirmPopup.datas = res
+      })
+    },
+
+    // 打托确认弹框 - 全部补打
+    allReloadPrint() {
+      const datas = this.lpnConfirmPopup.datas
+      this.reloadPrintApi(datas.lpnList.map(item => {
+        return {
+          locationId: datas.locationId,
+          skuId: datas.sku.id,
+          groupKey: datas.groupKey,
+          caseNum: item.caseNum,
+          lpn: item.lpn,
+        }
+      }))
+    },
+    // 打托确认弹框 - 补打
+    reloadPrint(item) {
+      const datas = this.lpnConfirmPopup.datas
+      this.reloadPrintApi([{
+        locationId: datas.locationId,
+        skuId: datas.sku.id,
+        groupKey: datas.groupKey,
+        caseNum: item.caseNum,
+        lpn: item.lpn,
+      }])
+    },
+    // 打托确认弹框 - 补打
+    reloadPrintApi(lines) {
+      wmsMobileSkuPalletSubmitByInventory({
+        printDeviceId: this.printLpnData.printId,
+        printTemplate: this.printLpnData.templateId,
+        lines
+      }).then(res => {
+        res.printIdList?.forEach(id => this.$lwPrint.bluetoothPrint(id))
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '操作成功')
+        )
+      })
+    },
+    // 打托确认弹框 - 已核对无误
+    lpnConfirmPopupConfirm() {
+      this.lpnConfirmPopup.show = false
+      if (this.skuInfo.canUseQty > this.$refs.totalQty.getQty()) {
+        this.getInfo()
+      } else {
+        history.go(-1)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/wms/page/inner/skuBatchToLpn/index.vue

@@ -0,0 +1,236 @@
+<!--
+  商品批量打托 - 起始页
+  @author: 张文
+  @date: 2024-09-19
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('', '商品批量打托')"/>
+
+    <lw-page-body-module>
+
+      <div
+        style="padding-top: 3px"
+        class="lw-global-model-box"
+      >
+        <lw-search-select-popup-module
+          :api="getSkuInfo"
+          v-model="search.sku.value"
+          :get-focus.sync="search.sku.focus"
+          :title="$lwLanguage.get('','商品')"
+          rule-key="sku"
+          :create-rule="$lwScanRule.create('商品批量打托-起始页-商品','SKU')"
+          type="sku"
+          @confirm="search.loc.focus=true"
+        />
+        <lw-input
+          :title="$lwLanguage.get('', '库位')"
+          v-model="search.loc.value"
+          :get-focus.sync="search.loc.focus"
+          rule-key="loc"
+          :create-rule="$lwScanRule.create('商品打托-起始页-库位','LOCATION')"
+          @confirm="search.lpn.focus=true"
+        />
+        <lw-input
+          :title="$lwLanguage.get('', '托盘号')"
+          v-model="search.lpn.value"
+          :get-focus.sync="search.lpn.focus"
+          rule-key="lpn"
+          :create-rule="$lwScanRule.create('商品打托-起始页-托盘号','LPN')"
+          @confirm="searchConfirm"
+        />
+        <div class="lw-global-row-end lw-global-flex-between">
+          <lw-button
+            style="margin-right: 10px"
+            plain
+            type="last"
+            block
+            @click="reset"
+          >
+            {{ $lwLanguage.get('', '重置') }}
+          </lw-button>
+          <lw-button
+            block
+            @click="searchConfirm"
+          >
+            {{ $lwLanguage.get('', '查询') }}
+          </lw-button>
+        </div>
+      </div>
+
+      <div
+        class="lw-global-model-box lw-global-row-box"
+        v-for="(i,k) in datas"
+        :key="k"
+      >
+        <div class="lw-global-flex-between">
+          <lw-title-value-cell
+            :title="i.titleLabel"
+            :value="i.title"
+            val-bold
+            :is-row="false"
+          />
+
+          <lw-button
+            style="flex-shrink: 0"
+            mini
+            :disabled="!i.canUseQty"
+            @click="toLpn(i)"
+          >
+            {{ $lwLanguage.get('', '打托') }}
+          </lw-button>
+        </div>
+
+        <lw-label-value-group
+          :list="i.content"
+          :show-row-style="false"
+        />
+
+        <lw-label-value-group
+          v-if="i.groupContent?.length"
+          class="lw-global-group-base-color"
+          :list="i.groupContent"
+          :show-row-style="false"
+        />
+
+        <div class="lw-global-flex-between">
+          <lw-title-value-cell
+            :title="$lwLanguage.get('', '总量')"
+            :value="i.qtyLabel"
+            val-bold
+            val-red
+            :is-row="false"
+          />
+          <lw-title-value-cell
+            :title="$lwLanguage.get('', '可用量')"
+            :value="i.canUseQtyLabel"
+            val-bold
+            val-red
+            :is-row="false"
+          />
+        </div>
+      </div>
+
+      <lw-pagination
+        v-model="pageNum"
+        :page-size.sync="pageSize"
+        :page-total="pageTotal"
+        @change="pageChange"
+      />
+      <lw-not-data v-if="isSearch && !pageTotal"/>
+
+    </lw-page-body-module>
+  </div>
+</template>
+
+<script>
+
+import {wmsMobileSkuPalletQueryInventoryPageList} from "../../../api/inner/skuBatchToLpn";
+
+export default {
+  name: "lwInnerSkuBatchToLpnIndex",
+  data() {
+    return {
+      search: {
+        sku: {
+          value: '',
+          focus: true
+        },
+        loc: {
+          value: '',
+          focus: false
+        },
+        lpn: {
+          value: '',
+          focus: false
+        },
+      },
+
+      // 是否已经搜索
+      isSearch: false,
+      pageNum: 1,
+      pageSize: 10,
+      pageTotal: 0,
+      datas: []
+    }
+  },
+  methods: {
+
+    // 选择库存弹框 - 获取商品信息
+    getSkuInfo(data) {
+      return this.$lwApi.common.searchSku({
+        ...data,
+        onlyContainer: this.$lwWarehouseConfig.get('systemConfig.SKU_PALLET_ONLY_QUERY_CONTAINER_SKU') === 'true'
+      })
+    },
+
+    // 重置
+    reset() {
+      for (const k in this.search) {
+        this.search[k].value = ''
+      }
+      this.search.sku.focus = true
+    },
+    // 确认查询
+    searchConfirm() {
+      const {sku, loc, lpn} = this.search
+      if (!sku.value && !loc.value && !lpn.value) {
+        this.search.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '商品、库位、托盘号不能同时为空')
+        )
+        return
+      }
+
+      this.pageNum = 1
+      this.pageChange()
+    },
+
+    // 页码改变
+    pageChange() {
+      wmsMobileSkuPalletQueryInventoryPageList({
+        pageNum: this.pageNum,
+        pageSize: this.pageSize,
+        skuId: this.search.sku.value,
+        locationCode: this.search.loc.value,
+        lpn: this.search.lpn.value,
+      }).then(res => {
+        this.isSearch = true
+        this.pageTotal = res.total || 0
+        this.datas = res.datas || []
+      })
+    },
+
+    // 打托
+    toLpn(item) {
+
+      /* const {sku, loc, lpn} = this.search
+     this.$router.replace({
+        path: '/inner/skuBatchToLpn/index',
+        query: {
+          sku: sku.value,
+          loc: loc.value,
+          lpn: lpn.value,
+          pageSize: this.pageSize,
+          pageNum: this.pageNum,
+          _t: Date.now()
+        }
+      })*/
+
+      this.$router.push({
+        path: '/inner/skuBatchToLpn/action',
+        query: {
+          groupKey: item.groupKey,
+          locationId: item.locationId,
+          lpn: item.lpn,
+          skuId: item.sku.id,
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>