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

package/src/components/page/inner/dead/components/taskItem.vue

@@ -0,0 +1,570 @@
+<!--
+  任务执行页
+  @author: 张文
+  @date: 2022-07-13
+-->
+<template>
+  <div style="padding-top: 3px" class="lw-global-model-box">
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('wms_project.pda.inner.deadCom.loc','库位')"
+      :value="item.fromLocationCode"
+      val-bold
+    />
+
+    <lw-title-value-cell
+      v-if="hasLpn"
+      :title="$lwLanguage.get('wms_project.pda.inner.deadCom.lpn','托盘号')"
+      :value="item.fromLpn"
+      val-bold
+    />
+
+    <lw-title-value-cell
+      v-if="hasBox"
+      :title="$lwLanguage.get('wms_project.pda.inner.deadCom.box','箱号')"
+      :value="item.fromCase"
+      val-bold
+    />
+
+    <lw-sku-info-module
+      :sku-code="item.skuCode"
+      :sku-name="item.skuName"
+      is-row
+    >
+
+      <lw-tag
+        round
+        plain
+      >{{ item.skuSizeTypeLabel }}</lw-tag>
+
+    </lw-sku-info-module>
+
+    <lw-lot-look-module
+      :columns="item.groupKeyItemList || []"
+      title-key="label"
+      value-key="value"
+    />
+
+    <div class="lw-global-row lw-global-flex-around">
+
+      <div class="lw-global-data-look-item">
+
+        <div class="lw-global-value-bold">{{ item.planQty || 0 }}</div>
+        <div class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.inner.deadCom.planQty','计划量') }}
+        </div>
+
+      </div>
+
+      <div class="lw-global-data-look-item">
+
+        <div class="lw-global-value-bold">{{ item.todoQty || 0 }}</div>
+        <div class="lw-global-title">{{
+          type !== 'small' ?
+          $lwLanguage.get('wms_project.pda.inner.deadCom.waitLpn','待组托') :
+          $lwLanguage.get('wms_project.pda.inner.deadCom.waitNum','待装数')
+        }}</div>
+
+      </div>
+
+      <div class="lw-global-data-look-item">
+
+        <div class="lw-global-value-bold">{{ item.doneQty || 0 }}</div>
+        <div class="lw-global-title">{{
+          type !== 'small' ?
+          $lwLanguage.get('wms_project.pda.inner.deadCom.lpned','已组托') :
+          $lwLanguage.get('wms_project.pda.inner.deadCom.over','已装数')
+        }}</div>
+
+      </div>
+
+      <div class="lw-global-data-look-item">
+
+        <div class="lw-global-value-bold-red">{{ item.abnQty || 0 }}</div>
+        <div class="lw-global-title">
+          {{ $lwLanguage.get('wms_project.pda.inner.deadCom.abnQty','异常量') }}
+        </div>
+
+      </div>
+
+    </div>
+
+    <lw-input
+      :title="$lwLanguage.get('wms_project.pda.inner.deadCom.confirmLoc','确认库位')"
+      v-model="locCode.value"
+      :get-focus.sync="locCode.focus"
+      rule-prefix="deadTaskAction"
+      rule-key="location"
+      @confirm="locConfirm"
+    />
+
+    <lw-input
+      v-if="hasLpn"
+      :title="$lwLanguage.get('wms_project.pda.inner.deadCom.confirmLpn','确认托盘')"
+      v-model="lpn.value"
+      :get-focus.sync="lpn.focus"
+      rule-prefix="deadTaskAction"
+      rule-key="lpn"
+      @confirm="lpnConfirm"
+    />
+
+    <lw-input
+      v-if="hasBox"
+      :title="$lwLanguage.get('wms_project.pda.inner.deadCom.confirmBox','确认箱号')"
+      v-model="box.value"
+      :get-focus.sync="box.focus"
+      rule-prefix="deadTaskAction"
+      rule-key="box"
+      @confirm="boxConfirm"
+    />
+
+    <div v-if="item.needHandleSn">
+      <lw-input
+        :title="$lwLanguage.get('','扫描序列号')"
+        v-model="sn.value"
+        :get-focus.sync="sn.focus"
+        :rule-production-data="$lwScanRule.production('呆滞品整理大件打托-SN','SN')"
+        rule-key="sn"
+        required
+        @confirm="moveDownToLpnConfirm"
+      />
+      <lw-scan-data-list-module
+        title="已扫描序列号"
+        v-model="snList"
+      />
+
+    </div>
+
+    <dev v-else>
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.inner.deadCom.skuCode','商品条码')"
+        v-model="sku.value"
+        :get-focus.sync="sku.focus"
+        rule-prefix="deadTaskAction"
+        rule-key="sku"
+        @confirm="skuConfirm"
+      />
+
+      <lw-input
+        :title="$lwLanguage.get('wms_project.pda.inner.deadCom.skuQty','商品数量')"
+        v-model="qty.value"
+        :get-focus.sync="qty.focus"
+        type="digit"
+        @confirm="qtyConfirm"
+      />
+    </dev>
+
+    <slot></slot>
+
+    <lw-cut-card
+      v-model="index"
+      :length="allLength"
+      :cut-start="cutState"
+      :cut-end="cutEnd"
+    >
+      <template #numLast>
+        <!-- 异常按钮 -->
+        <lw-button
+          round
+          mini
+          @click="abnClick"
+        >
+          {{ $lwLanguage.get('wms_project.pda.inner.deadCom.abn','异常') }}
+        </lw-button>
+      </template>
+    </lw-cut-card>
+
+
+    <!-- 异常弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('wms_project.pda.inner.deadCom.abnTitle','异常上报')"
+      v-model="abn.show"
+      @closed="abn.comShow=false"
+    >
+
+      <lw-inner-abnormal-module
+        v-if="abn.comShow"
+        ref="abnormal"
+        :sku-code="item.skuCode"
+        :sku-name="item.skuName"
+        :qty="item.todoQty"
+        :location="item.fromLocationCode"
+        :type="$lwLanguage.get('wms_project.pda.inner.deadCom.in','在库')"
+        :ab-type="$lwLanguage.get('wms_project.pda.inner.deadCom.abType','呆滞品整理')"
+      />
+
+      <template #button>
+
+        <lw-button @click="abnSubmit">
+          {{ $lwLanguage.get('wms_project.pda.inner.deadCom.submit','上报') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+
+import {wmsDullSkuMoveTaskAbnormalSubmit} from "../../../../../api/inner/dead/large";
+
+export default {
+  name: "taskItem",
+  components:{
+
+  },
+  props:{
+    // 类型
+    type:{
+      type: String,
+      default: 'large'
+    },
+
+    // 数据
+    item:{
+      type: Object,
+      default: () => {}
+    },
+    // 当前任务项索引
+    value:{
+      type: [String, Number],
+      default: 0
+    },
+    // 总长度
+    allLength:{
+      type: [String, Number],
+      default: 1
+    },
+    // 异常处理的方法
+    abnFn:{
+      type: Function,
+      default: ()=>{}
+    },
+    // 确认处理的方法
+    confirmFn:{
+      type: Function,
+      default: ()=>{}
+    },
+  },
+  data() {
+    return {
+      // 库位
+      locCode:{
+        value: '',
+        focus: false
+      },
+      // 托盘号
+      lpn:{
+        value: '',
+        focus: false
+      },
+      // 箱号
+      box:{
+        value: '',
+        focus: false
+      },
+      // 商品号
+      sku:{
+        value: '',
+        focus: false
+      },
+      // 数量
+      qty:{
+        value: '',
+        focus: false
+      },
+      // 扫描的SN
+      sn:{
+        value: '',
+        focus: false
+      },
+      // sn列表
+      snList:[],
+
+
+      // 异常弹框
+      abn:{
+        show: false,
+        comShow: false
+      }
+    }
+  },
+  computed:{
+    // 是否有托盘号
+    hasLpn(){
+      return !!this.item.fromLpn
+    },
+    // 是否有箱号
+    hasBox(){
+      return !!this.item.fromCase
+    },
+
+    // tab索引
+    index:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input', v)
+      }
+    }
+  },
+  methods: {
+    // 输入框数据校验
+    inputCheck({key, checkValKey, errMsg, nullMsg}) {
+      const val = this[key].value
+
+      if(!val){
+        this[key].focus = true
+        this.$lwShowErrorMsg(nullMsg)
+        return false
+      }
+
+      if (val !== this.item[checkValKey]){
+        this[key].focus = true
+        this.$lwShowErrorMsg(errMsg)
+        this[key].value = ''
+        return false
+      }
+
+      return true
+    },
+
+    // 库位确认
+    locConfirm(){
+      if (this.locCheck()) {
+
+        if (this.hasLpn){
+          this.lpn.focus = true
+          return
+        }
+
+        if (this.hasBox){
+          this.box.focus = true
+          return
+        }
+
+        this.sku.focus = true
+      }
+    },
+    // 库位检查
+    locCheck(){
+      return this.inputCheck({
+        key: 'locCode',
+        checkValKey: 'fromLocationCode',
+        nullMsg: this.$lwLanguage.get('wms_project.pda.inner.deadCom.locNot','库位不能为空'),
+        errMsg: this.$lwLanguage.get('wms_project.pda.inner.deadCom.locErr','当前库位与任务库位不一致')
+      })
+    },
+
+    // 托盘号确认
+    lpnConfirm(){
+      if (this.lpnCheck()){
+        if (this.hasBox){
+          this.box.focus = true
+          return
+        }
+
+        this.sku.focus = true
+      }
+    },
+    // 托盘检查
+    lpnCheck(){
+      if (!this.hasLpn) return true
+
+      return this.inputCheck({
+        key: 'lpn',
+        checkValKey: 'fromLpn',
+        nullMsg: this.$lwLanguage.get('wms_project.pda.inner.deadCom.lpnNull','托盘号不能为空'),
+        errMsg: this.$lwLanguage.get('wms_project.pda.inner.deadCom.lpnErr','当前托盘号与任务托盘号不一致')
+      })
+
+    },
+
+    // 箱号确认
+    boxConfirm(){
+      if (this.boxCheck()) this.sku.focus = true
+    },
+    // 箱号检查
+    boxCheck() {
+      if (!this.hasBox) return true
+
+      return this.inputCheck({
+        key: 'box',
+        checkValKey: 'fromCase',
+        nullMsg: this.$lwLanguage.get('wms_project.pda.inner.deadCom.boxNull','箱号不能为空'),
+        errMsg: this.$lwLanguage.get('wms_project.pda.inner.deadCom.boxErr','当前箱号与任务箱号不一致')
+      })
+    },
+
+    // 商品号确认
+    skuConfirm(){
+      if (this.skuCheck()) this.qty.focus = true
+    },
+    // 商品号确认
+    skuCheck(){
+
+      if(this.item.needHandleSn){
+        if(this.snList.length<=0){
+          this.$lwShowErrorMsg(this.$lwLanguage.get('','请扫描SN'))
+          return false;
+        }
+        return true;
+      }
+
+      return this.inputCheck({
+        key: 'sku',
+        checkValKey: 'skuCode',
+        nullMsg: this.$lwLanguage.get('wms_project.pda.inner.deadCom.skuNull','商品号不能为空'),
+        errMsg: this.$lwLanguage.get('wms_project.pda.inner.deadCom.skuErr','当前商品号与任务商品号不一致')
+      })
+    },
+
+    // 数量确认
+    qtyConfirm(){
+      if (this.qtyCheck()) this.confirmSubmit()
+    },
+    // 数量校验
+    qtyCheck(){
+      if(this.item.needHandleSn){
+        return true
+      }
+
+      const qty = Number(this.qty.value || 0)
+      if (!qty){
+        this.sku.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.inner.deadCom.qtyNull','数量不能为空，且应当是大于0的整数')
+        )
+        return false
+      }
+
+      if (qty > this.item.todoQty ){
+        this.qty.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.inner.deadCom.qtyErr','商品数不能大于待处理量')
+        )
+        this.qty.value = ''
+        return false
+      }
+
+      return true;
+    },
+
+    // 检查当前全部输入数据
+    checkAllInputVal(checkQty = true){
+      if (!(
+        this.locCheck() &&
+        this.lpnCheck() &&
+        this.boxCheck() &&
+        this.skuCheck() &&
+        (this.item.needHandleSn || !checkQty || this.qtyCheck())
+      )) return {success: false, data: {}}
+
+      return {
+        success: true, data: {
+          locationCode: this.locCode.value,
+          lpn: this.lpn.value,
+          caseNum: this.box.value,
+          skuCode: this.sku.value,
+          skuId: this.item.skuId,
+          qty: this.qty.value,
+          snParamList:this.snList,
+        }
+      }
+    },
+
+    // 任务切换前
+    cutState(){
+
+      return new Promise((res, err)=>{
+        if (
+          this.locCode.value ||
+          this.lpn.value ||
+          this.box.value ||
+          this.sku.value ||
+          this.qty.value
+        ){
+          this.$lwDialog.confirm({
+            title: this.$lwLanguage.get('wms_project.pda.inner.deadCom.toast','提示'),
+            message: this.$lwLanguage.get('wms_project.pda.inner.deadCom.clear','切换后当前数据将会被清空')
+          }).then(()=>res(true)).catch(()=>err(false))
+          return
+        }
+
+        res(true)
+
+
+      })
+
+    },
+    // 任务切换后
+    cutEnd(){
+      this.locCode.value = ''
+      this.locCode.focus = true
+      this.lpn.value = ''
+      this.box.value = ''
+      this.sku.value = ''
+      this.qty.value = ''
+    },
+
+    // 确认任务提交
+    confirmSubmit(){
+
+      const {success, data} = this.checkAllInputVal()
+      if (!success) return
+
+      this.confirmFn({
+        ...data
+      }).then(res=>{
+        this.cutEnd()
+        this.$lwToast.success(
+          this.$lwLanguage.get('wms_project.pda.inner.deadCom.success','处理成功')
+        )
+        this.$emit('confirmSuccess', res)
+      })
+    },
+
+    // 异常按钮点击
+    abnClick(){
+      this.abn.comShow = true
+      this.abn.show = true
+    },
+    // 异常确认
+    abnSubmit(){
+      const {success, data} = this.$refs.abnormal.getAbnormalData()
+
+      if (!success) return
+
+      wmsDullSkuMoveTaskAbnormalSubmit({
+        ...data,
+        taskId: this.$route.query.lwTaskId,
+        taskLineKey: this.item.taskLineKey,
+        abnBelongType:'STOCK',
+        abnDiscoveryPoint: 'MV_PUTDOWN',
+      }).then(res=>{
+        this.abn.show = false
+        this.$toast.success(
+          this.$lwLanguage.get('wms_project.pda.inner.deadCom.abnSuccess','异常上报成功')
+        )
+        this.$emit('abnSuccess', res)
+      })
+    },
+
+    moveDownToLpnConfirm(value, {data}){
+      let snkey = data.key;
+      let snQty = data.qty;
+      this.snList.unshift({
+        sn:snkey,
+        qty: snQty
+      })
+    },
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inner/dead/components/waitOverLpn.vue

@@ -0,0 +1,74 @@
+<!--
+  待完成打托
+  @author: 张文
+  @date: 2022-07-26
+-->
+<template>
+  <div class="lw-global-model-box">
+
+    <div class="lw-global-row-start lw-global-flex-between">
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.nowLpn','当前托盘')"
+        :value="item.lpn"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-button
+        style="flex-shrink: 0"
+        mini
+        round
+        @click="$emit('btnClick')"
+      >{{ $lwLanguage.get('wms_project.pda.inner.deadLarge.overLpn','完成打托') }}</lw-button>
+    </div>
+
+    <div class="lw-global-row lw-global-flex-between">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.skuCount','品种数')"
+        :value="item.skuCount"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('wms_project.pda.inner.deadLarge.total','总数量')"
+        :value="item.qty"
+        val-red
+        val-bold
+        :is-row="false"
+      />
+
+    </div>
+
+    <lw-sku-info-module
+      v-for="(i,k) in item.lines"
+      :key="k"
+      v-bind="i"
+      is-row
+      :is-row-last="(k + 1) === item.lines.length"
+    />
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "waitOverLpn",
+  props:{
+    item:{
+      type: Object,
+      default: ()=>{}
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/inner/dead/large/index.js

@@ -0,0 +1,11 @@
+/*
+* 呆滞品整理- 中大件 - 打托
+* @author: 张文
+* @date  2022-07-12
+* */
+
+import lwInnerDeadLargeActionPage from "./index.vue";
+
+lwInnerDeadLargeActionPage.install = Vue => Vue.component(lwInnerDeadLargeActionPage.name, lwInnerDeadLargeActionPage)
+
+export default lwInnerDeadLargeActionPage