后台权限管理

权限

//permission-button.js文件，在main.js中引入
//用法 <div v-has="1001">权限按钮</div>
import Vue from "vue";
const has = Vue.directive("has", {
   
  inserted: function(el, binding, vnode) {
   
    let hasPermisssion = Vue.prototype.$_has(binding.value);
    const buttonCode = ["1001"];
    // true 显示按钮  false 禁止点击按钮
    const isShowButton = buttonCode.includes(`${
     binding.value}`);
    if (!hasPermisssion && isShowButton) {
   
      el.parentNode.removeChild(el);
    }
    if (!hasPermisssion && !isShowButton) {
   
      el.setAttribute("disabled", true);
      el.style.color = "#C0C4CC";
      el.className = "el-button el-button--text el-button--mini is-disabled";
    }
  },
});
// 权限检查方法
Vue.prototype.$_has = function(value) {
   
 // let permissionCode = Vue.$localStorage.get("code");
 // return permissionCode.includes(`${value}`);
 //urlParams.id和urlParams.nick是拼接地址栏的参数
   const params = {
   
    shopId: urlParams.id || Vue.$localStorage.get("id"),
    csPin: urlParams.nick || Vue.$localStorage