puti
/
snd-escloud


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
							<!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">
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i>
    首页 <span class="c-gray en">&gt;</span>
    系统管理 <span class="c-gray en">&gt;</span>
    组织管理 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
            href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div class="page-container">
    <div class="row cl" style="margin-top: 20px;">
        <div class="form-label col-xs-6 col-sm-6" style="padding-right: 0;"><input id="dep_search" class="input-text" type="text"/></div>
        <div class="form-label col-xs-4 col-sm-2"><button id="dep_btn" class="btn btn-primary radius">搜索</button></div>
    </div>
</div>
<form id="myForm" th:action="@{/admin/role}" th:method="get">
    <div class="page-container">

        <table class="table">
            <tr>
                <td width="300" class="va-t">
                    <ul id="tree" class="ztree"></ul>
                </td>
                <td class="va-t">
                    <iframe id="detailIframe" Name="detailIframe" frameborder=0 scrolling="auto" width="100%"
                            height="390px">
                        444
                    </iframe>
                </td>
            </tr>
        </table>
    </div>
</form>
<script type="text/javascript" th:inline="javascript">
    var obj = "";
    var ztreeTid = "";
    var setting = {
        view: {
            addHoverDom: addHoverDom,       // 用于当鼠标移动到节点上时，显示用户自定义控件。务必与 setting.view.removeHoverDom 同时使用
            edit: addHoverDom,       // 用于当鼠标移动到节点上时，显示用户自定义控件。务必与 setting.view.removeHoverDom 同时使用
            removeHoverDom: removeHoverDom, // 用于当鼠标移出节点时，隐藏用户自定义控件。务必与 addHoverDom 同时使用
            dblClickExpand: false,
            selectedMulti: false
        },
        edit: {
            enable: true,
            editNameSelectAll: true,// 节点编辑名称 input 初次显示时,设置 txt 内容是否为全选状态。
            removeTitle: "删除",       // 删除按钮的 Title 辅助信息
            renameTitle: "编辑"       // 编辑名称按钮的 Title 辅助信息。
        },
        data: {
            simpleData: {
                enable: true,
                idKey: "id",
                pIdKey: "parent_id",
                rootPId: ""
            }
        },
        callback: {
            beforeRemove: beforeRemove,//点击删除时触发，用来提示用户是否确定删除
            beforeEditName: beforeEditName,//编辑结束时触发，用来验证输入的数据是否符合要求
            onClick: clickNode,//点击节点触发的事件
            beforeDrag: zTreeBeforeDrag
        }
    };

    function zTreeBeforeDrag(treeId,treeNodes) {
        return false;
    }

    $(document).ready(function () {
        var zNodes = [[${treeNodeList}]];
        $.fn.zTree.init($("#tree"), setting, eval('(' + zNodes + ')'));

        // 搜索
        $("#dep_btn").on("click",function (id) {
            $("li a").removeClass("curSelectedNode");
            var searchValue = $("#dep_search").val();
            $("#tree ul li").each(function () {
                for(var i = 0; i<eval('(' + zNodes + ')').length; i++){
                    if(searchValue === eval('(' + zNodes + ')')[i].name){
                        id = eval('(' + zNodes + ')')[i].id;
                    }

                }
                if(searchValue === $(this).children("a").attr("title")){
                    $(this).children("a").addClass("curSelectedNode");
                    $("#detailIframe").attr("src", pagePath + "/admin/department/detail/" + id);
                }
            });
            $("#dep_search").val('');
        });
    });
    function beforeRemove(treeId, treeNode) {
        if (treeNode.isParent) {
            errorMessage('请先删除子节点!');
            return false;
        }
        var isDelete = confirm("你确定要删除吗？");
        if (isDelete == true) {
            $.ajax({
                type: "delete",
                dataType: "json",
                url: pagePath + "/admin/department/delete/" + treeNode.id,
                success: function (result) {
                    if (result.success) {
                        var sObj = $("#" + treeNode.tId + "");
                        sObj.remove();
                        smileMessage( "操作成功");
                        $("#detailIframe").attr("src","");
                        location.replace(location.href);
                        // location.reload();
                    } else {
                        errorMessage( result.message);
                    }
                },
                error: function () {
                    errorMessage('系统错误!');
                }
            });

        }
        return false
    }

    function beforeEditName(treeId, treeNode) {
        layer_show("编辑节点", pagePath + "/admin/department/edit/" + treeNode.id, "800", "500");
        return false;
    }

    function clickNode(e, treeId, treeNode) {
        if (treeNode.id != '0') {
            $("#detailIframe").attr("src", pagePath + "/admin/department/detail/" + treeNode.id);
        };
    }

    // 搜索后点击事件
    $(document).on("click",".ztree li",function(e){
        var _this=$(this);
        e.stopPropagation();
        $("li a").removeClass("curSelectedNode");
        _this.children("a").addClass("curSelectedNode");
    });
    function addHoverDom(treeId, treeNode) {

        var sObj = $("#" + treeNode.tId + "_span");
        if (treeNode.editNameFlag || $("#addBtn_" + treeNode.tId).length > 0) return;
        var addStr = "<span class='button add' id='addBtn_" + treeNode.tId
            + "' title='添加' onfocus='this.blur();'></span>";
        sObj.after(addStr);
        if(treeNode.id == 0){
            $("#tree_1_a span").each(function () {
                if($(this).attr("title")=="删除" || $(this).attr("title")=="编辑"){
                    $(this).hide();
                }
            })
        };
        obj = treeNode;
        ztreeTid = treeNode.tId;
        var btn = $("#addBtn_" + treeNode.tId);
        if (btn) btn.bind("click", function () {

            layer_show("新增节点", pagePath + "/admin/department/add?departmentId=" + treeNode.id, "800", "500");
        });

    };

    // 用于当鼠标移出节点时，隐藏用户自定义控件
    function removeHoverDom(treeId, treeNode) {
        $("#addBtn_" + treeNode.tId).unbind().remove();
    };

    //增加节点
    function addNode(id, parentId, name) {
        var zTree = $.fn.zTree.getZTreeObj("tree");
        zTree.addNodes(obj, {id: id, pId: parentId, name: name}); //页面上添加节点
        var node = zTree.getNodeByParam("id", id, null); //根据新的id找到新添加的节点
        zTree.selectNode(node); //让新添加的节点处于选中状态
    }

    //更新节点
    function updateNode( name) {
        $("#"+ztreeTid+"_span").html(name);

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