logwire-wms-pda-ui/src/components/ui/ErrorMsg/index.js

运匠科技wms-PDA基础组件库

import Vue from "vue";
import lwErrorMsg from './index.vue'

import {AppPower} from "../../../utils/AppPower";

/*lwErrorMsg.install = Vue => Vue.component(lwErrorMsg.name, lwErrorMsg)

export default lwErrorMsg*/


// 手动挂载加载框
const errorMsg = Vue.extend(lwErrorMsg)
let errorMsgNew = null
// 挂载加载框
const lwErrorMsgDom = ({message,background,color}) => {
  errorMsgNew = new errorMsg({
    el: document.createElement('div')
  });
  errorMsgNew.show = true
  errorMsgNew.message = message
  errorMsgNew.background = background
  errorMsgNew.color = color
  AppPower.speak(message)
  AppPower.shortVibrate(1500)
  document.body.appendChild(errorMsgNew.$el)
}

/**
 * 打开错误提示弹框
 * @param {Object|String} obj {message-错误信息，background-背景颜色，color-字体颜色}
 */
export const lwShowErrorMsg = (obj) => {
  let data = {}
  if (typeof obj === 'object'){
    data = obj
  }else {
    data.message = obj
  }


  if (errorMsgNew){
    errorMsgNew.message = data.message

    if (typeof obj === 'object'){
      errorMsgNew.background = data.background
      errorMsgNew.color = data.color
    }

    return
  }

  lwErrorMsgDom(data)
}

// 关闭错误提示弹框
export const lwCloseErrorMsg = () => {
  errorMsgNew.close()
  errorMsgNew = null
}