<%@ page language="java" pageEncoding="UTF-8" %>
<%@include file="/WEB-INF/common/layouts/common.jsp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>

    <title>部门结构图</title>

    <link type="text/css" rel="stylesheet"
          href="${ctx}/resources/customize/css/layout-default-latest.css"/>

    <!-- <style type="text/css">
    .hidden {
        display:		none;
    }
    ul ul li:hover	{ background-color: #FF9; }
    ul li:hover ul	{ display:	block; background-color: #EEE; }
</style> -->

    <!-- LAYOUT v 1.3.0 -->
    <script type="text/javascript"
            src="${ctx}/resources/customize/js/jquery-latest.js"></script>
    <script type="text/javascript"
            src="${ctx}/resources/customize/js/jquery-ui-latest.js"></script>
    <script type="text/javascript"
            src="${ctx}/resources/customize/js/jquery.layout-latest.js"></script>


    <script type="text/javascript">
        //var effectDept ;

        function toggleLiveResizing() {
            $.each($.layout.config.borderPanes, function (i, pane) {
                var o = myLayout.options[pane];
                o.livePaneResizing = !o.livePaneResizing;
            });
        };

        var stateResetSettings = {
            west__size: "auto",
            west__initClosed: false,
            west__initHidden: false,
        };

        var myLayout;

        $(document)
            .ready(
                function () {
                    myLayout = $('body').layout({
                        closable: true,
                        resizable: false,
                        slidable: true,
                        center_slidable: true,
                        livePaneResizing: true,
                        west__minSize: 250,
                        center__minWidth: 100,
                        west__animatePaneSizing: false,
                        west__fxSpeed_size: "fast",
                        west__fxSpeed_open: 1000,
                        west__fxSettings_open: {
                            easing: "easeOutBounce"
                        },
                        //west__showOverflowOnHover:	true,
                        resizerTip: "调整大小",
                        togglerTip_open: "隐藏树",
                        togglerContent_closed: "显示树",
                        togglerTip_closed: "显示树",
                        sliderTip: "显示树",
                        spacing_closed: 20,
                        togglerLength_closed: 100,
                        //	west__fxName_close : "none",
                        //	west__showOverflowOnHover : true
                        buttonClass: "button"
                    });


                });
    </script>


</head>
<body>

<%@include file="/WEB-INF/views/department/pages/tree.jsp" %>
<div class="ui-layout-center">
    <iframe id="listFrame" name="listFrame" frameborder="0" width="100%" height="1200px" scrolling="no"></iframe>
</div>

</body>
</html>
