@logwire/logwire-wms-pda-ui 3.5.0 → 3.5.2

package/src/views/wms/module/GetQtyByType/index.vue

@@ -5,19 +5,23 @@
 -->
 <template>
   <div>
-
+    <!-- 只有一个基础包装时 -->
     <lw-input
-      v-if="onlyForEa.yes"
+      v-if="onlyForEa.yes && !excludePack.includes('EA')"
       :title="title || $lwLanguage.get('', '数量')"
       v-model="onlyForEa.qty"
       :get-focus.sync="onlyForEa.focus"
-      type="digit"
+      type="number"
       :show-bottom-border="showBottomBorder"
       required
       @confirm="uomConfirm()"
+      @input="onlyEaInput"
     >
-      <template #button>
-        <slot name="button"></slot>
+      <template
+        v-for="(_,name) in $slots"
+        #[name]
+      >
+        <slot :name="name"></slot>
       </template>
     </lw-input>
 
@@ -28,6 +32,7 @@
         v-model="type"
         :columns="typeList"
         :is-edit="false"
+        :disabled="disabled"
         @confirm="typeConfirm"
       />
 
@@ -35,30 +40,37 @@
         style="flex-wrap: wrap"
         class="lw-global-flex-between"
       >
-        <lw-input
-          style="flex: 1;min-width: 25%"
-          v-for="(i,k) in uomList"
-          :key="k"
-          :title="i.uomName"
-          v-model="i._value"
-          :get-focus="i._focus"
-          :show-scan-icon="false"
-          :placeholder="$lwLanguage.get('', '输入') + i.uomName + $lwLanguage.get('', '数')"
-          type="digit"
-          @confirm="uomConfirm(k)"
-        />
+        <template v-for="(i,k) in uomList">
+
+          <lw-input
+            v-if="!excludePack.includes(i.uomValue)"
+            style="flex: 1;min-width: 25%"
+            :key="k"
+            :title="i.uomName"
+            v-model="i._value"
+            :get-focus.sync="i._focus"
+            :show-scan-icon="false"
+            :placeholder="$lwLanguage.get('', '输入') + i.uomName + $lwLanguage.get('', '数')"
+            :type="i.uomValue==='EA'?'number':'digit'"
+            :disabled="disabled"
+            @confirm="uomConfirm(k)"
+          />
+        </template>
       </div>
 
       <lw-input
         :title="title || $lwLanguage.get('', '数量')"
         v-model="qty"
         disabled
-        type="digit"
+        type="number"
         :show-bottom-border="showBottomBorder"
         required
       >
-        <template #button>
-          <slot name="button"></slot>
+        <template
+          v-for="(_,name) in $slots"
+          #[name]
+        >
+          <slot :name="name"></slot>
         </template>
       </lw-input>
 
@@ -127,6 +139,20 @@ export default {
       type: Object,
       default: () => {
       }
+    },
+    // 是否禁用输入框
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+
+    /*
+    * 需要排除的单位类型 - 指当选中某一包装单位后，需要排除的项。例：选中托箱EA，排除托，则只显示箱、EA
+    * 取值：PL，CS，IP，EA
+    * */
+    excludePack: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -145,6 +171,22 @@ export default {
         ]
       },
 
+      // 包装数据是否加载完成
+      packDataRendered: false,
+      // 在包装加载完成前
+      packRenderBefore: {
+        // 是否调用了设置数量的方法
+        setQty: {
+          is: false,
+          setQty: 0
+        },
+        // 是否调用了设置焦点的方法
+        setFocus: {
+          is: false,
+          setQty: 0
+        },
+      },
+
       // 是否只有 EA
       onlyForEa: {
         yes: false,
@@ -166,12 +208,24 @@ export default {
       return this.uomList.reduce((pre, cur) => pre + (Number(cur._value || 0) * Number(cur.baseQty || 1)), 0)
     }
   },
+  watch: {
+    qty: {
+      handler(val) {
+        this.inputEmit(val)
+      }
+    }
+  },
   mounted() {
     this.autoInit && this.init(this.initQty, this.initFocus)
   },
   methods: {
-    // 暴露给外部使用 - 初始化，qty->需要回显的数量，focus->是否获取焦点
+    /**
+     * 初始化
+     * @param {Number,String} qty 需要回显的数量，如果在初始化完成前调用设置数量方法，将覆盖初始化传入的值
+     * @param {Boolean} focus 是否获取焦点
+     * */
     init(qty, focus) {
+      this.packDataRendered = false
       this.$lwApi.common.skuUomSpecList({
         ownerId: this.ownerId,
         skuId: this.skuId,
@@ -180,6 +234,7 @@ export default {
         uomList: this.uomTypeList,
         args: this.args,
       }).then(res => {
+        this.packDataRendered = true
         this.baseUom = this.$lwDeepCopy(res)
 
         this.onlyForEa.yes = res.onlyForEa
@@ -206,20 +261,39 @@ export default {
           this.uomList = item.uomList
         }
 
-        this.setQty(qty)
+        // 如果初始化完成前调用了设置数量的方法，将优先使用设置方法的数量
+        const {is, setQty} = this.packRenderBefore.setQty
+        this.setQty(is ? setQty : qty)
 
         this.$nextTick(() => {
+
+          // 如果初始化完成前调用了设置焦点的方法，将忽略参数focus
+          const {is, index} = this.packRenderBefore.setFocus
+          if (is) {
+            this.getFocus(index)
+            return
+          }
           focus && this.getFocus()
         })
       })
     },
 
-    // 暴露给外部使用 - 获取最终数量
+    /**
+     * 获取EA数量
+     * @return {Number} 录入的EA数
+     * */
     getQty() {
       return this.onlyForEa.yes ? Number(this.onlyForEa.qty || 0) : this.qty
     },
 
-    // 暴露给外部使用 - 获取填写的数量
+    /**
+     * 获取填写的数量
+     * @return {Object} {
+     *   arr: 录入的数据列表，包含录入的数量、单位、单位名称、相对于ea的数量,
+     *   eaQty: 转换为EA的数量,
+     *   qtyLabel: 根据录入信息转换成文字 ---> xx托xx箱
+     * }
+     * */
     getInputData() {
 
       const obj = {
@@ -244,26 +318,24 @@ export default {
       } else {
 
         this.uomList.forEach(i => {
+          const qty = Number(i._value || 0)
           obj.all.push({
-            qty: Number(i._value || 0),
+            qty,
             uom: i.uomValue,
             uomLabel: i.uomName,
             baseQty: i.baseQty,
           })
-        })
-
-        obj.all.forEach(item => {
-          if (item.qty) {
-            obj.qtyLabel += item.qty + item.uomLabel
-          }
+          qty ? obj.qtyLabel += qty + i.uomName : ''
         })
       }
 
-
       return obj
     },
 
-    // 暴露给外部使用 - 用于清空输入
+
+    /**
+     * 清空输入
+     * */
     clearInput() {
       this.onlyForEa.qty = ''
       this.uomList.forEach(i => {
@@ -271,35 +343,59 @@ export default {
       })
     },
 
-    // 暴露给外部可用 - 数据回显计算，qty-数量
-    setQty(qty) {
 
+    /**
+     * 回显数据 - 传入EA数，自动计算出符合条件的其他包装数据
+     * @param {Number} qty 需要回显的EA数
+     * */
+    setQty(qty) {
       let numQty = qty || this.qty
 
+      // 判断当前包装信息是否加载完成
+      if (!this.packDataRendered) {
+        this.packRenderBefore.setQty.is = true
+        this.packRenderBefore.setQty.setQty = numQty
+        return;
+      }
+
+
       if (this.onlyForEa.yes) {
         this.onlyForEa.qty = Number(numQty || 0) === 0 ? '' : numQty.toString()
         return
       }
 
-      // 解决设置数量先于初始化完成时，导致的数量回显错误的问题
-      if (!this.uomList.length) {
-        this.uomList = this.$lwDeepCopy(this.baseData.uomList)
-      }
 
+      const format = val => val === 0 ? '' : val.toString()
       for (let i = 0; i < this.uomList.length; i++) {
 
         const uomItem = this.uomList[i]
-        const num = Math.floor(numQty / uomItem.baseQty)
+        if (this.excludePack.includes(uomItem.uomValue)) continue
 
-        uomItem._value = num === 0 ? '' : num.toString()
+        const num = Math.floor(numQty / uomItem.baseQty)
+        if (uomItem.uomValue === 'EA') {
+          uomItem._value = format(numQty)
+        } else {
+          uomItem._value = format(num)
+        }
         numQty %= uomItem.baseQty
       }
 
     },
 
-    // 暴露给外部使用 - 让第一个输入框获取焦点，index为输入框的索引，默认第一个
+
+    /**
+     * 获取焦点 - 传入输入框索引（从0开始），根据索引获取指定输入框的焦点。
+     * @param {Number} index 需要获取焦点的输入框索引，默认让第一个输入框获取焦点
+     * */
     getFocus(index = 0) {
 
+      // 判断当前包装信息是否加载完成
+      if (!this.packDataRendered) {
+        this.packRenderBefore.setFocus.is = true
+        this.packRenderBefore.setFocus.index = index
+        return;
+      }
+
       if (this.onlyForEa.yes) {
         this.onlyForEa.focus = true
         return
@@ -307,61 +403,167 @@ export default {
 
       // 如果需要获取焦点的输入框不存在，则获取第一个
       const item = this.uomList[index] || this.uomList[0]
+
+      // 如果获取焦点的是排除项，则去获取下一个，直到获取不到为止
+      if (this.excludePack.includes(item.uomValue) && this.uomList.length > (index + 1)) {
+        this.getFocus(index + 1)
+        return
+      }
+
       item._focus = true
     },
 
-    // 暴露给外部使用 - 获取原始的包装信息列表
+
+    /**
+     * 获取原始的包装信息列表
+     * @return {Object}
+     * */
     getBaseUom() {
       return this.$lwDeepCopy(this.baseUom)
     },
 
-    // 暴露给外部使用 - 根据包装信息将ea数量转换为箱数量，如果没有箱则返回ea包装信息
+    /**
+     * 检查是否有指定的包装单位
+     * @param {Array} uomList 需要检查的数据
+     * @param {String} type 需要检查数据包含的类型
+     * @return {Object} {
+        has:是否找到对应的类型,
+        uom:包装类型为type包装信息
+     }
+     * */
+    checkHasUom(uomList, type) {
+      for (const item of uomList) {
+        if (item.uomValue === type) {
+          return {
+            has: true,
+            uom: item
+          }
+        }
+      }
+      return {
+        has: false,
+        uom: {}
+      }
+    },
+
+
+    /**
+     * 从原始数据，获取指定的包装类型
+     * @param {String} type 需要检查数据包含的类型
+     * @return {Object} {
+        has:是否找到对应的类型,
+        uom:包装类型为type包装信息,
+        uomList:当前符合条件包装的完整信息
+     }
+     * */
+    checkBaseUomHas(type) {
+      for (const item of this.baseUom.specList) {
+        const {has, uom} = this.checkHasUom(item.uomList, type)
+        if (has) {
+          return {
+            has,
+            uom,
+            uomList: item.uomList
+          }
+        }
+      }
+      return {
+        has: false,
+        uom: {},
+        uomList: []
+      }
+    },
+
+    /**
+     * 根据包装信息将ea数量转换为箱数量
+     * @param eaQty {Number,String} 需要转换的ea数量
+     * @return {Object} {
+        hasCase:是否有箱包装,
+        caseQty:箱数量,
+        caseLabel:箱单位名称,
+        eaQty:ea数量,
+        eaLabel:ea单位名称,
+        label:完整的显示 - xx箱xxEA(xxx),
+        caseEaLabel:只显示箱和EA - xx箱xxEA
+     }
+     *
+     * */
     eaToCase(eaQty) {
+      // 转换为数字
       let qty = Number(eaQty || 0)
       qty = isNaN(qty) ? 0 : qty
+
+      // 获取枚举的EA名称
       const skuPackUomType = this.$lwDict.get('SkuPackUomType') || []
       const eaLabel = skuPackUomType.find(i => i.value === 'EA').label
+
+      // 返回的数据主体
       const uomInfo = {
-        onlyForEa: false,
+        onlyForEa: this.baseUom.onlyForEa,
         hasCase: false,
         eaQty: qty,
         eaLabel,
         caseQty: 0,
         caseLabel: '',
-        label: qty + eaLabel
+        label: '',
+        qty
       }
-      if (this.baseUom.onlyForEa) {
-        uomInfo.onlyForEa = true
+      // 是否只有EA包装
+      if (uomInfo.onlyForEa) {
+        const {uom} = this.checkBaseUomHas('EA')
+        uomInfo.label = qty + (uom.uomName || eaLabel)
         return uomInfo
       }
 
-      // 排在第一个且有箱包装的包装信息
-      let hasCaseUom = null
-      for (const item of this.baseUom.specList) {
-        let hasCase = false
-        for (const uom of item.uomList) {
-          if (uom.uomValue === 'CS') {
-            hasCaseUom = item
-            hasCase = true
-            break
-          }
+      // 找有箱包装的包装信息，先找当前选中的这一项，没有就全部包装找
+      const hasCaseUom = {
+        uomList: this.checkHasUom(this.uomList, 'CS').has ?
+          this.uomList :
+          this.checkBaseUomHas('CS').uomList,
+        uomObj: {},
+      }
+
+      // 没有找到箱包装信息，就按照EA返回
+      if (!hasCaseUom.uomList.length) {
+        // 获取当前商品包装的EA单位
+        let firstEaUomLabel = null
+
+        // 检查当前选中项目中是否有EA，先找当前选中的这一项，没有就全部保证找
+        const {has, uom} = this.checkHasUom(this.uomList, 'EA')
+        if (has) {
+          firstEaUomLabel = uom.uomName
+        } else {
+          const {has, uom} = this.checkBaseUomHas('EA')
+          firstEaUomLabel = has ? uom.uomName : null
         }
-        if (hasCase) break
+
+        uomInfo.label = qty + (firstEaUomLabel || eaLabel)
+        return uomInfo
       }
 
-      if (hasCaseUom === null) return uomInfo
 
-      hasCaseUom.uomObj = {}
+      // 转换为对象，方便取值
       for (const item of hasCaseUom.uomList) {
         hasCaseUom.uomObj[item.uomValue] = item
       }
+
+      // 计算箱数量及名称
       uomInfo.hasCase = true
       uomInfo.caseQty = Math.floor(qty / hasCaseUom.uomObj.CS.baseQty)
       uomInfo.caseLabel = hasCaseUom.uomObj.CS.uomName
+
+
+      // 计算EA数量及名称
       uomInfo.eaQty = qty % hasCaseUom.uomObj.CS.baseQty
       uomInfo.eaLabel = hasCaseUom.uomObj.EA.uomName
-      uomInfo.label = uomInfo.caseQty ? uomInfo.caseQty + uomInfo.caseLabel : ''
-      uomInfo.label += uomInfo.eaQty ? uomInfo.eaQty + uomInfo.eaLabel : ''
+
+
+      // 组装显示数据
+      uomInfo.caseEaLabel = uomInfo.caseQty ? uomInfo.caseQty + uomInfo.caseLabel : ''
+      uomInfo.caseEaLabel += uomInfo.eaQty ? uomInfo.eaQty + uomInfo.eaLabel : ''
+      uomInfo.label = qty ? `${uomInfo.caseEaLabel}(${qty})` : 0
+
+
       return uomInfo
     },
 
@@ -381,15 +583,25 @@ export default {
     },
 
     // 数量确认
-    uomConfirm(index) {
+    uomConfirm(index, needConfirm = false) {
 
 
-      if (this.onlyForEa.yes || index === this.uomList.length - 1) {
+      if (needConfirm || this.onlyForEa.yes || index === this.uomList.length - 1) {
         this.$emit('confirm', this.getQty())
         return
       }
 
       this.getFocus(index + 1)
+    },
+
+    // 只有EA数量时候输入框输入事件
+    onlyEaInput(v) {
+      this.inputEmit(Number(v || 0))
+    },
+
+    // 输入框输入事件
+    inputEmit(val) {
+      this.$emit('input', val, this.eaToCase(val))
     }
   }
 }

package/src/views/wms/module/InnerAbnormal/index.vue

@@ -50,6 +50,7 @@
       :require-lpn="requireLpn"
       :owner-id="ownerId"
       :sku-id="skuId"
+      :current-loc-code="location"
     />
 
 
@@ -135,18 +136,18 @@ export default {
 
       if (this.printData.printId) return true
 
-      const {printData, success} = this.$lwPrint.test(
-        'ABNORMAL_RECORD_LABEL',
-        this.$lwLanguage.get('wms_project.pda.components.module.InnerAbnormal.index.tiotjfak', '异常标识卡'),
-        needCheck
-      )
+      const {printData, success} = this.$lwPrint.test({
+        templateCode: 'ABNORMAL_RECORD_LABEL',
+        msg: this.$lwLanguage.get('wms_project.pda.components.module.InnerAbnormal.index.tiotjfak', '异常标识卡'),
+        msgType: needCheck ? 'HARD' : ''
+      })
       this.printData = printData
       return success
     },
 
     // 调用打印服务
     printLabel() {
-      if (!this.checkPrint(true)) return
+      if (!this.checkPrint()) return
 
       this.$lwPrint.bluetoothPrint({
         templateCode: 'ABNORMAL_RECORD_LABEL',

package/src/views/wms/module/Lot/index.vue

@@ -4,7 +4,7 @@
   @date: 2022-03-31
 -->
 <template>
-  <div>
+  <div :class="{'lw_lot_box':!endRow}">
     <template v-for="(i,k) in list">
       <component
         v-if="i.displayable"
@@ -12,8 +12,6 @@
         :is="i.component"
         v-model="i.value"
         v-bind="i"
-        :show-bottom-border="showEndRow(k)"
-        :border="showEndRow(k)"
       />
     </template>
 
@@ -46,6 +44,14 @@ export default {
     endRow: {
       type: Boolean,
       default: true
+    },
+
+    // 初始化的值
+    initValue: {
+      type: Object,
+      default: () => {
+        return {}
+      }
     }
   },
   data() {
@@ -80,7 +86,8 @@ export default {
             component: 'lw-cell-popup-radio',
             value: item.default,
             disabled: !item.enabled,
-            dictKey: item.category
+            dictKey: item.category,
+            columns: item.choicesJson && JSON.parse(item.choicesJson),
           }
         },
         'lw-date': (item) => {
@@ -117,6 +124,32 @@ export default {
             }
           }
         },
+        'lw-auto': (item) => {
+          return {
+            ...item,
+            component: 'lw-search-select-popup-module',
+            api: param => {
+              return this.$lwAxios.action({
+                url: item.action,
+                data: {
+                  ...param,
+                  handler: item.handler,
+                  value: param.keyword,
+                  label: param.keyword,
+                  lotAttributeMap: this.getData(false, null, false).data,
+                  ...JSON.parse(item.actionArgJson || '{}')
+                }
+              })
+            },
+            value: item.default,
+            disabled: !item.enabled,
+            inputAlign: 'right',
+            labelKey: ['value', 'label'],
+            valueKey: 'value',
+            initDefault: item.defaultLabel,
+            ref: Date.now().toString()
+          }
+        },
       },
       // 时间格式
       dateFormatList: {
@@ -133,11 +166,6 @@ export default {
     this.getLotData()
   },
   methods: {
-    // 是否显示下划线
-    showEndRow(index) {
-      if ((index + 1) !== this.list.length) return true
-      return this.endRow
-    },
     // 请求数据
     async getLotData() {
 
@@ -172,6 +200,7 @@ export default {
         i.attributes.required = i.attributes.enabled && i.attributes.required && this.mustRequired
 
         i.attributes.title = i.attributes.title || ''
+        i.attributes.default = this.initValue[i.attributes.name] || i.attributes.default
         const key = i.use || 'lw-text'
         this.list.push(this.map[key](i.attributes))
       }
@@ -179,12 +208,13 @@ export default {
       this.$nextTick(() => this.$emit('loaded'))
     },
 
-    // 获取数据
-    getData(showError = true, message) {
+    // 暴露给外部使用 - 获取数据，showError-是否显示错误弹框，message-错误弹框的内容，needCheck-是否强制校验必填
+    getData(showError = true, message, needCheck = true) {
       let obj = {}
       for (let item of this.list) {
         // 校验必填项，是否已经填写
         if (
+          needCheck &&
           this.mustRequired &&
           item.displayable &&
           !item.disabled &&
@@ -208,6 +238,18 @@ export default {
       }
     },
 
+    // 暴露给外部使用 - 清空录入的内容
+    clearInput() {
+      this.list.forEach(item => {
+        if (item.displayable && !item.disabled) {
+          item.value = ''
+          if (item.component === 'lw-search-select-popup-module') {
+            this.$refs[item.ref].inputClear(false)
+          }
+        }
+      })
+    },
+
     // 时间格式化
     dateFormat(item) {
       if (!item.default) return ''
@@ -220,5 +262,13 @@ export default {
 </script>
 
 <style scoped lang="less">
+.lw_lot_box {
+  & > div:last-child {
+    border-width: 0;
 
+    /deep/ div {
+      border-width: 0;
+    }
+  }
+}
 </style>