puti
/
snd-escloud


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{admin/common/common}">
<head>
    <title>角色授权</title>
</head>

<body layout:fragment="content">
<article class="page-container">
    <form action="" method="post" class="form form-horizontal" id="form-admin-role-permission">
        <input type="hidden" th:value="*{roleId}" th:id="rid"/>
        <input type="hidden" th:name="permissionIds" th:id="permissionIds" th:value="${permissionIds}"/>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2" style="float:left;">角色授权：</label>
            <ul id="tree" th:class="ztree" style="float:left;"></ul>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <button th:if="${canEdit==true}" type="submit" class="btn btn-success radius" id="admin-role-save"><i class="icon-ok"></i> 确定
                </button>
                <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
            </div>
        </div>
    </form>
</article>

<script type="text/javascript" th:src="@{/js/sys/role_menu.js}"></script>

<script th:inline="javascript">
    /**
     * 取消
     */
    function removeIframe() {
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    }

    $(function () {
        var zNodes = [[${treeNodeList}]];
        var setting = {
            check: {
                enable: true,	//是否复选框
                chkboxType: {"Y": "ps", "N": "ps"}  //子节点取消勾选时不影响父节点
            },
            data: {
                simpleData: {
                    enable: true,
                    idKey: "id",
                    pIdKey: "parent_id",
                    rootPId: 0
                }
            },
            callback: {
                onCheck: zTreeOnCheck
            }
        };

        $.fn.zTree.init($("#tree"), setting, eval('(' + zNodes + ')'));

        /**
         * 获取选中节点
         * @param event
         * @param treeId
         * @param treeNode
         */
        function zTreeOnCheck(event, treeId, treeNode) {
            var treeObj = $.fn.zTree.getZTreeObj("tree");
            var nodes = treeObj.getCheckedNodes(true);
            var ids = [];
            for (var i = 0; i < nodes.length; i++) {
                //获取选中节点的值
                ids.push(nodes[i].id);
            }
            $("#permissionIds").val(ids);
        }

        //处理回显
        var zTreeObj = $.fn.zTree.getZTreeObj("tree");  //获取tree对象
        var zTree = zTreeObj.getCheckedNodes(false);    //获取未被选中的tree节点集合
        var pid = $("#permissionIds").val();
        /**此处数据前后必须拼接,*/
        var pidArray = pid.split(",");

        for (var i = 0; i < zTree.length; i++) {
            for (var j = 0; j < pidArray.length; j++) {
                if (zTree[i].id == pidArray[j]) {
                    zTreeObj.expandNode(zTree[i], true); //展开选中的
                    zTreeObj.checkNode(zTree[i], true);  //勾选
                }
            }
        }
    });

</script>
</body>
</html>