0326系统按钮添加权限的工作

最新推荐文章于 2024-06-28 01:21:07 发布

dilei8887

最新推荐文章于 2024-06-28 01:21:07 发布

阅读量152

点赞数

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/pengfei25/p/10604146.html

版权

/**
 * 为按钮添加权限
 * @author hpf
 * @since 2019-03-25
 */
var Ajax={
    get: function(url, fn) {
        // XMLHttpRequest对象用于在后台与服务器交换数据   
        var xhr = new XMLHttpRequest();            
        xhr.open('GET', url, true);
        xhr.onreadystatechange = function() {
            // readyState == 4说明请求已完成
            if (xhr.readyState == 4 && xhr.status == 200 || xhr.status == 304) { 
                // 从服务器获得数据 
                fn.call(this, xhr.responseText);  
            }
        };
        xhr.send();
    },
    // datat应为'a=a1&b=b1'这种字符串格式，在jq里如果data为对象会自动将对象转成这种字符串格式
    post: function (url, data, fn) {
        var xhr = new XMLHttpRequest();
        xhr.open("POST", url, true);
        // 添加http头，发送信息至服务器时内容编码类型
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
                fn.call(this, xhr.responseText);
            }
        };
        xhr.send(data);
    }
}
function linksFactory(apilist, fn) {
    var links = {};
    linkNum = 0;
    if (!(apilist instanceof Array)) { return '../' }
    apilist.map(function (v, i, a) {
        var _arr = v.url.split('/');
        var _name = _arr[_arr.length - 1];
        _name = _name.split('?')[0];
        if (links[_name] !== undefined) {
            _name = _name + linkNum++;
        }
        links[_name] = {
            url: function () {
                var me =this;
                if (me.res_power=="true") {
                    creatStyle(me.param);
                    return me.api;
                } else {
                    if (typeof fn === 'function') {
                        fn(me);
                    }
                    return '../';
                }
            },
            api: v.url,
            param: v.param,
            res_power: true
        }
    });


    for (var k in links) {
        (function (key) {
            Ajax.get('/sys/buttonAssign/isPermission/'+links[key].param,function(_res){
                var res=JSON.parse(_res);
                links[key].res_power=res.result;
                if(links[key].api=='button'){
                    links[key].url();
                }
            })
        })(k);
    }
    return links;
}

function creatStyle(p){
    var style='<style>[assign-url="'+p+'"]{display:initial;}</style>';
    var ele=document.createElement('div');
    ele.innerHTML=style;
    document.getElementsByTagName('head')[0].appendChild(ele.firstElementChild)
}

$.post(requestPower.getAssignList.url(),param, function(data){
                  var menuDetail= $.parseJSON(data.menuList);
                  $.fn.zTree.init($("#menuTree"), setting, menuDetail);
                  var userDetail= $.parseJSON(data.userList);
                  userDetail.forEach(function(item){
                      if(item.flag == '1' && item.pId != "DROOT"){
                          item.iconSkin = "sec";
                      }
                      else if(item.flag == '2'){
                          item.iconSkin = "user";
                      }
                  });
                  $.fn.zTree.init($("#userTree"), setting, userDetail);
                  processHeight();
              });

    var requestPower=linksFactory(
        [
            //{url:path+"/sys/roleAssign/assignMenu",param:"roleAssign:permission:arrange"},
            //{url:"assignMenu",param:"roleAssign:permission:buttonArrange"},
            {url:path+"/sys/roleAssign/assignMenu",param:"roleAssign:permission:arrange"},
            {url:"getAssignList",param:"roleAssign:permission:buttonArrange"},
        ],function(me){
            console.log(me);
            alert("没有权限");
        }
    )
    requestPower.assignMenu.url()
    requestPower.getAssignList.url()

自己修改的版本

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>测试按钮权限</title>
  <style type="text/css">
    button{display:none}
  </style>
 </head>
 <body>
    <div id="tbl" class="scroll-tbl">
        <button assign-url="code1">权限按钮1</button>
        <button assign-url="code2">权限按钮2</button>    
    </div>
    <script type="text/javascript">
        var Ajax={
            get: function(url, fn) {
                // XMLHttpRequest对象用于在后台与服务器交换数据   
                var xhr = new XMLHttpRequest();            
                xhr.open('GET', url, true);
                xhr.onreadystatechange = function() {
                    // readyState == 4说明请求已完成
                    if (xhr.readyState == 4 && xhr.status == 200 || xhr.status == 304) { 
                        // 从服务器获得数据 
                        fn.call(this, xhr.responseText);  
                    }
                };
                xhr.send();
            },
            // datat应为'a=a1&b=b1'这种字符串格式，在jq里如果data为对象会自动将对象转成这种字符串格式
            post: function (url, data, fn) {
                var xhr = new XMLHttpRequest();
                xhr.open("POST", url, true);
                // 添加http头，发送信息至服务器时内容编码类型
                xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  
                xhr.onreadystatechange = function() {
                    if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
                        fn.call(this, xhr.responseText);
                    }
                };
                xhr.send(data);
            }
        }
        function linksFactory(apilist, fn) {
            var links = {};
            linkNum = 0;
            if (!(apilist instanceof Array)) { return '../' }
            apilist.map(function (v, i, a) {
                var _arr = v.url.split('/');
                var _name = _arr[_arr.length - 1];
                _name = _name.split('?')[0];
                if (links[_name] !== undefined) {
                    _name = _name + linkNum++;
                }
                links[_name] = {
                    url: function () {
                        var me =this;
                        if (me.res_power=="true") {
                            creatStyle(me.param);
                            return me.api;
                        } else {
                            if (typeof fn === 'function') {
                                fn(me);
                            }
                            return '../';
                        }
                    },
                    api: v.url,
                    param: v.param,
                    res_power: true
                }
            });

            var buttonAssign={
                url1:"false",
                url2:'true'
            }
            for (var k in links) {
                (function (key) {
                /*    Ajax.get('/sys/buttonAssign/isPermission/'+links[key].param,function(_res){
                        var res=JSON.parse(_res);
                        links[key].res_power=res.result;
                        if(links[key].api=='button'){
                            links[key].url();
                        }
                    })
                */
                    links[key].res_power=buttonAssign[key];
                    if(buttonAssign[key]=="true"){
                        creatStyle(links[key].param);
                    }
                })(k);
            }
            console.log(links);
            return links;
        }

        function creatStyle(p){
            var style='<style>[assign-url="'+p+'"]{display:initial;}</style>';
            var ele=document.createElement('div');
            ele.innerHTML=style;
            document.getElementsByTagName('head')[0].appendChild(ele.firstElementChild)
        }
    </script>
    <script type="text/javascript">
        var requestPower=linksFactory(
            [
                {url:"url1",param:"code1"},
                {url:"url2",param:"code2"},
            ],function(me){
                console.log(me);
                alert("没有权限");
            }
        )
    </script>
 </body>
</html>