@logwire/logwire-wms-pda-ui 1.1.15

package/src/components/page/outbound/pickMerge/action/index.vue

@@ -0,0 +1,541 @@
+<!--
+  分区拣选集合 - 执行页
+  @author: 张文
+  @date: 2022-06-21
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','分区拣选集合')"/>
+
+    <div class="lw-global-page-box">
+
+      <container-info
+        :item="mergeData"
+        :back-step="2"
+      />
+
+      <div
+        style="margin-top: 10px"
+        class="lw-global-tab-box"
+      >
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+
+          <van-tab
+            :title="$lwLanguage.get('','全部集合')"
+            name="all"
+          >
+            <sku-info
+              v-for="(i,k) in mergeData.skuList"
+              :key="k"
+              :index="k"
+              :item="i"
+            />
+          </van-tab>
+
+          <van-tab
+            :title="$lwLanguage.get('','扫描集合')"
+            name="scan"
+          >
+
+            <div class="lw-global-model-box">
+
+              <lw-input
+                :title="$lwLanguage.get('','商品条码')"
+                v-model="scan.sku.value"
+                :get-focus.sync="scan.sku.focus"
+                @confirm="scanSkuConfirm"
+              />
+
+              <template v-if="scan.skuInfo">
+                <lw-input
+                  :title="$lwLanguage.get('','集合量')"
+                  v-model="scan.qty.value"
+                  :get-focus.sync="scan.qty.focus"
+                  type="digit"
+                  @confirm="scanQtyConfirm"
+                >
+                  <template #button>
+
+                    <lw-button
+                      round
+                      mini
+                      @click="scanQtyConfirm"
+                    >{{ $lwLanguage.get('', '确认集合') }}
+                    </lw-button>
+
+                  </template>
+                </lw-input>
+
+                <sku-info
+                  style="padding: 10px 0 0"
+                  :item="scan.skuInfo"
+                />
+
+              </template>
+            </div>
+
+            <sku-info
+              v-for="(i,k) in mergeData.skuList"
+              :key="k"
+              :index="k"
+              :item="i"
+              is-scan
+              @abnClick="abnClick"
+            />
+          </van-tab>
+        </van-tabs>
+      </div>
+
+    </div>
+
+    <lw-bottom-bar-btn-hidden :btn-list="btnList"/>
+
+    <!-- 全部集合的弹出框 -->
+    <finish-popup
+      v-model="finishShow"
+      :pick-container="mergeData.pickContainer"
+      :summary-lot="mergeData.summaryLot"
+    />
+
+    <!-- 全部集合的弹出框 -->
+    <lw-popup
+      :title="$lwLanguage.get('','全部集合')"
+      v-model="allMergePopupShow"
+    >
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','集合位')"
+        :value="mergeData.summaryPositionCode"
+        val-bold
+        val-red
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','绑定容器号')"
+        :value="mergeData.summaryPositionContainer"
+        val-bold
+      />
+
+      <div
+        style="margin-top: 10px"
+        class="lw-global-flex-between"
+      >
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','品种数')"
+          :value="mergeData.skuTypeCount"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','零件内装数')"
+          :value="mergeData.waitSummaryQty"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+      </div>
+
+      <template #button>
+
+        <lw-button @click="allMergeConfirm">
+          {{ $lwLanguage.get('', '确认全部集合') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 容器已满 -->
+    <lw-popup
+      :title="$lwLanguage.get('','容器已满')"
+      v-model="containerFullPopup.show"
+    >
+
+      <div
+        class="lw-global-row"
+        style="font-weight: bold;letter-spacing: 1px;text-align: center"
+      >{{
+          $lwLanguage.get(
+            '',
+            '人工判断当前容器已满，请取下容器，放入捆包通道，再换上新容器继续集合'
+          )
+        }}
+      </div>
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','集合位')"
+        :value="mergeData.summaryPositionCode"
+        val-bold
+        val-red
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','当前容器号')"
+        :value="mergeData.summaryPositionContainer"
+        val-bold
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('','新容器号')"
+        v-model="containerFullPopup.value"
+        :get-focus.sync="containerFullPopup.focus"
+        @confirm="containerFullConfirm"
+      />
+
+      <template #button>
+
+        <lw-button @click="containerFullConfirm">
+          {{ $lwLanguage.get('', '确认更换容器') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+    <!-- 异常 -->
+    <lw-popup
+      :title="$lwLanguage.get('','异常上报')"
+      v-model="abnPopup.show"
+      @closed="abnPopup.comShow=false"
+    >
+      <lw-inner-abnormal-module
+        v-if="abnPopup.comShow"
+        ref="abnormal"
+        :qty="abnPopup.item.waitQty"
+        :sku-name="abnPopup.item.skuName"
+        :sku-code="abnPopup.item.skuCode"
+        :location="abnPopup.item.locationCode"
+        :abn-type-key="abnPopup.abnTypeKey"
+        :type="$lwLanguage.get('','出库')"
+        :ab-type="$lwLanguage.get('','分区拣选集合')"
+      />
+
+      <template #button>
+        <lw-button @click="abnSubmit">
+          {{ $lwLanguage.get('', '上报异常') }}
+        </lw-button>
+      </template>
+    </lw-popup>
+
+    <!-- 集合完成 -->
+    <lw-popup
+      :title="$lwLanguage.get('','集合完成')"
+      v-model="mergeOverPopup.show"
+      @clickCloseBtn="mergeOverOff"
+    >
+
+      <div
+        class="lw-global-row"
+        style="text-align: center;font-weight: bold;letter-spacing: 1px"
+      >{{ mergeOverPopup.content }}</div>
+
+      <template v-if="mergeOverPopup.all">
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','集合位')"
+          :value="mergeData.summaryPositionCode"
+          val-bold
+        />
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','当前容器')"
+          :value="mergeData.summaryPositionContainer"
+          val-bold
+          val-red
+        />
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import containerInfo from './../components/containerInfo/index.vue'
+import finishPopup from './../components/finishPopup/index.vue'
+import skuInfo from './../components/skuInfo/index.vue'
+import {
+  projectWmsSummaryAbnormal,
+  projectWmsSummaryChangeContainer,
+  projectWmsSummaryQueryContainerData, projectWmsSummarySubmit,
+  projectWmsSummaryWholeContainer
+} from "../../../../../api/outbound/pickMerge";
+
+export default {
+  name: "lwOutboundPickMergeActionPage",
+  components: {
+    containerInfo,
+    finishPopup,
+    skuInfo
+  },
+  data() {
+    return {
+
+      mergeData: {},
+
+      btnList: [
+        {
+          text: this.$lwLanguage.get('', '容器已满'),
+          click: this.containerFull
+        },
+        {
+          text: this.$lwLanguage.get('', '全部集合(绑定容器)'),
+          click: () => this.allMergePopupShow = true
+        },
+        {
+          text: this.$lwLanguage.get('', '直接集合(拣选容器)'),
+          click: () => this.finishShow = true
+        }
+      ],
+
+      // 直接集合 - 拣选容器号
+      finishShow: false,
+
+      // tab激活项
+      tabActive: 'all',
+
+      // 全部集合弹框
+      allMergePopupShow: false,
+
+      // 容器已满
+      containerFullPopup: {
+        show: false,
+        value: '',
+        focus: false
+      },
+
+      // 异常
+      abnPopup: {
+        show: false,
+        comShow: false,
+        // 异常的可选类型
+        abnTypeKey: ['QTY', 'QUALITY', 'PACK', 'OTHER'],
+        item: {},
+      },
+
+      // 扫描商品输入
+      scan: {
+        sku: {
+          value: '',
+          focus: false
+        },
+        qty: {
+          value: '',
+          focus: false
+        },
+        skuInfo: null,
+      },
+
+      // 集合完成的弹框
+      mergeOverPopup:{
+        show: false,
+        content: '',
+        all: false
+      }
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    // 获取数据
+    getData() {
+      projectWmsSummaryQueryContainerData({
+        pickContainer: this.$route.query.lwPickContainer
+      }).then(res => {
+
+        // 判断是否可以直接集合
+        if (!res.canDirectSummary) {
+          this.btnList.pop()
+        }
+
+        // 计算出每一个商品的待集合量
+        res.skuList.forEach(item=>{
+          item.waitQty = Number(item.totalQty || 0) - Number(item.summaryQty || 0) - Number(item.abnormalQty || 0)
+        })
+
+        this.mergeData = res
+      }).catch(()=>history.go(-1))
+    },
+
+    // 全部集合确认
+    allMergeConfirm() {
+      projectWmsSummaryWholeContainer({
+        pickContainer: this.mergeData.pickContainer,
+        summaryPositionContainer: this.mergeData.summaryPositionContainer,
+        summaryLot: this.mergeData.summaryLot
+      }).then((res) => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '集合成功')
+        )
+
+        this.mergeOver(res)
+      })
+    },
+
+    // 容器已满
+    containerFull() {
+      this.containerFullPopup.show = true
+      this.containerFullPopup.focus = true
+    },
+    // 确认更换容器
+    containerFullConfirm() {
+      if (!this.containerFullPopup.value) {
+
+        this.containerFullPopup.focus = true
+
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '新容器不能为空')
+        )
+
+        return
+      }
+
+      projectWmsSummaryChangeContainer({
+        pickContainer: this.mergeData.pickContainer,
+        summaryPositionContainer: this.mergeData.summaryPositionContainer,
+        summaryPositionId: this.mergeData.summaryPositionId,
+        summaryLot: this.mergeData.summaryLot,
+        waitBindContainer: this.containerFullPopup.value,
+      }).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '已更换绑定容器')
+        )
+
+        this.containerFullPopup.show = false
+
+        this.getData()
+      })
+    },
+
+    // 异常点击
+    abnClick(skuInfo) {
+      this.abnPopup.item = skuInfo
+      this.abnPopup.comShow = true
+      this.abnPopup.show = true
+    },
+    // 异常提交
+    abnSubmit() {
+
+      const {success, data} = this.$refs.abnormal.getAbnormalData()
+
+      if (!success) return
+
+      projectWmsSummaryAbnormal({
+        pickContainer: this.mergeData.pickContainer,
+        summaryPositionContainer: this.mergeData.summaryPositionContainer,
+        summaryLot: this.mergeData.summaryLot,
+        summaryPositionId: this.mergeData.summaryPositionId,
+        skuId: this.abnPopup.item.skuId,
+        ...data
+      }).then(res => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '异常上报成功')
+        )
+
+        this.mergeOver(res)
+
+        this.abnPopup.show = false
+      })
+    },
+
+    // 扫描商品确认
+    scanSkuConfirm() {
+      const skuList = this.mergeData.skuList.filter(item=>{
+        return item.skuCode === this.scan.sku.value
+      })
+
+      if (!skuList.length){
+        this.scan.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','扫描商品不在本次集合商品内')
+        )
+        this.scan.sku.value = ''
+        return
+      }
+
+      this.scan.skuInfo = skuList[0]
+      this.scan.qty.focus = true
+
+    },
+
+    // 扫描数量确认
+    scanQtyConfirm() {
+      const qty = Number(this.scan.qty.value)
+
+      if (!qty){
+        this.scan.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','集合数量不能为空，且应当是大于0的整数')
+        )
+      }
+
+      const waitQty = this.scan.skuInfo.waitQty || 0
+      if (qty > waitQty){
+        this.scan.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','集合数量不能大于待集合量') + waitQty
+        )
+        this.scan.qty.value = ''
+
+        return
+      }
+
+      projectWmsSummarySubmit({
+        pickContainer: this.mergeData.pickContainer,
+        summaryPositionContainer: this.mergeData.summaryPositionContainer,
+        summaryLot: this.mergeData.summaryLot,
+        skuId: this.scan.skuInfo.skuId,
+        summaryQty: qty
+      }).then((res)=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','集合成功')
+        )
+
+        this.scan.skuInfo = null
+        this.scan.sku.value = ''
+        this.scan.qty.value = ''
+        this.scan.sku.focus = true
+
+        this.mergeOver(res)
+      })
+    },
+
+    // 集合完成后的校验
+    mergeOver(res){
+      if (res.summaryLotFinish){
+        this.mergeOverPopup.show = true
+        this.mergeOverPopup.content = this.$lwLanguage.get('','当前集合口，所有任务都已拣选集合完成，请取下容器，放入捆包通道')
+        this.mergeOverPopup.all = true
+        return
+      }
+
+      if (res.pickContainerFinish){
+        this.mergeOverPopup.show = true
+        this.mergeOverPopup.content = this.$lwLanguage.get('','当前拣选容器已完成集合')
+        this.mergeOverPopup.all = false
+        return
+      }
+
+
+      this.getData()
+    },
+
+    // 集合完成弹框关闭
+    mergeOverOff(){
+      history.go(-1)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/pickMerge/components/containerInfo/index.vue

@@ -0,0 +1,89 @@
+<!--
+  拣选容器基础信息
+  @author: 张文
+  @date: 2022-06-21
+-->
+<template>
+  <div
+    v-if="item"
+    class="lw-global-model-box"
+  >
+    <div class="lw-global-flex-between lw-global-row-start">
+      <lw-title-value-cell
+        style="flex: 1"
+        :title="$lwLanguage.get('','拣选容器号')"
+        :value="item.pickContainer"
+        :is-row="false"
+      />
+
+      <lw-button
+        style="flex-shrink: 0"
+        mini
+        round
+        @click="goBack"
+      >{{ $lwLanguage.get('','切换') }}</lw-button>
+    </div>
+
+    <div class="lw-global-row">
+
+      <div class="lw-global-flex-between">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','集合口')"
+          :value="item.summaryCode"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','集合位')"
+          :value="item.summaryPositionCode"
+          val-bold
+          val-red
+          :is-row="false"
+        />
+
+      </div>
+
+      <lw-title-value-cell
+        style="margin-top: 5px"
+        :title="$lwLanguage.get('','已绑定容器号')"
+        :value="item.summaryPositionContainer || '-'"
+        val-bold
+        :is-row="false"
+      />
+
+    </div>
+
+    <lw-title-value-cell
+      style="margin-top: 10px"
+      :title="$lwLanguage.get('','客户')"
+      :value="(item.customerCode || '') + '-' + (item.customerName || '')"
+      :is-row="false"
+    />
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "containerInfo",
+  props:{
+    item: Object,
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    // 切换容器
+    goBack(){
+      history.go(-1)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/outbound/pickMerge/components/finishPopup/index.vue

@@ -0,0 +1,88 @@
+<!--
+  直接完成弹框
+  @author: 张文
+  @date: 2022-06-25
+-->
+<template>
+  <lw-popup
+    :title="$lwLanguage.get('','直接集合完成(当前容器)')"
+    v-model="show"
+  >
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','拣选容器号')"
+      :value="pickContainer"
+      val-red
+      val-bold
+    />
+
+    <div
+      style="
+        letter-spacing: 1px;
+        font-weight: bold;
+        margin-top: 10px;
+        text-align: center
+      "
+    >{{ $lwLanguage.get(
+      '',
+      '使用当前拣选容器号直接集合完成，提交后移动当前拣选容器到捆包台执行捆包'
+    ) }}</div>
+
+    <template #button>
+      <lw-button @click="finishConfirm">
+        {{ $lwLanguage.get('','直接集合完成') }}
+      </lw-button>
+    </template>
+
+  </lw-popup>
+</template>
+
+<script>
+
+import {projectWmsSummaryWholeCurrentContainer} from "../../../../../../api/outbound/pickMerge";
+
+export default {
+  name: "index",
+  props:{
+    // 是否显示
+    value: Boolean,
+
+    // 容器号
+    pickContainer: String,
+
+    // 集合批次
+    summaryLot: String
+  },
+  computed:{
+    show:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input', v)
+      }
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    // 直接完成确认
+    finishConfirm(){
+      projectWmsSummaryWholeCurrentContainer({
+        pickContainer: this.pickContainer,
+        summaryLot: this.summaryLot
+      }).then(()=>{
+        this.$lwToast.success(
+          this.$lwLanguage.get('','成功')
+        )
+        history.go(-1)
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>