logwire-wms-ui-test/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-字体颜色}
 */
const show = (obj) => {
  let data = {}
  if (typeof obj === 'object'){
    data = obj
  }else {
    data.message = obj
  }

  errorMsgNew = window.lwWindowGlobalData.get('errorMsgDom')

  if (errorMsgNew){
    errorMsgNew.showDom(data)
    return
  }

  lwErrorMsgDom(data)
  window.lwWindowGlobalData.set('errorMsgDom', errorMsgNew)
}

// 关闭错误提示弹框
const close = () => {
  const dom = window.lwWindowGlobalData.get('errorMsgDom')
  dom ? dom.close() : console.log('调用关闭错误弹框失败，没有可以关闭的弹框', dom)
}


export const lwErrMsg = {
  close,
  show
}