mainExtend.jsp 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="com.hotent.platform.model.system.Resources"%>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  5. <%@taglib prefix="f" uri="http://www.jee-soft.cn/functions" %>
  6. <%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  7. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
  8. <%@ taglib prefix="display" uri="http://displaytag.sf.net" %>
  9. <c:set var="ctx" value="${pageContext.request.contextPath}" />
  10. <c:set var="skinStyle" value="${skinStyle}" />
  11. <head>
  12. <title>长春首佳科技有限公司--XTBG流程业务管理平台</title>
  13. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  14. <f:link href="Aqua/css/ligerui-all.css"></f:link>
  15. <f:link href="index.css"></f:link>
  16. <f:link href="select.css"></f:link>
  17. <f:link href="tree/zTreeStyle.css"></f:link>
  18. <f:js pre="js/lang/common" ></f:js>
  19. <f:js pre="js/lang/js" ></f:js>
  20. <f:link href="greenMain.css"></f:link>
  21. <script type="text/javascript" src="${ctx}/js/dynamic.jsp"></script>
  22. <script type="text/javascript" src="${ctx}/js/jquery/jquery.js"></script>
  23. <script type="text/javascript" src="${ctx}/js/util/util.js"></script>
  24. <script type="text/javascript" src="${ctx}/js/util/form.js"></script>
  25. <script type="text/javascript" src="${ctx}/js/lg/base.js" ></script>
  26. <script type="text/javascript" src="${ctx}/js/lg/plugins/ligerDialog.js" ></script>
  27. <script type="text/javascript" src="${ctx}/js/lg/plugins/ligerDrag.js" ></script>
  28. <script type="text/javascript" src="${ctx}/js/lg/plugins/ligerLayout.js" ></script>
  29. <script type="text/javascript" src="${ctx}/js/lg/plugins/ligerMenu.js"></script>
  30. <script type="text/javascript" src="${ctx}/js/lg/plugins/ligerTab.js" ></script>
  31. <script type="text/javascript" src="${ctx}/js/lg/plugins/ligerAccordion.js" ></script>
  32. <script type="text/javascript" src="${ctx}/js/tree/jquery.ztree.js" ></script>
  33. <script type="text/javascript">
  34. if(top!=this){//当这个窗口出现在iframe里,表示其目前已经timeout,需要把外面的框架窗口也重定向登录页面
  35. top.location='<%=request.getContextPath()%>/platform/console/main.ht';
  36. }
  37. var menus=[];
  38. var tab = null;
  39. var ctxPath=__ctx;
  40. var accordion = null;
  41. $(function (){
  42. //布局
  43. $("#layoutMain").ligerLayout({
  44. topHeight :80,
  45. leftWidth: 180,
  46. height: '98%',
  47. onHeightChanged: heightChanged });
  48. //取得layout的高度
  49. var height = $(".l-layout-center").height();
  50. //Tab
  51. $("#framecenter").ligerTab({ height: height});
  52. //面板
  53. // $("#accordion1").ligerAccordion({ height: height, speed: null });
  54. //获取tab的引用
  55. tab = $("#framecenter").ligerGetTabManager();
  56. // accordion = $("#accordion1").ligerGetAccordionManager();
  57. //加载菜单
  58. loadMenu();
  59. //隐藏加载对话框
  60. $("#pageloading").hide();
  61. $('div.l-menu').live('mouseOut',function(){
  62. for(var i=0;i<menus.length;i++){
  63. menus[i].hide();
  64. }
  65. })
  66. /*
  67. $("#menuPanel").delegate("a.menuItem", "click", function(){
  68. var id=$(this).attr("id");
  69. loadTree(id);
  70. $(this).siblings().removeClass("menuItem_hover").end().addClass("menuItem_hover");
  71. jQuery.setCookie("selectTab",id);
  72. });
  73. */
  74. //更多操作的初始化
  75. var button = $('#loginButton');
  76. var box = $('#loginBox');
  77. var shade=$('#shadeEm');
  78. button.mouseover(function(login) {
  79. box.toggle();
  80. shade.toggle();
  81. button.toggleClass('active');
  82. t= setTimeout(function(){button_mouseout();},2000);
  83. });
  84. $(this).mouseup(function(login) {
  85. if ($(login.target).hasClass("more")){
  86. var prehref=$(login.target).attr('prehref');
  87. if(prehref)
  88. addToTab(prehref,$(login.target).text(),$(login.target).attr('resid'));
  89. button.removeClass('active');
  90. box.hide();
  91. shade.hide();
  92. }
  93. });
  94. var button_mouseout=function(){
  95. box.hide();
  96. shade.hide();
  97. button.removeClass('active');
  98. }
  99. box.mouseenter(function(){
  100. clearTimeout(t);
  101. });
  102. box.mouseleave(function(){
  103. box.hide();
  104. shade.hide();
  105. button.removeClass('active');
  106. });
  107. });
  108. //布局大小改变的时候通知tab,面板改变大小
  109. function heightChanged(options){
  110. $("iframe").each(function(){
  111. if($(this).attr("name")!=undefined){
  112. $(this).height(options.middleHeight-35);
  113. }
  114. });
  115. $("#leftTree").height(options.middleHeight-40);
  116. if (tab){
  117. var tabContent =$(".l-tab-content"),
  118. h =tabContent.height();
  119. tabContent.height(h+options.diff+15);
  120. }
  121. // tab.addHeight(options.diff);
  122. if (accordion && options.middleHeight - 25 > 0)
  123. accordion.setHeight(options.middleHeight - 25);
  124. }
  125. var aryTreeData=null;
  126. //返回根节点
  127. function getRootNodes(){
  128. var nodes=new Array();
  129. for(var i=0;i<aryTreeData.length;i++){
  130. var node=aryTreeData[i];
  131. if(node.parentId==0){
  132. nodes.push(node);
  133. }
  134. }
  135. return nodes;
  136. };
  137. //初始化菜单滚动按钮
  138. function initRollButton(){
  139. var pWidth = $("div.menuParent").width(),sWidth = $("div.menuPanel").width();
  140. if(sWidth<=0)return;
  141. var left = pWidth - sWidth;
  142. if (left <= 0) {
  143. $(".nav_left").show();
  144. $(".nav_right").show();
  145. }
  146. };
  147. //加载菜单面板
  148. function loadMenu(){
  149. $("#leftTree").empty();
  150. //一次性加载
  151. $.post("${ctx}/platform/console/getSysRolResTreeData.ht",
  152. function(result){
  153. aryTreeData=result;
  154. for(var i=0;i<result.length;i++){
  155. var node=result[i];
  156. }
  157. //获取根节点,加载顶部按钮菜单。
  158. var headers=getRootNodes();
  159. var len=headers.length;
  160. var menuContainer=$("#menuPanel");
  161. for(var i=0;i<len;i++){
  162. var head=headers[i];
  163. var menuItemHtml=getMenuItem(head);
  164. menuContainer.append($(menuItemHtml));
  165. loadTree(headers[i].resId);
  166. }
  167. initRollButton();
  168. });
  169. }
  170. function loadTree(resId){
  171. var nodes=new Array();
  172. getChildByParentId(resId,nodes);
  173. var top=$('#'+resId).offset().top+35;
  174. var left=$('#'+resId).offset().left;
  175. var ary = new Array();
  176. for(var i=0;i<nodes.length;i++){
  177. var node=nodes[i];
  178. var nodeJson={
  179. text:node.resName,
  180. defaultUrl:node.defaultUrl,
  181. resName:node.resName,
  182. icon:node.icon,
  183. resId:node.resId,
  184. click:function(item, itemcount){
  185. addToTab(item.defaultUrl,item.resName,item.resId,item.icon)
  186. }
  187. };
  188. var child=addSubItems(node.resId);
  189. if(child)
  190. nodeJson.children=child;
  191. ary.push(nodeJson);
  192. }
  193. var menu = $.ligerMenu({ top: top, left: left, width: 170, items:ary});
  194. var currentShowObj=$(menu.element);
  195. menus.push(menu);
  196. $('#'+resId).hover(function(){
  197. for(var i=0;i<menus.length;i++){
  198. menus[i].hide();
  199. }
  200. menu.show();
  201. },function(event){
  202. var x=event.clientX;
  203. var y=event.clientY;
  204. var divx1 = currentShowObj.offset().left;
  205. var divy1 = currentShowObj.offset().top-3;
  206. var divx2 = currentShowObj.offset().left + currentShowObj.width();
  207. var divy2 = currentShowObj.offset().top + currentShowObj.height();
  208. if( x < divx1 || x > divx2 || y < divy1 || y > divy2){
  209. menu.hide();
  210. }
  211. });
  212. currentShowObj.hover(function(){},function(){
  213. if(!menu.menu.showedSubMenu)
  214. menu.hide();
  215. });
  216. }
  217. function addSubItems(resId,json){
  218. var nodes=new Array();
  219. getChildByParentId(resId,nodes);
  220. if(nodes.length<1) return null;
  221. var ary = new Array();
  222. for(var i=0;i<nodes.length;i++){
  223. var node=nodes[i];
  224. var nodeJson={
  225. text:node.resName,
  226. defaultUrl:node.defaultUrl,
  227. resName:node.resName,
  228. icon:node.icon,
  229. resId:node.resId,
  230. click:function(item, itemcount){
  231. addToTab(item.defaultUrl,item.resName,item.resId,item.icon)
  232. }
  233. };
  234. var child=addSubItems(node.resId);
  235. if(child)
  236. nodeJson.children=child;
  237. ary.push(nodeJson);
  238. }
  239. return ary;
  240. }
  241. //加载菜单项
  242. function getMenuItem(node){
  243. var str='<li><a class="menuItem" id="'+node.resId+'">';
  244. str+=node.resName+'<div class="down_menu"></div> </a></li>';
  245. return str;
  246. }
  247. function getChildByParentId(parentId,nodes){
  248. for(var i=0;i<aryTreeData.length;i++){
  249. var node=aryTreeData[i];
  250. if(node.parentId==parentId){
  251. nodes.push(node);
  252. //getChildByParentId(node.resId,nodes);
  253. }
  254. }
  255. };
  256. //添加到tab或者刷新
  257. function addToTab(url,txt,id,icon){
  258. if(url!=null && url!='' && url!='null'){
  259. if(!url.startWith("http",false)) url=ctxPath +url;
  260. if(tab.isTabItemExist(id)){
  261. tab.selectTabItem(id);
  262. tab.reload(id);
  263. }
  264. else{
  265. tab.addTabItem({ tabid:id,text:txt,url:url,icon:icon});
  266. }
  267. }
  268. };
  269. //切换系统
  270. function saveCurrentSys(){
  271. var systemId=$("#setSubSystem").val();
  272. var form=new com.hotent.form.Form();
  273. form.creatForm("form", "${ctx}/platform/console/saveCurrSys.ht");
  274. form.addFormEl("systemId", systemId);
  275. form.submit();
  276. }
  277. // firefox下切换tab的高度处置
  278. </script>
  279. <style type="text/css">
  280. body,html{height:100%;}
  281. body{ padding:0px; margin:0; overflow:hidden;}
  282. #pageloading{position:absolute; left:0px; top:0px; background:white url('${ctx}/styles/default/images/loading.gif') no-repeat center; width:100%; height:100%; height:700px; z-index:99999;}
  283. #top{color:White;height: 80px;}
  284. #top a{color:white;}
  285. </style>
  286. </head>
  287. <body style="padding:0px;">
  288. <div id="pageloading"></div>
  289. <%@include file="main_top_extend.jspf" %>
  290. <div id="layoutMain" style="width:100%; margin:0 auto;margin-top:2px">
  291. <div position="center" id="framecenter">
  292. <div tabid="home" title="我的主页" style="height:300px" >
  293. <c:if test="${not empty currentSystem.homePage }">
  294. <c:choose>
  295. <c:when test="${currentSystem.isLocal==1}">
  296. <iframe frameborder="0" name="home" src="${ctx}${currentSystem.homePage}"></iframe>
  297. </c:when>
  298. <c:otherwise>
  299. <iframe frameborder="0" name="home" src="${currentSystem.defaultUrl}${currentSystem.homePage}"></iframe>
  300. </c:otherwise>
  301. </c:choose>
  302. </c:if>
  303. </div>
  304. </div>
  305. </div>
  306. <div class="bottom">
  307. </div>
  308. </body>
  309. </html>