@logwire/logwire-wms-pda-ui 3.3.3 → 3.4.0

package/src/utils/AppPower.js

@@ -25,6 +25,77 @@ function handleAppExtendResult(result, error, resolve, reject) {
 
 export const AppPower = {
 
+  //----------------------RFID
+  // 返回字符串数据 {result:Boolean,data:{tag:"标签内容",type:"类型",userData:"可空",tip:"可空",rssi:"可空"},errorMsg:""}
+  // result=false，出错， errorMsg = 错误信息
+  // result=true, data == null, 获取到数据
+  // result=true, data != null, 已获取数据
+  // tag 标签内容， type 标签格式， tip、rssi、userData RF保留字段
+
+  // 页面初始化 注册RFID广播
+  // this.$lwAppPower.appZdkRFIDReceive().then(result=>{
+  //   if(result){
+  //     let data = JSON.parse(result)
+  //     if(data.result === true && data.data){
+  //       this.receiveRFID.value = data.data.tag
+  //     }
+  //   }
+  //   // 消费后重新注册广播
+  // }).catch(()=>{
+  //   // 消费后重新注册广播
+  // })
+
+  // 直接调用RFID扫描
+  // this.$lwAppPower.appZdkRFIDScan().then(result=>{
+  //   if(result){
+  //     let data = JSON.parse(result)
+  //     if(data.result === true && data.data){
+  //       this.receiveRFID.value = data.data.tag
+  //     }
+  //   }
+  // })
+
+  /**
+   * RFID 按键扫描 广播，页面初始化注册，每次消费后，需要重新注册
+   * @returns {Promise<unknown>}
+   */
+  appZdkRFIDReceive: () => {
+    let androidApp = window.androidApp;
+    if (androidApp && typeof (androidApp.zdkRFIDReceive) == "function") {
+      return new Promise(function (resolve, reject) {
+        androidApp.zdkRFIDReceive(null, function (result, error) {
+          console.log("----zdkRFIDReceive------");
+
+          handleAppExtendResult(result, error, resolve, reject);
+        });
+      });
+    }
+    return new Promise(function (resolve, reject) {
+      reject(false);
+    });
+  },
+
+  /**
+   * RFID扫描 手动调用
+   * @returns {Promise<unknown>}
+   */
+  appZdkRFIDScan: () => {
+    let androidApp = window.androidApp;
+    if (androidApp && typeof (androidApp.zdkRFIDScan) == "function") {
+      return new Promise(function (resolve, reject) {
+        androidApp.zdkRFIDScan(null, function (result, error) {
+          handleAppExtendResult(result, error, resolve, reject);
+        });
+      });
+    }
+    return new Promise(function (resolve, reject) {
+      reject(false);
+    });
+  },
+
+
+  //----------------------定位
+
   /**
    * 获取定位
    *  返回："坐标类型,经度,维度" 或 ""

package/src/utils/Language.js

@@ -15,19 +15,19 @@ function checkKey(key){
 export const Language = {
 
   /**
-  * 获取指定key的翻译
-  * @author 张文
-  * @date 2022-04-14
-  * @param {String} key 需要获取的语言的key
-  * @param {String} dft 当无法从当前语言获取时的默认值
-  * @param {Object|Array} params 语言中用到的参数
-  * @return {String}  获取到的语言或默认值
-  * */
-  get(key, dft = '未知', params = undefined) {
+   * 获取指定key的翻译
+   * @author 张文
+   * @date 2022-04-14
+   * @param {String} key 需要获取的语言的key
+   * @param {String} def 当无法从当前语言获取时的默认值
+   * @param {Object|Array} params 语言中用到的参数
+   * @return {String}  获取到的语言或默认值
+   * */
+  get(key, def = '未知', params = undefined) {
 
     // const language = window.lwWindowGlobalData.get('language.data') || {}
     const language = LocalStorage.get(checkKey(key))
-    const c = language || dft
+    const c = language || def
 
     if (params) {
       if (Array.isArray(params) && params.length) {

package/src/utils/LocalStorage.js

@@ -12,16 +12,20 @@ export const LocalStorage = {
    * @author 张文
    * @date 2022-05-11
    * @param {String} key 数据key
+   * @param {*} def 当没有获取到值时候的默认值，默认为 undefined
    * @return {*} 返回存入的数据，如果存入数据是对象或数组类型的字符串将会自动转换为对象或数组类型
    * */
-  get(key) {
+  get(key, def = undefined) {
     if (!key) {
       console.error('本地储存，没有传入需要取值的key')
       return ''
     }
-    const data = window.localStorage.getItem(key) || undefined
-    const erg = /^\{.*\}$|^\[.*\]$/
-    return data && erg.test(data) ? JSON.parse(data) : data
+    const data = window.localStorage.getItem(key)
+    if (data) {
+      const erg = /^\{.*\}$|^\[.*\]$/
+      return erg.test(data) ? JSON.parse(data) : data
+    }
+    return def
   },
 
 

package/src/utils/Print.js

@@ -74,20 +74,23 @@ export const Print = {
    * @author 张文
    * @param {String} templateCode 需要判断的模板数据Code
    * @param {String} msg 描述文字，默认“当前”
-   * @param {Boolean} needWarn 是否显示强警告
+   * @param {Boolean} needWarn 是否显示强警告，默认强提醒
+   * @param {Boolean} showMsg 是否显示警告信息，默认显示
    * @return {Object} 返回判断后的结果{success:'成功-true，失败-false',printData:{'包含打印模板和打印机类型的数据'}}
    * */
-  test(templateCode, msg = '当前', needWarn = true) {
+  test(templateCode, msg = '当前', needWarn = true, showMsg = true) {
+
     for (let i of this.get()) {
       // 判断当前模板是否配置，没配置就弹出对话框提示去配置
-      if (i.templateCode.trim() === templateCode.trim()) {
-
-        return {success: true, printData: i}
+      if (i.templateCode.trim() === templateCode.trim()) return {success: true, printData: i}
+    }
 
-      }
+    const message = msg + Language.get('wms_project.pda.utils.print.template', '打印模板未配置！请前往【打印设置栏】配置模板。模板编码：') + templateCode
+    
+    if (showMsg) {
+      needWarn ? lwErrMsg.show(message) : lwNoticeBar.show({message, showTime: 8, type: 'warning'})
     }
-    const message = msg + Language.get('','打印模板未配置！请前往【打印设置栏】配置模板。模板编码：') + templateCode
-    needWarn ? lwErrMsg.show(message) : lwNoticeBar.show({message, showTime: 8, type:'warning'})
+
     return {success: false, printData: {}}
   },
 
@@ -204,7 +207,7 @@ export const Print = {
     try{
       await Promise.all(bluetooth)
     }catch {
-      throw new Error({msg:Language.get('', '调用打印服务失败')})
+      throw new Error({msg: Language.get('wms_project.pda.utils.print.serveError', '调用打印服务失败')})
     }
 
     // 更新打印状态
@@ -220,7 +223,7 @@ export const Print = {
       }
 
     }catch{
-      throw new Error({msg:Language.get('', '调用打印数据更新接口调用失败')})
+      throw new Error({msg: Language.get('wms_project.pda.utils.print.updateDataError', '调用打印数据更新接口调用失败')})
     }
   },
 

package/src/utils/Utils.js

@@ -6,7 +6,11 @@
 export const Utils = {
 
   /**
-   * 配合卡片切换组件使用。用于计算当前显示页是否符合时间最大条数
+   * 配合卡片切换组件使用。用于计算当前显示页是否符合显示的最大条数
+   * 当 index 或 length 无法转换为数字时，直接返回 0
+   * 当 index 值大于 length 时，返回 index-1
+   * 当 length 为 0 时，返回 0
+   * 当 index 小于 length 时，返回 index
    * @author 张文
    * @date 2022-08-18
    * @param {Number} index 需要比较的值
@@ -17,11 +21,11 @@ export const Utils = {
     const i = Number(index)
     const l = Number(length)
     if (isNaN(i)) {
-      console.error('传入【index】无法转换为数字，值为：' + index)
+      console.error('数值比较方法，传入【index】无法转换为数字，值为：' + index)
       return 0
     }
     if (isNaN(l)) {
-      console.error('传入【length】无法转换为数字，值为：' + length)
+      console.error('数值比较方法，传入【length】无法转换为数字，值为：' + length)
       return 0
     }
 
@@ -30,5 +34,44 @@ export const Utils = {
     if ((i + 1) > l) return i - 1
 
     return i
+  },
+
+
+  /**
+   * 获取行样式
+   * @author 张文
+   * @date 2022-08-18
+   * @param {Number} index 当前索引
+   * @param {Number} length 数组长度
+   * @param {String} start 开始行的 Class 名
+   * @param {String} end 结束行的 Class 名
+   * @param {String} cell 行的 Class 名
+   * @return {String} 行样式的 class 名
+   * */
+  getCellClass(
+      index,
+      length,
+      start = 'lw-global-row-start',
+      end = 'lw-global-row-end',
+      cell = 'lw-global-row'
+  ) {
+    const i = Number(index)
+    const l = Number(length)
+    if (isNaN(i)) {
+      console.error('获取行样式方法，传入【index】无法转换为数字，值为：' + index)
+      return start
+    }
+    if (isNaN(l)) {
+      console.error('获取行样式方法，传入【length】无法转换为数字，值为：' + length)
+      return start
+    }
+
+    if (l === 1) return ''
+
+    if (i === 0) return start
+
+    if ((i + 1) >= l) return end
+
+    return cell
   }
 }

package/src/views/common/mixin/userSelectInputMixin.js

@@ -0,0 +1,57 @@
+/*
+* 员工选择输入框混入
+* @author: 张文
+* @date  2023-07-25
+* */
+
+export const userSelectInputMixin = {
+  props: {
+    // 扫码解析规则
+    ruleKey: {
+      type: String,
+      default: 'staffCode'
+    },
+
+    // 条码解析规则前缀，不传默认使用路由地址+ruleKey
+    rulePrefix: {
+      type: String,
+      default: '/common/staff/select'
+    },
+
+    // 扫码解析后输入框回填字段的key
+    ruleValueKey: {
+      type: String,
+      default: 'key'
+    },
+
+    // 解码的额外参数
+    ruleServeQuery: {
+      type: Object,
+      default: () => {
+      }
+    },
+    /*
+   * 条码解析如果id不存在自主生成所需的数据，数据应当包含
+   * {
+   *   name: 规则名称,
+   *   appCode: 所属项目,
+   *   moduleName: 所属模块,
+   *   bizType: 规则类型,
+   *   defaultBizType: 默认规则
+   * }
+   * */
+    createRule: {
+      type: Object,
+      default: () => {
+        return {
+          name: '员工选择-工号输入框',
+          appCode: 'wms-project',
+          moduleName: 'wms-project',
+          bizType: 'STAFF',
+          defaultBizType: 'STAFF'
+        }
+      }
+    }
+
+  }
+}

package/src/views/common/module/UserCheckbox/index.js

@@ -0,0 +1,11 @@
+/*
+* 用户复选模块
+* @author: 张文
+* @date: 2023-04-18
+* */
+
+import lwUserCheckboxModule from "./index.vue";
+
+lwUserCheckboxModule.install = Vue => Vue.component(lwUserCheckboxModule.name, lwUserCheckboxModule)
+
+export default lwUserCheckboxModule

package/src/views/{vin/module/userCheckbox → common/module/UserCheckbox}/index.vue

@@ -28,7 +28,7 @@
             required && 'lw-global-required'
           ]"
         >
-          {{ title || $lwLanguage.get('', '员工') }}
+          {{ titleMsg }}
         </div>
 
         <div class="lw-global-flex-start" style="flex: 1;flex-wrap: wrap;margin-left: 5px">
@@ -48,8 +48,13 @@
             style="width: 100%;padding: 0;margin-left: 4px"
             v-model="user"
             :get-focus.sync="userFocus"
-            :placeholder="title || $lwLanguage.get('', '员工')"
             :show-bottom-border="false"
+            :placeholder="placeholder"
+            :rule-key="ruleKey"
+            :rule-prefix="rulePrefix"
+            :rule-value-key="ruleValueKey"
+            :rule-serve-query="ruleServeQuery"
+            :create-rule="createRule"
             @confirm="userConfirm"
           >
 
@@ -72,17 +77,28 @@
 
     </div>
 
-    <lw-vin-user-select-popup-module
+    <lw-user-select-popup-module
       v-model="showPopup"
+      :rule-key="ruleKey"
+      :rule-prefix="rulePrefix"
+      :rule-value-key="ruleValueKey"
+      :rule-serve-query="ruleServeQuery"
+      :create-rule="createRule"
+      checkbox
+      :max="max"
+      :result-list="userList"
       @selectConfirm="addUser"
+      @checkboxConfirm="checkboxConfirm"
     />
   </div>
 </template>
 
 <script>
+import {userSelectInputMixin} from "./../../mixin/userSelectInputMixin";
 
 export default {
-  name: "lwVinUserCheckboxModule",
+  name: "lwUserCheckboxModule",
+  mixins: [userSelectInputMixin],
   props: {
     title: String,
     //是否必填
@@ -122,6 +138,12 @@ export default {
     },
     // 是否忽略仓库配置的不允许删除当前用户配置
     ignoreConfig: Boolean,
+
+    // 最大可选数，为 0 时不限制
+    max: {
+      type: Number,
+      default: 0
+    },
   },
   data() {
     return {
@@ -147,6 +169,15 @@ export default {
         this.$emit('update:focus', v)
       }
     },
+
+    // 标题
+    titleMsg() {
+      return this.title || this.$lwLanguage.get('wms_project.pda.common.module.UserCheckbox.index.ohippvhi', '员工')
+    },
+    // 输入框占位符
+    placeholder() {
+      return this.$lwLanguage.get('wms_project.pda.common.module.UserCheckbox.index.ohippvhic', '请扫描或输入') + this.titleMsg
+    }
   },
   mounted() {
     this.init()
@@ -157,30 +188,59 @@ export default {
     async init() {
       if (!this.selectNowUser) return
 
-      const res = await this.$lwApi.common.staffInfo(this.$lwUserInfo.get().staff.code)
-      const disabled = !this.ignoreConfig && this.$lwWarehouseConfig.get('systemConfig.WMS_APP_LOGIN_USER_AS_CURRENT_USER') === 'true'
-      this.addUser({
-        ...res,
-        disabled
+      // 如果已经传入了数据就不要再添加当前用户数据
+      this.$nextTick(async () => {
+
+        if (this.userList.length) return
+
+        const res = await this.$lwApi.common.staffInfo(this.$lwUserInfo.get().staff.code)
+        const disabled = !this.ignoreConfig && this.$lwWarehouseConfig.get('systemConfig.WMS_APP_LOGIN_USER_AS_CURRENT_USER') === 'true'
+        this.addUser({
+          ...res,
+          disabled
+        }, 'init')
       })
+
     },
 
     // 搜索确认用户
     async userConfirm() {
+      if (this.max > 0 && this.userList.length >= this.max) {
+        this.$lwShowNoticeBar({
+          message: this.$lwLanguage.get('wms_project.pda.common.module.UserCheckbox.index.ohippvhid', '超过最大可选数：') + this.max,
+          type: 'error'
+        })
+        this.user = ''
+        return
+      }
+
       const res = await this.$lwApi.common.staffInfo(this.user)
       this.addUser(res)
     },
 
     // 添加已选员工
-    addUser(res) {
-      !this.userList.some(item => item.code === res.code) && this.userList.push(res)
-      this.userFocus = true
+    addUser(res, type) {
+
+      // 判断是否是初始状态进入，避免不必要的焦点获取
+      type !== 'init' ? this.userFocus = true : ''
       this.user = ''
+
+      // 判断当前选中用户是否存在已选列表
+      if (this.userList.some(item => item.code === res.code)) return
+
+      this.userList.push(res)
+      this.$emit('change')
+    },
+    // 弹框点击确认
+    checkboxConfirm(res) {
+      this.userList = res
+      this.$emit('change')
     },
 
     // 删除员工
     delUser(index) {
       this.userList.splice(index, 1)
+      this.$emit('change')
     },
   }
 }

package/src/views/common/module/UserCheckbox//345/221/230/345/267/245/345/244/215/351/200/211/346/250/241/345/235/227.md

@@ -0,0 +1 @@
+可选择多个员工，自动去重。显示员工姓名且可以删除

package/src/views/common/module/UserSelect/index.js

@@ -0,0 +1,11 @@
+/*
+* 员工选择模块
+* @author: 张文
+* @date: 2023-02-24
+* */
+
+import lwUserSelectModule from "./index.vue";
+
+lwUserSelectModule.install = Vue => Vue.component(lwUserSelectModule.name, lwUserSelectModule)
+
+export default lwUserSelectModule

package/src/views/{vin/module/userSelect → common/module/UserSelect}/index.vue

@@ -7,12 +7,17 @@
   <div>
 
     <lw-input
-      :title="title || $lwLanguage.get('wms_project.pda.vin.module.userSelect.index.zzvospaa','工号')"
+      :title="title || $lwLanguage.get('wms_project.pda.common.module.UserSelect.index.thtsabqj', '工号')"
       v-model="userNo"
       :required="required"
       :show-bottom-border="showBorder"
       :get-focus.sync="getFocus"
       :disabled="disabled"
+      :rule-key="ruleKey"
+      :rule-prefix="rulePrefix"
+      :rule-value-key="ruleValueKey"
+      :rule-serve-query="ruleServeQuery"
+      :create-rule="createRule"
       @confirm="$emit('confirm')"
     >
 
@@ -30,8 +35,13 @@
 
 
     <!-- 选择用户弹框 -->
-    <lw-vin-user-select-popup-module
+    <lw-user-select-popup-module
       v-model="popupShow"
+      :rule-key="ruleKey"
+      :rule-prefix="rulePrefix"
+      :rule-value-key="ruleValueKey"
+      :rule-serve-query="ruleServeQuery"
+      :create-rule="createRule"
       @selectConfirm="userSelectPopupSelected"
     />
 
@@ -39,10 +49,12 @@
 </template>
 
 <script>
+import {userSelectInputMixin} from "./../../mixin/userSelectInputMixin";
 
 
 export default {
-  name: "lwVinUserSelectModule",
+  name: "lwUserSelectModule",
+  mixins: [userSelectInputMixin],
   props: {
     title: String,
 

package/src/views/common/module/UserSelect//345/221/230/345/267/245/345/215/225/351/200/211/346/250/241/345/235/227.md

@@ -0,0 +1 @@
+仅可选择一个员工，显示员工工号

package/src/views/common/module/UserSelectPopup/index.js

@@ -0,0 +1,11 @@
+/*
+* 员工选择模块
+* @author: 张文
+* @date: 2023-04-19
+* */
+
+import lwUserSelectPopupModule from "./index.vue";
+
+lwUserSelectPopupModule.install = Vue => Vue.component(lwUserSelectPopupModule.name, lwUserSelectPopupModule)
+
+export default lwUserSelectPopupModule