logwire-wms-pda-ui/src/directive/Permissions.js

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

/*
* 权限
* @author: 张文
* @date  2022-02-14
* */

import {Permissions} from "../utils/Permissions";
import {lwShowErrorMsg} from "../components/ui/ErrorMsg";

export default {
  inserted(el, binding) {
    const { value } = binding
    const permissions = Permissions.get() || []

    if (value && value instanceof Array) {

      if(value.length === 0) return true

      const permissionRoles = value

      const hasPermission = permissions.some(role => {
        return permissionRoles.includes(role)
      })

      if (!hasPermission) {
        el.parentNode && el.parentNode.removeChild(el)
      }
    } else {
      lwShowErrorMsg({
        message:'权限校验失败，请检查传入数据是否正确'
      })
      throw new Error(
          "权限校验失败，请检查传入数据是否正确! 像这样使用：<div v-permission=\"['admin','editor']\"></div>"
      )
    }
  }
}