@logwire/logwire-wms-pda-ui 1.1.15

package/src/utils/Axios.js

@@ -0,0 +1,160 @@
+
+/*
+* 数据请求
+* @author 张文
+* @date 2022-02-10
+* */
+
+import Axios from 'axios'
+import {ApiUtils} from "./ApiUtils";
+import {Warehouse} from "./Warehouse";
+import {lwShowErrorMsg} from "../components/ui/ErrorMsg";
+import {lwShowLoading, lwCloseLoading} from "../components/ui/Loading";
+import {Language} from "./Language";
+
+// 用于自定义处理http报错的问题，为false时候不显示报错信息，直接返回错误信息，通过catch接收
+let errGetMe = false
+
+const lwAxios = Axios.create({
+  baseURL: process.env.VUE_APP_BASE_URL,
+  timeout: 1000 * 60 * 30,
+})
+
+
+/**
+ * 设置基础 Url 的方法
+ * @author 张文
+ * @param url 需要设置的url，修改后将影响所有请求的代理路径
+ * */
+lwAxios.setBaseUrl = url => lwAxios.defaults.baseURL = url
+
+
+/**
+ * 更新请求的 Token，正常情况下无需手动更新token，因为当token发生变化时应当主动触发 lwApiUtils.setToken 方法。从而会自动更新当前token
+ * @author 张文
+ * @param token 需要更新的token，设置token请使用 lwApiUtils.setToken 方法
+ * */
+lwAxios.updateToken = token => {
+  lwAxios.defaults.headers.common['Authorization'] = token
+  lwAxios.defaults.headers.common['token'] = token
+}
+
+
+// 是否有用户Token
+lwAxios.hasToken = () => !!lwAxios.defaults.headers.common['token']
+
+
+/**
+ * 调用平台接口的方法
+ * @author 张文
+ * @param {Object} obj
+ * url-接口，
+ * data-数据，
+ * config-基础配置{loading-是否需要显示加载框（默认开启），errGetMe-是否由请求接口处理错误信息（默认开启）}，
+ * method-请求的方法默认post
+ * @returns Function 异步函数
+ */
+lwAxios.action = ({url, data, config, method = 'post'}) => {
+  const aux = data || {}
+  if (!aux.warehouseId) {
+    aux.warehouseId = Warehouse.get().id
+  }
+  return lwAxios({
+    method,
+    url: ApiUtils.getApiUrl() + url,
+    data: {aux},
+    ...config
+  })
+}
+
+
+// 请求拦截
+lwAxios.interceptors.request.use(
+  config => {
+    let csrf = /XSRF-TOKEN=([\w-]+)/.test(document.cookie) && RegExp.$1
+    if (csrf) {
+      config.headers['X-XSRF-TOKEN'] = csrf
+    }
+
+    // 判断是否显示加载框
+    if (config.loading || config.loading === undefined){
+      lwShowLoading()
+    }
+
+    // 记录当前请求是否需要手动处理报错
+    errGetMe=config.errGetMe
+
+    return config
+  },
+  error => {
+    lwCloseLoading()
+    console.warn('请求异常: ', error)
+    return Promise.reject(error)
+  }
+)
+
+// 响应拦截
+lwAxios.interceptors.response.use(
+  response => {
+
+    lwCloseLoading()
+
+    let result = response.data
+    if (!result || !['none', 'success'].includes(result.code)) {
+      throw Error({ response })
+    }
+
+    // 更新 token
+    if (result && result.renewedToken) {
+      ApiUtils.setToken(result.renewedToken)
+    }
+
+    if (typeof response.config['map'] === 'function') {
+      return response.config['map'](result.data)
+    }
+
+    return result.data
+  },
+  error => {
+
+    lwCloseLoading()
+    console.warn('接口返回异常: ', error)
+
+    let resp = error.response
+
+    if (errGetMe){
+      errGetMe = false
+      return Promise.reject(resp)
+    }
+
+    if (resp){
+      if (resp.status === 401) {
+        ApiUtils.setToken(undefined)
+        lwShowErrorMsg({ message: Language.get('wms_project.pda.utils.axios.loginOvertime', '登录超时，请重新登录') })
+        ApiUtils.delToken()
+        history.go(0)
+        return Promise.reject(resp)
+      }
+
+      if (resp.status === 404){
+        lwShowErrorMsg({ message: Language.get('wms_project.pda.utils.axios.serveError', '请求失败，接口路径错误(404)') })
+        return Promise.reject(resp)
+      }
+
+      if (resp.data) {
+        lwShowErrorMsg({
+          message: resp.data && resp.data.message ?
+            resp.data.message :
+            Language.get('wms_project.pda.utils.axios.unknownError', '未知错误（可能是系统正在升级或异常）请稍后再试')
+        })
+        return Promise.reject(resp)
+      }
+
+    }
+
+    lwShowErrorMsg({message: Language.get('wms_project.pda.utils.axios.network', '请求失败，请检查网络连接')})
+    return Promise.reject(resp)
+  }
+)
+
+export default lwAxios

package/src/utils/DateTime.js

@@ -0,0 +1,219 @@
+/*
+* 时间处理
+* @author 张文
+* @date  2022-01-26
+* */
+
+import {Language} from "./Language";
+
+// 内部使用函数，截取指定时间的值
+function timeTextSplit(str, type){
+  // 如果没有传入类型或者当前值不包含传入类型则返回传入值
+  if (!type || !str.includes(type)) return str
+
+  return str.split(type)[0] + type
+}
+
+export const DateTime = {
+
+  /**
+   * 时间格式化
+   * @author 张文
+   * @param date 需要格式化的时间（字符串、时间戳或时间对象）
+   * @param format 格式化表达式
+   */
+  format(date, format = 'yyyy-MM-dd') {
+    if (!date) return '-'
+    const value = date instanceof Date ? date : new Date(date)
+    let o = {
+      'M+': value.getMonth() + 1,
+      'd+': value.getDate(),
+      'h+': value.getHours(),
+      'm+': value.getMinutes(),
+      's+': value.getSeconds(),
+      'q+': Math.floor((value.getMonth() + 3) / 3),
+      'S': value.getMilliseconds()
+    }
+    if (/(y+)/.test(format)) {
+      format = format.replace(RegExp.$1, (value.getFullYear() + '').substr(4 - RegExp.$1.length))
+    }
+    for (let k in o) {
+      if (Object.prototype.hasOwnProperty.call(o, k) && new RegExp('(' + k + ')').test(format)) {
+        format = format.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k].toString() : (('00' + o[k]).substr((o[k].toString()).length)))
+      }
+    }
+    return format
+  },
+
+
+  /**
+   * 计算两个时间的差值
+   * @author 张文
+   * @param  l 起始时间（字符串、时间戳或时间对象）
+   * @param  n 结束时间（字符串、时间戳或时间对象）
+   * @param {String} type 返回的时间类型默认秒钟，可选值：s-秒，m-分钟，h-小时, d-天
+   * @return {Object} { time:返回相减后的值，不足1的忽略不计，ago: l < n 起始时间是否大于结束时间 }
+   * */
+  judgeDate(l, n = new Date(), type = 's') {
+    const a = new Date(this.format(l, 'yyyy-MM-dd hh:mm:ss')).getTime()
+    const b = new Date(this.format(n, 'yyyy-MM-dd hh:mm:ss')).getTime()
+    let time
+    switch (type) {
+      case 's':
+        time = 1000
+        break;
+      case 'm':
+        time = 1000 * 60
+        break;
+      case 'h':
+        time = 1000 * 60 * 60
+        break;
+      case 'd':
+        time = 1000 * 60 * 60 * 24
+        break;
+      default:
+        time = 1000
+        break;
+    }
+
+    const abs = a - b
+
+    return {
+      time: Math.floor(Math.abs(abs) / time),
+      ago: abs < 0
+    }
+  },
+
+
+  /**
+   * 两个时间差转换为中文，可自定义显示到最大时间单位
+   * @author 张文
+   * @param {Object} {l-起始时间, n-结束时间,默认当前时间, s-当前秒数(存在值时忽略 l，n), type-最大显示单位（可选）, agoText-需要在文本后显示的文字（可选）,minType-文本翻译的最小单位}
+   * @param {String} type 参数解释： 最大显示单位 y-年（默认）；m-月，d-日，h-小时，min-分钟，s-秒
+   * @param {String} minType 参数解释： 文本的最小单位 y-年；m-月，d-日，h-小时，min-分钟，s-秒（默认）
+   * @param {String|Boolean} agoText 参数解释： 为空时值为 s > 0 || l-n > 0 ? '后' : '前'，若无需显示任何描述文字传入：false
+   * @return {Object} {y-年, m-月, d-日, h-时, min-分, s-秒, text:当前时间的中文翻译，xx小时xx分xx秒, success-是否处理成功}
+   * */
+  timeToStr({l, n = new Date(), s = 0, type='y', agoText=false, minType='s'}) {
+    const obj = {
+      y: 0,
+      m: 0,
+      d: 0,
+      h: 0,
+      min: 0,
+      s: 0,
+      success:true
+    }
+
+    let time, ago
+
+
+    try {
+
+      // 判断是否传入了需要计算的秒数
+      if (!s) throw Error
+
+      let nTime = Number(s)
+      if (isNaN(nTime) || nTime === 0) {
+        throw Error
+      }
+
+      ago = nTime > 0
+      time = Math.abs(nTime)
+    }catch {
+
+      if (!l || !n){
+        obj.success = false
+        return {
+          ...obj,
+          text:''
+        }
+      }
+
+      let oTime = this.judgeDate(l, n)
+      time = oTime.time
+      ago = oTime.ago
+    }
+
+    const language = {
+      s : Language.get('wms_project.pda.common.sec','秒'),
+      min : Language.get('wms_project.pda.common.min','分钟'),
+      h : Language.get('wms_project.pda.common.hour','小时'),
+      d : Language.get('wms_project.pda.common.day','天'),
+      m : Language.get('wms_project.pda.common.month','月'),
+      y : Language.get('wms_project.pda.common.year','年'),
+    }
+
+    let text
+    if (agoText === false) {
+      text = ''
+    } else if (agoText) {
+      text = agoText
+    } else {
+      text = ago ? Language.get('wms_project.pda.common.ago','前') : Language.get('wms_project.pda.common.old','后')
+    }
+
+
+    const maxMin = Math.floor(time / 60)
+    if (type === 's' || !maxMin) {
+      obj.s = time
+      return {
+        ...obj,
+        text: timeTextSplit(`${obj.s}${language.s}${text}`, language[minType])
+      }
+    }
+
+
+    obj.s = time % 60
+    text = `${obj.s}${language.s}${text}`
+    const maxH = Math.floor(maxMin / 60)
+    if (type === 'min' || !maxH) {
+      obj.min = maxMin
+      return {
+        ...obj,
+        text: timeTextSplit(`${obj.min}${language.min}${text}`, language[minType])
+      }
+    }
+
+    obj.min = maxMin % 60
+    text = `${obj.min}${language.min}${text}`
+    const maxD = Math.floor(maxH / 24)
+    if (type === 'h' || !maxD) {
+      obj.h = maxH
+      return {
+        ...obj,
+        text: timeTextSplit(`${obj.h}${language.h}${text}`, language[minType])
+      }
+    }
+
+    obj.h = maxH % 24
+    text = `${obj.h}${language.h}${text}`
+    const maxM = Math.floor(maxD / 30)
+    if (type === 'd' || !maxM) {
+      obj.d = maxD
+      return {
+        ...obj,
+        text: timeTextSplit(`${obj.d}${language.d}${text}`, language[minType])
+      }
+    }
+
+    obj.d = maxD % 30
+    text = `${obj.d}${language.d}${text}`
+    if (type === 'm' || !obj.y) {
+      obj.m = maxM
+      return {
+        ...obj,
+        text: timeTextSplit(`${obj.m}${language.m}${text}`, language[minType])
+      }
+    }
+
+    obj.m = maxM % 12
+    text = `${obj.m}${language.m}${text}`
+    obj.y = Math.floor(maxM / 12)
+    return {
+      ...obj,
+      text: timeTextSplit(`${obj.y}${language.y}${text}`, language[minType])
+    }
+
+  }
+}

package/src/utils/DeepCopy.js

@@ -0,0 +1,61 @@
+/*
+* 深拷贝
+* @author: 张文
+* @date  2022-02-16
+* */
+import {cloneDeep} from "lodash/lang";
+
+
+/**
+ * 深拷贝
+ * @author 张文
+ * @param {Object} data 需要拷贝的原始数据
+ * @return {*} 返回拷贝后的数据
+ *
+ * */
+export function DeepCopy(data) {
+
+  // 用于判断当前数据是否为DOM对象，没有深拷贝，可能会存在变量改变的风险
+  /*if (data instanceof Element) {
+    return data
+  }*/
+
+  // 文档：https://www.lodashjs.com/docs/lodash.cloneDeep
+  return cloneDeep(data)
+
+
+  /*if (useLodash) {
+    return cloneDeep(data)
+  }
+
+  // 非对象直接返回
+  if (typeof data !== 'object') {
+    return data
+  }
+
+  // 用于判断当前数据是否为DOM对象
+  if (data instanceof Element) {
+    return data
+  }
+
+  // 判断复制的目标是数组还是对象
+  const copy = Array.isArray(data) ? [] : {};
+
+  for (let keys in data) {
+
+    // 不读取对象的私有属性
+    if (/^_/.test(keys)) break
+
+    // 如果值是对象或者数组，就递归一下
+    if (data[keys] && typeof data[keys] === 'object') {
+
+      copy[keys] = lwDeepCopy(data[keys]);
+
+    } else {
+
+      // 如果不是，就直接赋值
+      copy[keys] = data[keys];
+    }
+  }
+  return copy;*/
+}

package/src/utils/Dict.js

@@ -0,0 +1,73 @@
+/*
+* 字典数据
+* @author 张文
+* @date  2022-02-10
+* */
+
+import {dict} from "../api/common/Dict";
+
+export const Dict = {
+
+  /**
+   * 设置字典数据
+   * @author 张文
+   * @param {Object|Array} data 需要设置的数据
+   * @param {String} key 需要设置字典的某一项，为空时将修改全部数据
+   * */
+  set(data, key = null) {
+    if (key) {
+      window.lwWindowGlobalData.set('dict.'+key, data)
+    } else {
+      window.lwWindowGlobalData.set('dict', data)
+    }
+  },
+
+
+  /**
+   * 根据字典key获取数据
+   * @author 张文
+   * @param {String} key 字典类型名称，为空时返回全部数据
+   * @return {*} 字典项的数据
+   */
+  get(key = null) {
+    return key ? window.lwWindowGlobalData.get('dict.'+key) : window.lwWindowGlobalData.get('dict')
+  },
+
+
+  /**
+   * 根据字典项的值获取对应项的名称
+   * @author 张文
+   * @param key 字典类型名称
+   * @param value 字典项的值
+   * @param def 默认值
+   * @returns {*} 字典项的名称，如果未找到且默认值为空，则返回字典项的值
+   */
+  getDictLabel(key, value, def) {
+    const list = this.get(key)
+    if (Array.isArray(list)) {
+      const item = list.find(i => i.value === value)
+      if (item && item.label) {
+        return item.label
+      }
+    }
+
+    return def || value
+  },
+
+
+  /**
+   * 异步获取字典数据
+   * @author 张文
+   * @param {String} key 字典类型名称，为空时返回全部数据
+   * @returns {Promise} 字典项的数据
+   */
+  asyncGet(key = null) {
+    return new Promise((PR, PE) => {
+      dict.get().then(res=>{
+        this.set(res)
+        PR(this.get(key))
+      }).catch(err => PE(err))
+    })
+  },
+}
+

package/src/utils/GetImgSrc.js

@@ -0,0 +1,53 @@
+/**
+ @name: 获取图片展示路径
+ @description: 获取图片展示路径
+ @author 张文
+ @date: 2022-01-19
+ */
+
+import {imgSrc} from "../api/common/GetImgSrc";
+
+
+/**
+ * 获取图片展示路径
+ * @author 张文
+ * @date 2022-01-19
+ * @param {String} strUrl 图片路径集合
+ * */
+export const GetImgSrc = {
+
+  asyncGet(strUrl) {
+
+    return new Promise((pres, perr) => {
+      if (!strUrl) {
+        pres([])
+        return
+      }
+
+      const imgArr = strUrl.split('|')
+
+      let ossName=[]
+      for (let i = 0; i <imgArr.length; i++) {
+        const arr = imgArr[i].split('=')
+        if (arr[1]){
+          ossName.push(arr[1])
+        }
+      }
+
+      Promise.all(
+        ossName.map(item => {
+          return imgSrc.get({
+            objectName: item,
+            contentType: 'image/' + item.split('.').reverse()[0]
+          })
+        })
+      ).then(res => {
+        let imgUrl = res.map(item => item.downloadSignedUrl)
+        pres(imgUrl)
+      }).catch(err => {
+        perr(err)
+      })
+    })
+  }
+}
+

package/src/utils/Init.js

@@ -0,0 +1,12 @@
+/*
+* 初始化数据
+* @author: 张文
+* @date  2022-04-19
+* */
+
+
+export function Init(that) {
+  that.$router.push({
+    path: '/lwInit',
+  })
+}

package/src/utils/Language.js

@@ -0,0 +1,59 @@
+/*
+* 语言切换
+* @author: 张文
+* @date  2022-04-14
+* */
+
+import {language} from "../api/common/Language";
+import {LocalStorage} from "./LocalStorage";
+
+
+export const Language = {
+
+  /*
+  * 获取指定key的翻译
+  * @author 张文
+  * @date 2022-04-14
+  * @param {String} key 需要获取的语言的key
+  * @param {String} dft 当无法从当前语言获取时的默认值
+  * @return {String}  获取到的语言或默认值
+  * */
+  get(key, dft = '未知'){
+    if (!key) return dft
+
+    const language = window.lwWindowGlobalData.get('language.data')
+    return language[key] || dft
+  },
+
+
+  // 获取当前设置语言的key
+  getKey(){
+    return window.lwWindowGlobalData.get('language.key')
+  },
+
+
+  // 设置当前设置语言的key
+  setKey(data){
+    return window.lwWindowGlobalData.set('language.key', data)
+  },
+
+
+  // 异步设置当前语言的key
+  asyncSetKey(key, loading = true){
+    return new Promise((pres,perr)=>{
+
+      // 判断当前设置值是否和原始值一致，如果一直就不请求接口
+      if (window.lwWindowGlobalData.get('language.key') === key){
+        pres()
+        return
+      }
+
+      window.lwWindowGlobalData.set('language.key', key)
+      LocalStorage.set('lwLanguage', key)
+      language.get(key, loading).then(res=>{
+        window.lwWindowGlobalData.set('language.data', res)
+        pres()
+      }).catch(()=>perr())
+    })
+  },
+}

package/src/utils/LocalStorage.js

@@ -0,0 +1,30 @@
+/*
+* 本地存储
+* @author: 张文
+* @date  2022-02-17
+* */
+
+
+export const LocalStorage = {
+
+  get(key){
+    const data = window.localStorage.getItem(key) || undefined
+    const erg = /^\{|\[/
+    return data && erg.test(data) ? JSON.parse(data) : data
+  },
+
+  set(key, data){
+    let str = typeof data === "string" ? data : JSON.stringify(data)
+
+    window.localStorage.setItem(key, str)
+  },
+
+  remove(key){
+    window.localStorage.removeItem(key)
+  },
+
+  removeAll(){
+    window.localStorage.clear()
+  },
+
+}