import { Directive, DirectiveBinding } from 'vue';
|
import useUserStore from '@/store/modules/user';
|
/**
|
* 操作权限处理
|
*/
|
export const hasPermi: Directive = {
|
mounted(el: HTMLElement, binding: DirectiveBinding) {
|
const { permissions } = useUserStore();
|
// 「其他角色」按钮权限校验
|
const { value } = binding;
|
if (value && value instanceof Array && value.length > 0) {
|
const hasPermission = permissions.some((permi) => {
|
return permi === '*:*:*' || value.includes(permi);
|
});
|
if (!hasPermission) {
|
el.parentNode && el.parentNode.removeChild(el);
|
return false;
|
}
|
} else {
|
throw new Error("check perms! Like v-has-permi=\"['sys:user:add','sys:user:edit']\"");
|
}
|
}
|
};
|
|
/**
|
* 角色权限处理
|
*/
|
export const hasRoles: Directive = {
|
mounted(el: HTMLElement, binding: DirectiveBinding) {
|
const { value } = binding;
|
const { roles } = useUserStore();
|
if (value && value instanceof Array && value.length > 0) {
|
const hasRole = roles.some((role) => {
|
return role === 'admin' || value.includes(role);
|
});
|
if (!hasRole) {
|
el.parentNode && el.parentNode.removeChild(el);
|
return false;
|
}
|
} else {
|
throw new Error("check roles! Like v-has-roles=\"['admin','test']\"");
|
}
|
}
|
};
|
