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

package/src/assets/css//345/205/250/345/261/200/346/240/267/345/274/217.md

@@ -1,31 +1 @@
-# 样式说明
-
-### 介绍
-放置在此处的样式均使用和组件命名规则相同的方式命名。
-
-其中 `index.less` 为所有样式的出口文件，
-
-`var.less` 为样式变量的储存文件，在每一个组件样式中都应当引入 `var.less` 以确保组件样式的可定制化。
-
-`global.less` 为库提供的可供项目和组件使用的公共样式
-
-
-### global.less
-| class 名          | 用途     | 效果   |可供修改的样式变量     | 其他      |
-| -------------    | -------- | --------   | ----------          | --------- |
-| lw-global-page-box | 单页根节点样式 | 提供`padding=10px` | -   |-         | 
-| lw-global-flex-start | `flex` 布局  | 水平居左，垂直居中 | -   | -  | 
-| lw-global-flex-start-start | `flex` 布局  | 水平居左，顶对齐 | -   | -  | 
-| lw-global-flex-center | `flex` 布局  | 水平垂直居中 | -   | -  | 
-| lw-global-flex-between | `flex` 布局  | 两端对齐，垂直居中 | -   | -  | 
-| lw-global-flex-around | `flex` 布局  | 两端分散对齐（两端距离占空距离的一半），垂直居中 | -   | -  | 
-| lw-global-flex-evenly | `flex` 布局  | 两端分散对齐（两端距离和空距离一样宽度），垂直居中 | -   | -  | 
-| lw-global-bottom-border | 底部线条  | 底部实现 | `@borderColor`   | -  | 
-| lw-global-required | 显示必填星号  | 元素前显示红色星号 | -   | -  | 
-| lw-global-row | 提供上下左右padding  | - | `@rowTopPadding` `@rowLeftPadding`   | -  | 
-| lw-global-click-style | 点击反馈  | - | -  | -  | 
-| lw-global-tab-box | tabs标签样式  | - | `@baseColor-激活背景色` `@tabsActiveColor-当前激活字体颜色`  | 使用方法 `<div class="lw-global-tab-box"><van-tabs type="card"></van-tabs></div>` | 
-| lw-global-model-box | 模块  | 提供圆角和背景白色 | - |- | 
-| lw-global-animation-out | 进入动画  | - | - |- | 
-| lw-global-title | 描述信息的标题  | - | `@titleColor` |- | 
-| lw-global-value | 描述信息的内容  | - | `@fontColor` |- | 
+# 全局样式[查看文档](https://www.yuque.com/docs/share/d27e0130-e168-4415-8463-bff68f2000ec)

package/src/components/module/AbnormalInput/index.js

@@ -0,0 +1,11 @@
+/*
+* 异常输入模块
+* @author: 张文
+* @date  2022-08-11
+* */
+
+import lwAbnormalInputModule from "./index.vue";
+
+lwAbnormalInputModule.install = Vue => Vue.component(lwAbnormalInputModule.name, lwAbnormalInputModule)
+
+export default lwAbnormalInputModule

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

@@ -0,0 +1,322 @@
+<!--
+  异常输入模块
+  @author: 张文
+  @date: 2022-08-11
+-->
+<template>
+  <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: "lwAbnormalInputModule",
+  props:{
+    // 待处理量
+    qty:{
+      type: Number,
+      default: 0
+    },
+
+    // 所属类型
+    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
+    },
+    // 获取填写的异常数据
+    getAbnormalInputData(){
+      if (this.requiredCheck()){
+        return {
+          success: true,
+          data: {
+            ...this.abnormal,
+            abnImg: this.abnormal.abnImgArr.join('|')
+          }
+        }
+      }
+
+      return {
+        success: false,
+        data: {}
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/module/AbnormalInput//345/274/202/345/270/270/350/276/223/345/205/245/346/250/241/345/235/227.md

@@ -0,0 +1 @@
+# 异常输入模块[查看文档](https://www.yuque.com/docs/share/b9458d2b-9a9b-402b-adf8-062b0a8019f9)

package/src/components/module/BoxInfo/index.js

@@ -0,0 +1,10 @@
+/*
+* 箱信息
+*
+* */
+
+import lwBoxInfoModule from "./index.vue";
+
+lwBoxInfoModule.install = Vue => Vue.component(lwBoxInfoModule.name, lwBoxInfoModule)
+
+export default lwBoxInfoModule

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

@@ -0,0 +1,69 @@
+<!--
+  显示箱号、客户及数量的组件
+-->
+<template>
+  <div>
+    <div class="lw-global-flex-start-start lw-global-row-start"
+    >
+      <div style="flex: 1">
+        <span class="lw-global-title">{{ $lwLanguage.get('wms_project.pda.boxInfo.boxNo', '箱号') }}</span>
+        <span class="lw-global-value-bold">{{ boxNo }}</span>
+      </div>
+
+      <div style="flex-shrink: 0">
+        <div
+          style="font-size: 16px"
+          class="lw-global-value-bold-red"
+        >{{ qty }}</div>
+      </div>
+    </div>
+
+    <div class="lw-global-row">
+      <span class="lw-global-title">{{ $lwLanguage.get('wms_project.pda.boxInfo.customerCode', '客户编号') }}</span>
+      <span class="lw-global-value-bold">{{ customerCode }}</span>
+    </div>
+
+    <div class="lw-global-row-end">
+      <span class="lw-global-title">{{ $lwLanguage.get('wms_project.pda.boxInfo.customerName', '客户名称') }}</span>
+      <span class="lw-global-value-bold">{{ customerName }}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "lwBoxInfoModule",
+  props: {
+    // 箱号
+    boxNo: String,
+    // 客户编码
+    customerCode: String,
+    // 客户名称
+    customerName: String,
+    // 商品数量
+    qty: [String, Number],
+    // 是否使用全局行样式
+    isRow: Boolean,
+    // 是否是组的第一行，必须开启行
+    isFirst: Boolean,
+    // 是否是组的最后一行，必须开启行
+    isLast: Boolean,
+    // 数量的描述文字
+    qtyText: String,
+    // 是否显示右边数据栏
+    showRight:{
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -1,5 +1,5 @@
 /*
-* 在库异常魔力
+* 在库异常模块
 * @author: 张文
 * @date  2022-05-11
 * */