logwire-wms-ui-test/src/utils/SetColor.js

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

/**
 * 修改主题颜色，不暴露给项目使用
 * @author 张文
 * @date 2022-01-17
 * @param {Object} obj 需要修改的颜色
 * @return {Boolean}
 * */

import {common} from "../api/common/common";


export const SetColor = {
  /**
   * 异步获取颜色配置
   * @author 张文
   * @return {Object} 颜色配置
   * */
  awayGet(){
    return new Promise((pres,perr)=>{
      common.baseWmsLoadPdaClientConfig().then(res=>{
        pres(res.themeConfig || {})
      }).catch((err)=>perr(err))
    })
  },


  /**
   * 异步获取颜色配置后在设置颜色
   * @author 张文
   * */
  awaySet(){
    this.awayGet().then(res=>{
      this.set(res)
    })
  },

  /**
   * 设置颜色
   * @author 张文
   * @param {Object} obj - 需要设置的颜色
   * */
  set(obj) {

    if (typeof obj !== 'object' || !Object.keys(obj).length) {
      console.error('修改主题颜色时传入的参数不为对象或为空对象，传入数据为：')
      console.error(obj)
      return
    }

    const bodyDom = document.getElementsByTagName('body')[0].style

    for (let key in obj) {
      bodyDom.setProperty(`--${key}`, obj[key]);
    }

  }
}