Browse Source

公告树形

baifalu 3 years atrás
parent
commit
8f2d2305a7
1 changed files with 100 additions and 0 deletions
  1. 100 0
      src/main/webapp/webpage/modules/oa/oaNotifyIndex.jsp

+ 100 - 0
src/main/webapp/webpage/modules/oa/oaNotifyIndex.jsp

@@ -0,0 +1,100 @@
+<%@ page contentType="text/html;charset=UTF-8" %>
+<%@ include file="/webpage/include/taglib.jsp"%>
+<html>
+<head>
+    <title>公告管理</title>
+    <meta name="decorator" content="default"/>
+    <%@include file="/webpage/include/treeview.jsp" %>
+    <style type="text/css">
+        .ztree {overflow:auto;margin:0;_margin-top:10px;padding:10px 0 0 10px;}
+    </style>
+    <script type="text/javascript">
+        function refresh(){//刷新
+
+            window.location="${ctx}/oa/oaNotify/";
+        }
+    </script>
+    <style>
+        body{
+            background-color:transparent;
+            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF);
+            color:#ffffff;
+            background-color:rgba(255,255,255,0);
+            height:100%;
+        }
+    </style>
+</head>
+<body>
+<div class="wrapper wrapper-content full-width" id="divId">
+    <sys:message content="${message}"/>
+    <div id="content" class="pr full-height full-width">
+
+        <div id="left"  class="contentShadow fl contents">
+            <div class="ztreeContainer">
+                <div id="ztree" class="ztree leftBox-content"></div>
+            </div>
+        </div>
+
+
+        <div id="right"  class="fl contents">
+            <div class="layui-row contentShadow full-height tran-bg">
+                <iframe id="userContent" name="userContent" src="${ctx}/oa/oaNotify/list" width="100%" height="100%" frameborder="0"></iframe>
+            </div>
+        </div>
+    </div>
+</div>
+<script type="text/javascript">
+    function addDiyDom(treeId, treeNode) {
+        var spaceWidth = 15;
+        var switchObj = $("#" + treeNode.tId + "_switch"),
+            icoObj = $("#" + treeNode.tId + "_ico");
+        switchObj.remove();
+        icoObj.before(switchObj);
+
+        if (treeNode.level > 0) {
+            var spaceStr = "<span style='display: inline-block;width:" + (spaceWidth * treeNode.level)+ "px'></span>";
+            switchObj.before(spaceStr);
+        }
+    }
+
+
+    var setting = {data:{simpleData:{enable:true}},
+        callback:{onClick:function(event, treeId, treeNode){
+                var type = treeNode.id == '0' ? '' :treeNode.id;
+                // var type = treeNode.id;
+                $('#userContent').attr("src","${ctx}/oa/oaNotify/list?type="+type);
+            }
+        }
+        ,view:{
+            showLine: false,
+            showIcon: false,
+            addDiyDom: addDiyDom
+        }
+    };
+
+    function refreshTree(){
+        $.getJSON("${ctx}/oa/oaNotify/treeDataNotify?"+ Math.random(),function(data){
+            $.fn.zTree.init($("#ztree"), setting, data).expandAll(true);
+            closeSubChilds();
+        });
+    }
+    refreshTree();
+
+    function closeSubChilds() {
+        var secondLevel = $('#ztree').children().children().eq(1).children();
+        var slists = secondLevel.find('a.level1').find('.level1');
+        var arr = [];
+        for (var i = 0, length = slists.length; i < length; i++) {
+            arr.push(slists[i]);
+            $(arr[i].parentNode.nextSibling).css('display','none');
+            arr[i].click(function(){
+                arr[i].removeClass("noline_close").addClass('noline_open');
+            })
+        }
+        secondLevel.find('a.level1').children().eq(1).removeClass("noline_open").addClass('noline_close');
+    }
+
+</script>
+
+</body>
+</html>