@logwire/logwire-wms-pda-ui 1.1.15

package/src/assets/css/var.less

@@ -0,0 +1,117 @@
+
+/* 主题色 */
+@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 ---------- */
+
+

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

@@ -0,0 +1,31 @@
+# 样式说明
+
+### 介绍
+放置在此处的样式均使用和组件命名规则相同的方式命名。
+
+其中 `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` |- | 

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

@@ -0,0 +1,11 @@
+/*
+* 在库异常魔力
+* @author: 张文
+* @date  2022-05-11
+* */
+
+import lwInnerAbnormalModule from "./index.vue";
+
+lwInnerAbnormalModule.install = Vue => Vue.component(lwInnerAbnormalModule.name, lwInnerAbnormalModule)
+
+export default lwInnerAbnormalModule

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

@@ -0,0 +1,343 @@
+<!--
+  在库异常模块
+  @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>

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

@@ -0,0 +1,11 @@
+/*
+* 登录功能模块出口文件
+* @author: 张文
+* @date  2022-02-23
+* */
+
+import lwLoginModule from "./index.vue";
+
+lwLoginModule.install = Vue => Vue.component(lwLoginModule.name, lwLoginModule)
+
+export default lwLoginModule