logwire-wms-ui-test/src/components/ui/Loading/index.js

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

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




// 手动挂载加载框
const toastCom = Vue.extend(lwLoadingVue)
let toastNew
// 挂载加载框
const lwLoadingDom = (msg) => {
  toastNew = new toastCom({
    el: document.createElement('div')
  });
  toastNew.msg = msg || msg === 0 ? msg : '加载中...'
  toastNew.loading++
  document.body.appendChild(toastNew.$el)
  return toastNew
}

/**
* 打开加载框
* @param {String} msg 加载文字，默认“加载中...”
* */
const show = (msg='加载中...') => {
  if (toastNew){
    toastNew.loading++
    toastNew.msg = msg
    return toastNew
  }
  return lwLoadingDom(msg)
}

// 关闭加载框
const close = () => {
  try{
    if (toastNew){
      toastNew.loading--

      if (toastNew.loading <=0) toastNew.loading = 0
    }
  }catch (err){
    console.error('关闭加载框出错', err)
  }
}

export const lwLoading = {
  show,
  close
}