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

package/src/views/wms/page/outbound/blockV2/action.vue

@@ -0,0 +1,703 @@
+<!--
+  订单拦截V2 - 执行页
+  @author: 张文
+  @date: 2024-09-04
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('', '拦截处理')"/>
+
+    <lw-page-body-module>
+
+      <template v-if="showSoModel">
+        <!-- 出库单信息 -->
+        <lw-label-value-group
+          class="lw-global-row-start"
+          :list="soInfo.lv"
+          :show-row-style="false"
+          show-model-style
+        />
+        <!-- 搜索框 -->
+        <div class="lw-global-model-box lw-global-model-box-3px">
+          <lw-input
+            ref="keyword"
+            v-model="keyword"
+            :title="$lwLanguage.get('', '条件')"
+            :placeholder="$lwLanguage.get('', '请扫描或输入组托号/拣选容器/箱号/商品编码过滤')"
+            :create-rule="$lwScanRule.create('订单拦截V2-执行-条件','CASE')"
+            rule-key="case"
+            :show-bottom-border="false"
+            @confirm="searchConfirm"
+          >
+            <template #button>
+              <lw-button
+                mini
+                @click="$refs.keyword.confirm()"
+              >
+                {{ $lwLanguage.get('', '查询') }}
+              </lw-button>
+            </template>
+          </lw-input>
+        </div>
+      </template>
+
+
+      <!-- 拦截信息 -->
+      <div
+        class="lw-global-model-box lw-global-animation-out"
+        v-for="(i,k) in showDatas"
+        :key="i.containerNo + k"
+        :style="{animationDelay:k*50+'ms'}"
+      >
+        <!-- 托盘 -->
+        <div class="lw-global-row-start lw-global-flex-between">
+          <lw-title-value-cell
+            :title="getTitle(i.type)"
+            :value="$lwCheckVal(i.containerNo)"
+            val-bold
+            :is-row="false"
+          />
+
+          <lw-button
+            v-if="i.blockState==='200'"
+            mini
+            @click="containerBlockClick(i)"
+          >
+            {{ $lwLanguage.get('', '全部拦截') }}
+          </lw-button>
+        </div>
+
+        <!-- 捆包箱 -->
+        <div
+          class="lw-global-group-base-color"
+          v-for="(caseItem,caseKey) in i.caseList"
+          :key="'case'+caseKey"
+        >
+          <div class="lw-global-flex-between lw-global-row-start">
+            <lw-title-value-cell
+              :title="$lwLanguage.get('', '捆包箱')"
+              :value="$lwCheckVal(caseItem.boxNo)"
+              val-bold
+              :is-row="false"
+            />
+
+            <lw-button
+              v-if="caseItem.blockState==='200'"
+              mini
+              @click="caseBlockClick(i,caseKey)"
+            >
+              {{ $lwLanguage.get('', '全部拦截') }}
+            </lw-button>
+          </div>
+
+          <div
+            v-for="(skuItem,skuKey) in caseItem.skuList"
+            :key="'sku'+skuKey"
+            :class="$lwUtils.getCellClass({
+              index: skuKey,
+              length: caseItem.skuList.length,
+              only:'lw-global-row-end',
+              start:'lw-global-row'
+            })"
+          >
+            <lw-sku-info-module
+              :sku-code="skuItem.skuCode"
+              :sku-name="skuItem.skuName"
+              :is-row="false"
+              :show-right="i.blockState!=='200'"
+            >
+
+              <lw-button
+                v-if="caseItem.blockState!=='200'"
+                mini
+                @click="skuBlockClick(i,skuKey,caseKey)"
+              >
+                {{
+                  skuItem.allBlock ? $lwLanguage.get('', '全部拦截') : $lwLanguage.get('', '部分拦截')
+                }}
+              </lw-button>
+            </lw-sku-info-module>
+            <lw-data-look-bg
+              type="null"
+              need-show
+              :show-end-line="false"
+              height="40px"
+            >
+              <lw-data-look-item
+                :title="$lwLanguage.get('', '已拣量')"
+                :value="skuItem.pickQtyLabel"
+                color="#1762ff"
+                subject-color
+              />
+              <lw-data-look-item
+                :title="$lwLanguage.get('', '需拦截量')"
+                :value="skuItem.blockQtyLabel"
+                subject-color
+              />
+            </lw-data-look-bg>
+          </div>
+        </div>
+
+        <!-- 商品 -->
+        <div
+          v-for="(skuItem,skuKey) in i.skuList"
+          :key="'sku'+skuKey"
+          :class="$lwUtils.getCellClass({
+              index: skuKey,
+              length: i.skuList.length,
+              only:'lw-global-row-end',
+              start:'lw-global-row'
+            })"
+        >
+          <lw-sku-info-module
+            :sku-code="skuItem.skuCode"
+            :sku-name="skuItem.skuName"
+            :is-row="false"
+            :show-right="i.blockState!=='200'"
+          >
+
+            <lw-button
+              v-if="i.blockState!=='200'"
+              mini
+              @click="skuBlockClick(i,skuKey)"
+            >
+              {{
+                skuItem.allBlock ? $lwLanguage.get('', '全部拦截') : $lwLanguage.get('', '部分拦截')
+              }}
+            </lw-button>
+          </lw-sku-info-module>
+          <lw-data-look-bg
+            type="null"
+            need-show
+            :show-end-line="false"
+            height="40px"
+          >
+            <lw-data-look-item
+              :title="$lwLanguage.get('', '已拣量')"
+              :value="skuItem.pickQtyLabel"
+              color="#1762ff"
+              subject-color
+            />
+            <lw-data-look-item
+              :title="$lwLanguage.get('', '需拦截量')"
+              :value="skuItem.blockQtyLabel"
+              subject-color
+            />
+          </lw-data-look-bg>
+        </div>
+
+      </div>
+      <lw-not-data v-if="!showDatas.length"/>
+
+    </lw-page-body-module>
+
+    <!-- 拦截弹框 -->
+    <lw-popup
+      :title="blockPopup.title"
+      v-model="blockPopup.show"
+      @closed="blockPopupOff"
+      @opened="blockPopupOpened"
+    >
+      <div class="lw-global-row-start">
+
+        <lw-title-value-cell
+          :title="getTitle(blockPopup.data.type)"
+          :value="$lwCheckVal(blockPopup.data.containerNo)"
+          :is-row="false"
+          val-bold
+        />
+
+        <template v-if="blockPopup.apiParam.skuId && blockPopup.data.skuList">
+          <lw-title-value-cell
+            :title="$lwLanguage.get('', '商品编码')"
+            :value="blockPopup.data.skuList[0].skuCode"
+            :is-row="false"
+            val-bold
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('', '商品名称')"
+            :value="blockPopup.data.skuList[0].skuName"
+            :is-row="false"
+            val-bold
+          />
+        </template>
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('', '已拣量')"
+          :value="blockPopup.data.pickQtyLabel"
+          :is-row="false"
+          val-bold
+          val-blue
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('', '需拦截量')"
+          :value="blockPopup.data.blockQtyLabel"
+          :is-row="false"
+          val-bold
+          val-red
+        />
+
+
+      </div>
+
+      <div
+        v-if="blockPopupSn"
+        class="lw-global-group-base-color"
+      >
+        <lw-input
+          v-model="blockPopup.sn.value"
+          :get-focus.sync="blockPopup.sn.focus"
+          :title="$lwLanguage.get('', '序列号')"
+          :create-rule="$lwScanRule.create('订单拦截V2-执行-序列号','SN')"
+          rule-key="sn"
+          auto-clear-val
+          @confirm="blockPopupSnConfirm"
+        />
+        <lw-scan-data-list-module v-model="blockPopup.sn.list"/>
+      </div>
+
+      <lw-input
+        v-model="blockPopup.lpn.value"
+        :get-focus.sync="blockPopup.lpn.focus"
+        :title="$lwLanguage.get('', '目标容器号')"
+        :create-rule="$lwScanRule.create('订单拦截V2-执行-目标容器号','LPN')"
+        rule-key="container"
+        required
+        @confirm="blockPopupLpnConfirm"
+      >
+        <template #button>
+          <lw-button
+            mini
+            @click="blockPopupLpnCreate"
+          >
+            {{ $lwLanguage.get('', '生成') }}
+          </lw-button>
+        </template>
+      </lw-input>
+
+      <lw-input
+        v-model="blockPopup.loc.value"
+        :get-focus.sync="blockPopup.loc.focus"
+        :title="$lwLanguage.get('', '目标库位')"
+        :create-rule="$lwScanRule.create('订单拦截V2-执行-目标库位','LOCATION')"
+        rule-key="location"
+        required
+        @confirm="blockPopupSubmit"
+      />
+
+      <template #button>
+        <lw-button @click="blockPopupSubmit">
+          {{ $lwLanguage.get('', '确认') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+
+
+import {
+  projectWmsOutboundLoadDeliveryBlockDetail,
+  projectWmsOutboundLoadDeliveryContainerBlock,
+  projectWmsOutboundLoadSoBlockDetail,
+  projectWmsOutboundQueryContainerBlock,
+  projectWmsOutboundQuerySoBlockContainerHandleInfo,
+  projectWmsOutboundQuerySoContainerBlock,
+  projectWmsOutboundSoBlockHandle,
+  wmsMobileInboundNewReceiveLpn
+} from "../../../api/outbound/blockV2";
+
+export default {
+  name: "lwOutboundBlockV2Action",
+  data() {
+    return {
+      // 是否显示出库单模块
+      showSoModel: true,
+      baseApiParam: {},
+      soInfo: {},
+      keyword: '',
+
+      datas: [],
+      showDatas: [],
+
+      blockPopup: {
+        show: false,
+        title: '',
+        apiParam: {},
+        data: {},
+        sn: {
+          value: '',
+          focus: false,
+          list: []
+        },
+        lpn: {
+          value: '',
+          create: '',
+          focus: false
+        },
+        loc: {
+          value: '',
+          focus: false
+        },
+        printData: {}
+      }
+    }
+  },
+  computed: {
+    blockPopupSn() {
+      return !!this.blockPopup.apiParam.skuId && this.blockPopup.data.skuList && this.blockPopup.data.skuList[0].snList?.length
+    }
+  },
+  mounted() {
+    this.checkPrint()
+
+    /**
+     * 页面接受的参数
+     * soId - 出库单id 必填其一
+     * deliveryId - 运单id 必填其一
+     * containerNo - 容器号 必填其一
+     * includeDeliveryPlan - 是否包含发运单计划出库单数据。按运单拣选装车、按运单装车发运进入时应当为true
+     * */
+    const {soId, deliveryId} = this.$route.query
+    this.showSoModel = !!(soId || deliveryId)
+
+
+    this.baseApiParam = {
+      soId,
+      deliveryId,
+      includeDeliveryPlan: this.$route.query.includeDeliveryPlan === 'true',
+      includeDeliveryHasLoad: true,
+    }
+
+    this.init()
+  },
+  methods: {
+
+    init() {
+
+      if (this.showSoModel) {
+        const search = JSON.parse(this.$route.query.search || '{}')
+        this.keyword = search.boxNo || search.containerNo || ''
+        this.getSoData()
+        this.getBlockListData()
+      } else {
+        this.getBlockDataByContainer()
+      }
+
+    },
+
+    // 通过容器号获取数据
+    getBlockDataByContainer() {
+      projectWmsOutboundQueryContainerBlock({
+        containerNo: this.$route.query.containerNo,
+        containerType: this.$route.query.containerType
+      }).then(res => {
+
+        if (!res) {
+          this.$lwToast.success(
+            this.$lwLanguage.get('', '操作成功')
+          )
+          history.go(-1)
+          return
+        }
+
+        this.datas = [res]
+        this.searchConfirm()
+      })
+    },
+    // 获取出库单信息
+    getSoData() {
+      const api = this.$route.query.soId ?
+        projectWmsOutboundLoadSoBlockDetail :
+        projectWmsOutboundLoadDeliveryBlockDetail
+
+      api(this.baseApiParam).then(res => {
+        this.soInfo = res || {}
+      })
+    },
+
+    // 检查打印机配置
+    checkPrint() {
+      const {printData} = this.$lwPrint.test({
+        templateCode: 'OUTBOUND_PICK_CONTAINER_LABEL',
+        msg: '托盘标签',
+      })
+      this.blockPopup.printData = printData || {}
+    },
+
+    // 确认搜索
+    searchConfirm() {
+      const keyword = this.keyword
+      this.showDatas = this.datas.filter(item => {
+        if (item.containerNo?.includes(keyword)) return true
+
+        if (item.caseList.length) {
+          return item.caseList.some(box => {
+            if (box.boxNo.includes(keyword)) return true
+            return box.skuList.some(sku => sku.skuCode.includes(keyword))
+          })
+        } else {
+          return item.skuList.some(sku => sku.skuCode.includes(keyword))
+        }
+
+      })
+    },
+    // 获取拦截列表数据
+    getBlockListData() {
+      const api = this.$route.query.soId ?
+        projectWmsOutboundQuerySoContainerBlock :
+        projectWmsOutboundLoadDeliveryContainerBlock
+
+      api(this.baseApiParam).then(res => {
+        this.datas = res || []
+        this.searchConfirm()
+      })
+    },
+
+
+    // 获取标题头
+    getTitle(type) {
+      switch (type) {
+        case 'PALLET_NO':
+          return this.$lwLanguage.get('', '托号')
+        case 'BOX_NO':
+          return this.$lwLanguage.get('', '捆包箱')
+        case 'PICK_CONTAINER_NO':
+          return this.$lwLanguage.get('', '拣选容器')
+        default:
+          return ''
+      }
+    },
+
+
+    // 容器拦截
+    containerBlockClick(item) {
+      switch (item.type) {
+        case 'PALLET_NO':
+          this.blockPopup.title = this.$lwLanguage.get('', '全部拦截处理-整托')
+          break;
+        case 'BOX_NO':
+          this.blockPopup.title = this.$lwLanguage.get('', '全部拦截处理-整箱')
+          break;
+        case 'PICK_CONTAINER_NO':
+          this.blockPopup.title = this.$lwLanguage.get('', '全部拦截处理-整拣选容器')
+          break;
+        default:
+          this.blockPopup.title = this.$lwLanguage.get('', '全部拦截处理')
+          break;
+      }
+      this.blockPopup.apiParam = {
+        containerNo: item.containerNo,
+        type: item.type,
+        outboundShipLoadNeedExecutePack: item.outboundShipLoadNeedExecutePack,
+      }
+
+      this.blockPopupOpen()
+    },
+    // 捆包箱拦截
+    caseBlockClick(item, caseKey) {
+      this.blockPopup.title = this.$lwLanguage.get('', '全部拦截处理-整箱')
+      this.blockPopup.apiParam = {
+        containerNo: item.caseList[caseKey].boxNo,
+        type: 'BOX_NO',
+        outboundShipLoadNeedExecutePack: item.outboundShipLoadNeedExecutePack,
+      }
+
+      this.blockPopupOpen()
+    },
+    // 商品拦截
+    skuBlockClick(item, skuKey, caseKey) {
+
+      let skuItem = {}
+      if (caseKey === undefined) {
+        skuItem = item.skuList[skuKey]
+        this.blockPopup.apiParam = {
+          containerNo: item.containerNo,
+          type: item.type,
+          outboundShipLoadNeedExecutePack: item.outboundShipLoadNeedExecutePack,
+          skuId: skuItem.skuId
+        }
+      } else {
+        skuItem = item.caseList[caseKey].skuList[skuKey]
+        this.blockPopup.apiParam = {
+          containerNo: item.caseList[caseKey].boxNo,
+          type: 'BOX_NO',
+          outboundShipLoadNeedExecutePack: item.outboundShipLoadNeedExecutePack,
+          skuId: skuItem.skuId
+        }
+      }
+
+      this.blockPopup.title = skuItem.allBlock ?
+        this.$lwLanguage.get('', '全部拦截处理') :
+        this.$lwLanguage.get('', '部分拦截')
+
+      this.blockPopupOpen()
+    },
+
+
+    // 拦截弹框 - 打开
+    blockPopupOpen() {
+      projectWmsOutboundQuerySoBlockContainerHandleInfo({
+        ...this.baseApiParam,
+        ...this.blockPopup.apiParam,
+      }).then(res => {
+        this.blockPopup.data = res || {}
+        this.blockPopup.loc.value = res.suggestMoveToLoc || ''
+
+        if (this.blockPopup.apiParam.skuId) {
+          const skuInfo = res.skuList[0]
+          this.blockPopup.data.pickQtyLabel = skuInfo.pickQtyLabel
+          this.blockPopup.data.blockQtyLabel = skuInfo.blockQtyLabel
+        }
+
+        this.blockPopup.show = true
+      })
+    },
+    // 拦截弹框 - 打开结束
+    blockPopupOpened() {
+      if (this.blockPopupSn) {
+        this.blockPopup.sn.focus = true
+      } else {
+        this.blockPopup.lpn.focus = true
+      }
+    },
+    // 拦截弹框 - sn确认
+    blockPopupSnConfirm(val, {data}) {
+      const sn = data.sn || data.key
+      // 去重
+      if (this.blockPopup.sn.list.find(item => item.sn === sn)) {
+        this.blockPopup.sn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '当前序列号已存在已扫列表中')
+        )
+        return
+      }
+
+      // 寻找是否在拦截列表中
+      const snList = this.blockPopup.data.skuList[0].snList
+      const snIndex = snList.findIndex(item => item.sn === sn)
+      if (snIndex < 0) {
+        this.blockPopup.sn.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '当前序列号不在拦截明细中！')
+        )
+        return
+      }
+
+      this.blockPopup.sn.list.unshift(snList[snIndex])
+    },
+    // 拦截弹框 - 托盘校验
+    blockPopupLpnCheck() {
+
+      if (this.blockPopup.lpn.value) return true
+
+      this.blockPopup.lpn.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('', '目标容器号不能为空')
+      )
+      return false
+    },
+    // 拦截弹框 - 托盘确认
+    blockPopupLpnConfirm() {
+      if (this.blockPopupLpnCheck()) this.blockPopup.loc.focus = true
+    },
+    // 拦截弹框 - 托盘生成
+    blockPopupLpnCreate() {
+      wmsMobileInboundNewReceiveLpn().then(res => {
+        this.blockPopup.lpn.value = res
+        this.blockPopup.lpn.create = res
+        this.blockPopupLpnConfirm()
+      })
+    },
+    // 拦截弹框 - 库位校验
+    blockPopupLocCheck() {
+      if (this.blockPopup.loc.value) return true
+      this.blockPopup.loc.focus = true
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('', '目标库位不能为空')
+      )
+      return false
+    },
+    // 拦截弹框 - 确认
+    blockPopupSubmit() {
+
+      if (!this.blockPopupLpnCheck() || !this.blockPopupLocCheck()) return
+
+      const {loc, lpn, sn, apiParam, data, printData} = this.blockPopup
+      const param = {
+        ...apiParam,
+        ...this.baseApiParam,
+        toLoc: loc.value,
+        toLpn: lpn.value,
+        needPrintLpnLabel: !!(lpn.value === lpn.create && printData.printId),
+        printDeviceId: printData.printId,
+        printTemplate: printData.templateId
+      }
+
+      if (apiParam.skuId) {
+        const skuInfo = data.skuList[0]
+        const needSn = !!skuInfo.snList?.length
+        if (needSn) {
+          if (!sn.list.length) {
+            sn.focus = true
+            this.$lwShowErrorMsg(
+              this.$lwLanguage.get('', '序列号不能为空')
+            )
+            return;
+          }
+
+          const snQty = sn.list.reduce((t, q) => t + Number(q.qty), 0)
+          if (snQty !== skuInfo.blockQty) {
+            sn.focus = true
+            this.$lwShowErrorMsg(
+              this.$lwLanguage.get('', '当前拦截量不等于需拦截量，请继续处理！')
+            )
+            return;
+          }
+        }
+        param.skuList = [{
+          skuId: skuInfo.skuId,
+          skuCode: skuInfo.skuCode,
+          skuName: skuInfo.skuName,
+          blockLines: skuInfo.blockLines,
+          blockSnList: sn.list
+        }]
+      } else {
+        param.skuList = data.skuList.map(item => {
+          return {
+            skuId: item.skuId,
+            skuCode: item.skuCode,
+            skuName: item.skuName,
+            blockLines: item.blockLines,
+            blockSnList: item.snList
+          }
+        })
+      }
+      projectWmsOutboundSoBlockHandle(param).then(res => {
+        res?.printTaskList?.forEach(item => this.$lwPrint.bluetoothPrint(item.id))
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '操作成功')
+        )
+        this.blockPopup.show = false
+        this.init()
+      })
+
+    },
+    // 拦截弹框 - 关闭
+    blockPopupOff() {
+      this.blockPopup.sn.value = ''
+      this.blockPopup.sn.list = []
+      this.blockPopup.lpn.value = ''
+      this.blockPopup.lpn.create = ''
+      this.blockPopup.loc.value = ''
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>