shuzhan
/
ipcps-pc


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
							<!DOCTYPE html>
<html>
<head>
	<title>详情页</title>
	<!--#include file="common/_header.html"-->
      <link rel="stylesheet" type="text/css" href="lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" />
      <style>
        .role-menu-container{
            position:absolute;
            left:0px;
            right:0px;
            top:0px;
            bottom:0px;
            display:flex;
            flex-direction: column;
        }

        .role-menu-container .ztree{
            flex:1;overflow:auto;
        }

        .role-menu-container .button-bar{
            height:40px;
            text-align:right;
            padding-right:10px;
        }
      </style>
</head>
<body>
	<div class="role-menu-container">        
        <ul id="treeDemo" class="ztree"></ul>
        <div class="button-bar">
            <input id="btnSubmit" class="btn btn-primary radius" type="button" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
        </div>
    </div>
<!--_footer 作为公共模版分离出去-->
<!--#include file="common/_footer.html"-->
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>  
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="scripts/global.js"></script>
<script type="text/javascript" src="lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript">
	var path = global_backend_url;
		
	$(document).ready(function(){
		//获取url中传参
		var roleId = getQueryString("roleId");
		        
        function initTree(){
            var setting = {
                check: {
                    enable: true,
                    autoCheckTrigger: true
                },
                async: {
                    enable: true,
                    url: path + "/role/queryRelatedMenuList?roleId=" + roleId,
                    autoParam: ["id"],
                    type: "post",
                    dataFilter : ajaxDataFilter
                },
                data: {
                    key: {
                        name: "menuName"
                    },
                    simpleData: {
                        enable: true,
                        idKey: "id",
                        pIdKey: "parentId"
                    }
                },
                check:{
                    enable:true,
                    chkboxType : { "Y" : "s", "N" : "s" } //不关联父节点
                },
                callback: {
                    onAsyncSuccess:function(event, treeId, treeNode, msg) {

				        layer.close(loadingIndex);	
                    }
                }
            };

			var loadingIndex = layer.load(1, {shade: [0.1,'#fff']});
            $.fn.zTree.init($("#treeDemo"), setting);
        }

        initTree();

        function ajaxDataFilter(treeId, parentNode, responseData) {
            if(responseData.result){
                return responseData.data;
            }
            else{
                layer.msg(responseData.message + "" , {icon:1,time:3000});
            }
        }

        $("#btnSubmit").click(function(){
            var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
            var nodes = treeObj.getCheckedNodes(true);

            var arr = new Array();

            for(var i=0;i<nodes.length;i++){
                arr.push(nodes[i].id);
            }
            
			var loadingIndex = layer.load(1, {shade: [0.1,'#fff']});

            $.post(path + "/role/saveRelatedMenu",{
                roleId : roleId,
                menuIds : arr.join(",")
            },function(data){
				layer.close(loadingIndex);	

                if(data.result){
        			top.layer.msg('分配成功!',{icon:1,time:1000});
                }
                else{
                    layer.msg(data.message + "" , {icon:1,time:3000});
                }
            },"json");
        });

	});
</script> 
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>