@logwire/logwire-wms-pda-ui 1.1.15 → 1.1.18

package/src/components/module/InnerAbnormal/index.vue

@@ -1,343 +1,367 @@
-<!--
-  在库异常模块
-  @author: 张文
-  @date: 2022-05-11
--->
-<template>
-  <div>
-
-    <!-- 商品 -->
-    <div
-      class="lw-global-row lw-global-flex-between"
-      style="align-items: flex-start"
-    >
-      <div
-        class="lw-global-title"
-        style="flex-shrink: 0;margin-right: 10px"
-      >
-        {{ $lwLanguage.get('wms_project.pda.module.inboundAbn.sku','商品') }}
-      </div>
-      <div style="flex: 1;text-align: right">
-        <div class="lw-global-value-bold">{{ skuCode || '-' }}</div>
-        <div class="lw-global-title">{{ skuName || '-' }}</div>
-      </div>
-    </div>
-
-    <!-- 待处理量 -->
-    <div class="lw-global-row lw-global-flex-between">
-      <div class="lw-global-title">
-        {{ $lwLanguage.get('wms_project.pda.module.inboundAbn.wait','待处理量') }}
-      </div>
-
-      <div class="lw-global-value-bold" style="color: #D50000">{{ qty }}</div>
-    </div>
-
-    <!-- 库位 -->
-    <div class="lw-global-row lw-global-flex-between">
-      <div class="lw-global-title">
-        {{ $lwLanguage.get('wms_project.pda.module.inboundAbn.local','库位') }}
-      </div>
-
-      <div class="lw-global-value-bold">{{ location || '-' }}</div>
-    </div>
-
-    <!-- 所属类型 -->
-    <div class="lw-global-row lw-global-flex-between">
-      <div class="lw-global-title">
-        {{ $lwLanguage.get('wms_project.pda.module.inboundAbn.type','所属类型') }}
-      </div>
-
-      <div class="lw-global-value-bold">{{ type || '-' }}</div>
-    </div>
-
-    <!-- 作业环节 -->
-    <div class="lw-global-row lw-global-flex-between">
-      <div class="lw-global-title">
-        {{ $lwLanguage.get('wms_project.pda.module.inboundAbn.abType','作业环节') }}
-      </div>
-
-      <div class="lw-global-value-bold">{{ abType || '-' }}</div>
-    </div>
-
-    <!-- 提供的插槽 -->
-    <slot name="projectItem"/>
-
-    <!-- 货品类型 -->
-    <lw-cell-popup-radio
-      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.skuType','货品类型')"
-      v-model="abnormal.abnSkuType"
-      required
-      dict-key="abnormal_sku_type_choice"
-    />
-
-    <!-- 异常类型 -->
-    <lw-cell-popup-radio
-      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.abnType','异常类型')"
-      v-model="abnormal.abnType"
-      required
-      :columns="abnTypeList"
-      @confirm="typeConfirm"
-      @clear="typeClear"
-    />
-
-    <!-- 异常子类型 -->
-    <lw-cell-popup-radio
-      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.subType','异常子类型')"
-      v-model="abnormal.abnSubType"
-      required
-      :columns="subTypeList"
-    />
-
-    <!-- 异常量 -->
-    <lw-input
-      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.abnQty','异常量')"
-      v-model="abnormal.abnQty"
-      :get-focus.sync="abnormalFocus.qty"
-      type="digit"
-      input-align="right"
-      required
-      @confirm="abnQtyConfirm"
-    />
-
-    <!-- 异常库位 -->
-    <lw-input
-      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.abn','异常库位')"
-      v-model="abnormal.abnLocationCode"
-      :get-focus.sync="abnormalFocus.local"
-      input-align="right"
-      required
-      @confirm="abnLocalConfirm"
-    />
-
-    <!-- 托盘号 -->
-    <lw-input
-      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.lpn','托盘号')"
-      v-model="abnormal.abnLpn"
-      :get-focus.sync="abnormalFocus.lpn"
-      input-align="right"
-      @confirm="abnormalFocus.remark=true"
-    />
-
-    <!-- 备注 -->
-    <lw-input
-      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.remark','备注')"
-      v-model="abnormal.abnRemark"
-      :get-focus.sync="abnormalFocus.remark"
-      type="textarea"
-      input-align="right"
-      :rows="4"
-    />
-
-    <!-- 图片 -->
-    <div class="lw-global-title" style="padding: 8px 0">
-      {{ $lwLanguage.get('wms_project.pda.module.inboundAbn.img','图片') }}
-    </div>
-    <lw-img-upload v-model="abnormal.abnImgArr"/>
-
-
-
-  </div>
-</template>
-
-<script>
-
-export default {
-  name: "lwInnerAbnormalModule",
-  props:{
-    // 零件号
-    skuCode: String,
-
-    // 零件名称
-    skuName: String,
-
-    // 待处理量
-    qty:{
-      type: Number,
-      default: 0
-    },
-
-    // 库位
-    location: String,
-
-    // 所属类型
-    type: String,
-
-    // 作业环节
-    abType: String,
-
-    // 异常类型可选key
-    abnTypeKey: Array
-
-  },
-  data() {
-    return {
-      // 异常录入数据
-      abnormal:{
-        // 商品类型
-        abnSkuType:'',
-        // 异常类型
-        abnType:'',
-        // 异常子类型
-        abnSubType:'',
-        // 异常量
-        abnQty:'',
-        // 异常库位
-        abnLocationCode:'',
-        // 异常托盘
-        abnLpn:'',
-        // 备注
-        abnRemark:'',
-        // 图片
-        abnImgArr:[],
-      },
-
-      // 异常输入框获取焦点
-      abnormalFocus:{
-        qty: false,
-        local: false,
-        lpn: false,
-        remark: false,
-      },
-
-      // 异常类型的选择框数据
-      abnTypeList: [],
-
-      // 异常子类型选择框
-      subTypeList:[]
-    }
-  },
-  mounted() {
-    const abnTypeList = this.$lwDict.get('abnormal_type_choice')
-
-    if (this.abnTypeKey && Array.isArray(this.abnTypeKey)){
-      this.abnTypeList = abnTypeList.filter(item=>{
-        return this.abnTypeKey.includes(item.value)
-      })
-    }else {
-      this.abnTypeList = abnTypeList
-    }
-  },
-  methods: {
-    // 异常类型确认
-    typeConfirm({value}){
-      // 判断异常类型是否变化，变化了就要改子类型的值
-      if (!value || value !== this.abnormal.abnSubType.split('_')[0]){
-        this.abnormal.abnSubType = ''
-        const subType = this.$lwDict.get('abnormal_sub_type_choice')
-        this.subTypeList = subType.filter(item=>item.value.split('_')[0] === value)
-      }
-    },
-    // 清除异常类型
-    typeClear(){
-      this.abnormal.abnSubType = ''
-      this.subTypeList = []
-    },
-
-    // 异常量确认
-    abnQtyConfirm(){
-      if (this.abnQtyCheck()){
-        this.abnormalFocus.local = true
-      }
-    },
-    // 异常量校验
-    abnQtyCheck(){
-      const num = Number(this.abnormal.abnQty || 0)
-      if (!num){
-        this.abnormalFocus.qty = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.skuNull','异常量不能为空，且应当是大于0的整数')
-        )
-        this.abnormal.abnQty = ''
-        return false
-      }
-
-      // 异常类型为:单据异常(ORDER)、数量多件(QTY_MORE)，没有传入待处理量的均不校验数量
-      if (
-        this.abnormal.abnType !== 'ORDER' &&
-        this.abnormal.abnSubType !== 'QTY_MORE' &&
-        this.qty &&
-        num > this.qty
-      ){
-        this.abnormalFocus.qty = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.skuMore','异常量不能大于待处理量')
-        )
-        this.abnormal.abnQty = ''
-        return false
-      }
-
-      return true
-    },
-
-    // 异常库位确认
-    abnLocalConfirm(){
-      if(this.abnLocalCheck()){
-        this.abnormalFocus.lpn = true
-      }
-    },
-    // 异常库位校验
-    abnLocalCheck(){
-      if (!this.abnormal.abnLocationCode){
-        this.abnormalFocus.local = true
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.localNull','异常库位不能为空')
-        )
-        return false
-      }
-
-      return true
-    },
-
-    // 必填校验
-    requiredCheck(){
-      if (!this.abnormal.abnSkuType){
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.skuTypeNull','货品类型不能为空')
-        )
-        return false
-      }
-
-      if (!this.abnormal.abnType){
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.abnTypeNull','异常类型不能为空')
-        )
-        return false
-      }
-
-      if (!this.abnormal.abnSubType){
-        this.$lwShowErrorMsg(
-          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.subTypeNull','异常子类型不能为空')
-        )
-        return false
-      }
-
-      if (!this.abnQtyCheck())return
-
-      if (!this.abnLocalCheck()) return
-
-      return true
-    },
-    // 获取填写的异常数据
-    getAbnormalData(){
-      if (this.requiredCheck()){
-        return {
-          success: true,
-          data: {
-            ...this.abnormal,
-            abnImg: this.abnormal.abnImgArr.join('|')
-          }
-        }
-      }
-
-      return {
-        success: false,
-        data: {}
-      }
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-</style>
+<!--
+  在库异常模块
+  @author: 张文
+  @date: 2022-05-11
+-->
+<template>
+  <div>
+
+    <!-- 商品 -->
+    <div
+      class="lw-global-row lw-global-flex-between"
+      style="align-items: flex-start"
+    >
+      <div
+        class="lw-global-title"
+        style="flex-shrink: 0;margin-right: 10px"
+      >
+        {{ $lwLanguage.get('wms_project.pda.module.inboundAbn.sku','商品') }}
+      </div>
+      <div style="flex: 1;text-align: right">
+        <div class="lw-global-value-bold">{{ skuCode || '-' }}</div>
+        <div class="lw-global-title">{{ skuName || '-' }}</div>
+      </div>
+    </div>
+
+    <!-- 待处理量 -->
+    <div class="lw-global-row lw-global-flex-between">
+      <div class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.module.inboundAbn.wait','待处理量') }}
+      </div>
+
+      <div class="lw-global-value-bold" style="color: #D50000">{{ qty }}</div>
+    </div>
+
+    <!-- 库位 -->
+    <div class="lw-global-row lw-global-flex-between">
+      <div class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.module.inboundAbn.local','库位') }}
+      </div>
+
+      <div class="lw-global-value-bold">{{ location || '-' }}</div>
+    </div>
+
+    <!-- 所属类型 -->
+    <div class="lw-global-row lw-global-flex-between">
+      <div class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.module.inboundAbn.type','所属类型') }}
+      </div>
+
+      <div class="lw-global-value-bold">{{ type || '-' }}</div>
+    </div>
+
+    <!-- 作业环节 -->
+    <div class="lw-global-row lw-global-flex-between">
+      <div class="lw-global-title">
+        {{ $lwLanguage.get('wms_project.pda.module.inboundAbn.abType','作业环节') }}
+      </div>
+
+      <div class="lw-global-value-bold">{{ abType || '-' }}</div>
+    </div>
+
+    <!-- 提供的插槽 -->
+    <slot name="projectItem"/>
+
+    <!-- 货品类型 -->
+    <lw-cell-popup-radio
+      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.skuType','货品类型')"
+      v-model="abnormal.abnSkuType"
+      required
+      dict-key="abnormal_sku_type_choice"
+    />
+
+    <!-- 异常类型 -->
+    <lw-cell-popup-radio
+      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.abnType','异常类型')"
+      v-model="abnormal.abnType"
+      required
+      :columns="abnTypeList"
+      @confirm="typeConfirm"
+      @clear="typeClear"
+    />
+
+    <!-- 异常子类型 -->
+    <lw-cell-popup-radio
+      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.subType','异常子类型')"
+      v-model="abnormal.abnSubType"
+      required
+      :columns="subTypeList"
+    />
+
+    <!-- 异常量 -->
+    <lw-input
+      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.abnQty','异常量')"
+      v-model="abnormal.abnQty"
+      :get-focus.sync="abnormalFocus.qty"
+      type="digit"
+      input-align="right"
+      required
+      @confirm="abnQtyConfirm"
+    />
+
+    <!-- 异常库位 -->
+    <lw-input
+      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.abn','异常库位')"
+      v-model="abnormal.abnLocationCode"
+      :get-focus.sync="abnormalFocus.local"
+      input-align="right"
+      required
+      rule-prefix="innerAbn"
+      rule-key="location"
+      @confirm="abnLocalConfirm"
+    />
+
+    <!-- 托盘号 -->
+    <lw-input
+      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.lpn','托盘号')"
+      v-model="abnormal.abnLpn"
+      :get-focus.sync="abnormalFocus.lpn"
+      input-align="right"
+      rule-prefix="innerAbn"
+      rule-key="lpn"
+      :required="requireLpn"
+      @confirm="abnormalFocus.remark=true"
+    />
+
+    <!-- 备注 -->
+    <lw-input
+      :title="$lwLanguage.get('wms_project.pda.module.inboundAbn.remark','备注')"
+      v-model="abnormal.abnRemark"
+      :get-focus.sync="abnormalFocus.remark"
+      type="textarea"
+      input-align="right"
+      :rows="4"
+    />
+
+    <!-- 图片 -->
+    <div class="lw-global-title" style="padding: 8px 0">
+      {{ $lwLanguage.get('wms_project.pda.module.inboundAbn.img','图片') }}
+    </div>
+    <lw-img-upload v-model="abnormal.abnImgArr"/>
+
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwInnerAbnormalModule",
+  props:{
+    // 零件号
+    skuCode: String,
+
+    // 零件名称
+    skuName: String,
+
+    // 待处理量
+    qty:{
+      type: Number,
+      default: 0
+    },
+
+    // 库位
+    location: String,
+
+    // 所属类型
+    type: String,
+
+    // 作业环节
+    abType: String,
+
+    // 异常类型可选key
+    abnTypeKey: Array,
+
+    // 是否必须填写LPN
+    requireLpn: {
+      type: Boolean,
+      default: false,
+    },
+
+  },
+  data() {
+    return {
+      // 异常录入数据
+      abnormal:{
+        // 商品类型
+        abnSkuType:'',
+        // 异常类型
+        abnType:'',
+        // 异常子类型
+        abnSubType:'',
+        // 异常量
+        abnQty:'',
+        // 异常库位
+        abnLocationCode:'',
+        // 异常托盘
+        abnLpn:'',
+        // 备注
+        abnRemark:'',
+        // 图片
+        abnImgArr:[],
+      },
+
+      // 异常输入框获取焦点
+      abnormalFocus:{
+        qty: false,
+        local: false,
+        lpn: false,
+        remark: false,
+      },
+
+      // 异常类型的选择框数据
+      abnTypeList: [],
+
+      // 异常子类型选择框
+      subTypeList:[]
+    }
+  },
+  mounted() {
+    const abnTypeList = this.$lwDict.get('abnormal_type_choice')
+
+    if (this.abnTypeKey && Array.isArray(this.abnTypeKey)){
+      this.abnTypeList = abnTypeList.filter(item=>{
+        return this.abnTypeKey.includes(item.value)
+      })
+    }else {
+      this.abnTypeList = abnTypeList
+    }
+  },
+  methods: {
+    // 异常类型确认
+    typeConfirm({value}){
+      // 判断异常类型是否变化，变化了就要改子类型的值
+      if (!value || value !== this.abnormal.abnSubType.split('_')[0]){
+        this.abnormal.abnSubType = ''
+        const subType = this.$lwDict.get('abnormal_sub_type_choice')
+        this.subTypeList = subType.filter(item=>item.value.split('_')[0] === value)
+      }
+    },
+    // 清除异常类型
+    typeClear(){
+      this.abnormal.abnSubType = ''
+      this.subTypeList = []
+    },
+
+    // 异常量确认
+    abnQtyConfirm(){
+      if (this.abnQtyCheck()){
+        this.abnormalFocus.local = true
+      }
+    },
+    // 异常量校验
+    abnQtyCheck(){
+      const num = Number(this.abnormal.abnQty || 0)
+      if (!num){
+        this.abnormalFocus.qty = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.skuNull','异常量不能为空，且应当是大于0的整数')
+        )
+        this.abnormal.abnQty = ''
+        return false
+      }
+
+      // 异常类型为:单据异常(ORDER)、数量多件(QTY_MORE)，没有传入待处理量的均不校验数量
+      if (
+        this.abnormal.abnType !== 'ORDER' &&
+        this.abnormal.abnSubType !== 'QTY_MORE' &&
+        this.qty &&
+        num > this.qty
+      ){
+        this.abnormalFocus.qty = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.skuMore','异常量不能大于待处理量')
+        )
+        this.abnormal.abnQty = ''
+        return false
+      }
+
+      return true
+    },
+
+    // 异常库位确认
+    abnLocalConfirm(){
+      if(this.abnLocalCheck()){
+        this.abnormalFocus.lpn = true
+      }
+    },
+    // 异常库位校验
+    abnLocalCheck(){
+      if (!this.abnormal.abnLocationCode){
+        this.abnormalFocus.local = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.localNull','异常库位不能为空')
+        )
+        return false
+      }
+
+      return true
+    },
+    // 异常LPN校验
+    abnLpnCheck(){
+      if (this.requireLpn && !this.abnormal.abnLpn){
+        this.abnormalFocus.lpn = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.lpnNull','异常托盘号不能为空')
+        )
+        return false
+      }
+      return true
+    },
+
+    // 必填校验
+    requiredCheck(){
+      if (!this.abnormal.abnSkuType){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.skuTypeNull','货品类型不能为空')
+        )
+        return false
+      }
+
+      if (!this.abnormal.abnType){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.abnTypeNull','异常类型不能为空')
+        )
+        return false
+      }
+
+      if (!this.abnormal.abnSubType){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('wms_project.pda.module.inboundAbn.subTypeNull','异常子类型不能为空')
+        )
+        return false
+      }
+
+      if (!this.abnQtyCheck())return
+
+      if (!this.abnLocalCheck()) return
+
+      if (!this.abnLpnCheck()) return
+
+      return true
+    },
+    // 获取填写的异常数据
+    getAbnormalData(){
+      if (this.requiredCheck()){
+        return {
+          success: true,
+          data: {
+            ...this.abnormal,
+            abnImg: this.abnormal.abnImgArr.join('|')
+          }
+        }
+      }
+
+      return {
+        success: false,
+        data: {}
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>