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

package/src/assets/css/var.less

@@ -1,117 +1,99 @@
-
-/* 主题色 */
-@baseColor: var(--baseColor, #D50000);
-
-/* 顶部导航栏背景色 */
-@navBarBackgroundColor: var(--navBarBackgroundColor, #ffffff);
-
-/* 底部导航栏背景色 */
-@bottomBarBackgroundColor: var(--bottomBarBackgroundColor, #fff);
-
-/* 页面底色 */
-@pageColor: var(--pageColor, #F0F0F0);
-
-/* 线条颜色 */
-@borderColor: var(--borderColor, #F0F0F0);
-
-/* 文字颜色 */
-@fontColor: var(--fontColor, #262626);
-
-/* 标题文字颜色 */
-@titleColor: var(--titleColor, #8A6C6C);
-
-
-/* ---------- 按钮使用的变量 S ----------*/
-
-  // 方形按钮圆角大小
-  @buttonBorderRadius:4px;
-
-  // 朴素按钮背景颜色
-  @plainButtonBackgroundColor:var(--plainButtonBackgroundColor, #fff);
-
-  // 按钮高度
-  @buttonHeight:30px;
-  // 按钮字体大小
-  @buttonFontSize:14px;
-
-  // mini按钮高度
-  @miniButtonHeight:20px;
-  // mini按钮字体大小
-  @miniButtonFontSize:12px;
-
-  // 主要按钮背景颜色
-  @mainButtonBackgroundColor: var(--mainButtonBackgroundColor, linear-gradient(90deg, #FF8E8F 0%, #C5000A 100%));
-  // 主要按钮字体颜色
-  @mainButtonFontColor: var(--mainButtonFontColor, #fff);
-
-  // 正常按钮背景颜色
-  @normalButtonBackgroundColor: var(--normalButtonBackgroundColor, #333);
-  // 正常按钮字体颜色
-  @normalButtonFontColor: var(--normalButtonFontColor, #fff);
-
-  // 次要按钮背景颜色
-  @lastButtonBackgroundColor: var(--lastButtonBackgroundColor, #8A6C6C);
-  // 次要按钮字体颜色
-  @lastButtonFontColor: var(--lastButtonFontColor, #fff);
-
-/* ---------- 按钮使用的变量 E ----------*/
-
-
-
-/* ---------- 标签 S ---------- */
-
-  // 主要颜色
-  @tagPrimaryColor:var(--tagPrimaryColor, #1989fa);
-  // 成功颜色
-  @tagSuccessColor:var(--tagPrimaryColor, #07c160);
-  // 危险颜色
-  @tagDangerColor:var(--tagPrimaryColor, #ee0a24);
-  // 警告颜色
-  @tagWarningColor:var(--tagPrimaryColor, #ff976a);
-
-/* ---------- 标签 E ---------- */
-
-
-
-/* ---------- 底部弹出层 S ---------- */
-  // 标题高度
-  @bottomPopupTitleHeight:40px;
-
-/* ---------- 底部弹出层 E ---------- */
-
-
-
-/* ---------- 表格 S ---------- */
-
-  // 表头背景颜色
-  @tableTitleBackgroundColor: var(--tableTitleBackgroundColor, #e9e9e9);
-  // 表头字体颜色
-  @tableTitleColor: var(--tableTitleColor, #262626);
-  // 表格体背景颜色
-  @tableBodyBackgroundColor: var(--tableTitleBackgroundColor, #fff);
-  // 表格体字体颜色
-  @tableBodyColor: var(--tableBodyColor, #262626);
-
-/* ---------- 表格 E ---------- */
-
-
-
-/* ---------- 错误提示 S ---------- */
-
-  // 字体颜色
-  @errorMsgColor: var(--errorMsgColor, #fff);
-  // 背景颜色
-  @errorMsgBackgroundColor: var(--tableTitleColor, #D50000);
-
-/* ---------- 错误提示 E ---------- */
-
-
-
-/* ---------- 标签切换 S ---------- */
-  // 激活背景色
-  @tabsActiveColor: var(--tabsActiveColor, #fff);
-  @tabsActiveBgColor: var(--tabsActiveBgColor, #FF8082);
-
-/* ---------- 标签切换 E ---------- */
-
-
+
+/* 主题色 */
+@baseColor: var(--baseColor, #D50000);
+
+/* 顶部导航栏背景色 */
+@navBarBackgroundColor: var(--navBarBackgroundColor, #ffffff);
+
+/* 底部导航栏背景色 */
+@bottomBarBackgroundColor: var(--bottomBarBackgroundColor, #fff);
+
+/* 页面底色 */
+@pageColor: var(--pageColor, #F0F0F0);
+
+/* 线条颜色 */
+@borderColor: var(--borderColor, #F0F0F0);
+
+/* 文字颜色 */
+@fontColor: var(--fontColor, #262626);
+
+/* 标题文字颜色 */
+@titleColor: var(--titleColor, #8A6C6C);
+
+/* 数据看板背景色 */
+@lookDataBg: var(--lookDataBg, linear-gradient(30deg, #FF8E8F 0%, #C5000A 100%));
+
+
+/* ---------- 按钮使用的变量 S ----------*/
+
+
+  // 主要按钮背景颜色
+  @mainButtonBackgroundColor: var(--mainButtonBackgroundColor, linear-gradient(90deg, #FF8E8F 0%, #C5000A 100%));
+  // 主要按钮字体颜色
+  @mainButtonFontColor: var(--mainButtonFontColor, #fff);
+
+  // 正常按钮背景颜色
+  @normalButtonBackgroundColor: var(--normalButtonBackgroundColor, #333);
+  // 正常按钮字体颜色
+  @normalButtonFontColor: var(--normalButtonFontColor, #fff);
+
+  // 次要按钮背景颜色
+  @lastButtonBackgroundColor: var(--lastButtonBackgroundColor, #8A6C6C);
+  // 次要按钮字体颜色
+  @lastButtonFontColor: var(--lastButtonFontColor, #fff);
+
+/* ---------- 按钮使用的变量 E ----------*/
+
+
+
+/* ---------- 标签 S ---------- */
+
+  // 主要颜色
+  @tagPrimaryColor:var(--tagPrimaryColor, #1989fa);
+  // 成功颜色
+  @tagSuccessColor:var(--tagSuccessColor, #07c160);
+  // 危险颜色
+  @tagDangerColor:var(--tagDangerColor, #ee0a24);
+  // 警告颜色
+  @tagWarningColor:var(--tagWarningColor, #ff976a);
+
+/* ---------- 标签 E ---------- */
+
+
+
+/* ---------- 表格 S ---------- */
+
+  // 表头背景颜色
+  @tableTitleBackgroundColor: var(--tableTitleBackgroundColor, #e9e9e9);
+  // 表头字体颜色
+  @tableTitleColor: var(--tableTitleColor, #262626);
+  // 表格体背景颜色
+  @tableBodyBackgroundColor: var(--tableBodyBackgroundColor, #fff);
+  // 表格体字体颜色
+  @tableBodyColor: var(--tableBodyColor, #262626);
+
+/* ---------- 表格 E ---------- */
+
+
+
+/* ---------- 错误提示 S ---------- */
+
+  // 字体颜色
+  @errorMsgColor: var(--errorMsgColor, #fff);
+  // 背景颜色
+  @errorMsgBackgroundColor: var(--errorMsgBackgroundColor, #D50000);
+
+/* ---------- 错误提示 E ---------- */
+
+
+
+/* ---------- 标签切换 S ---------- */
+
+  // 激活项字体颜色
+  @tabsActiveColor: var(--tabsActiveColor, #fff);
+  // 激活背景色
+  @tabsActiveBgColor: var(--tabsActiveBgColor, #FF8082);
+
+/* ---------- 标签切换 E ---------- */
+
+

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)