wxtree.jsp 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = path + "/common";
  5. %>
  6. <!DOCTYPE html>
  7. <html lang="en">
  8. <head>
  9. <meta charset="utf-8">
  10. <title>公众号管理平台</title>
  11. <link rel="shortcut icon" href="http://zhihui2014.sinaapp.com/images/wx/wally.jpg"/>
  12. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  13. <meta name="description" content="">
  14. <meta name="author" content="">
  15. <link rel="stylesheet" href="<%=basePath %>/css/admin/css/keyset/wxmenu.css" type="text/css">
  16. <link rel="stylesheet" href="<%=basePath %>/css/admin/css/keyset/appmsg.css">
  17. <link rel="stylesheet" href="<%=basePath %>/css/admin/css/keyset/bootstrap.min.css">
  18. <link rel="stylesheet" href="<%=basePath %>/css/admin/css/keyset/theme.css">
  19. <link rel="stylesheet" href="<%=basePath %>/css/admin/css/keyset/zTreeStyle/zTreeStyle.css" type="text/css">
  20. <link rel="stylesheet" href="<%=basePath %>/css/admin/css/keyset/font-awesome/css/font-awesome.css" type="text/css">
  21. <script type="text/javascript" src="<%=basePath %>/js/admin/public/wxtree.js"></script>
  22. <script type="text/javascript" src="<%=basePath %>/js/admin/public/jquery-1.4.4.min.js"></script>
  23. <script type="text/javascript" src="<%=basePath %>/js/admin/public/jquery-1.7.2.min.js"></script>
  24. <script type="text/javascript" src="<%=basePath %>/js/admin/public/bootstrap.js"></script>
  25. <script type="text/javascript" src="<%=basePath %>/js/admin/public/jquery.ztree.core-3.5.js"></script>
  26. <script type="text/javascript" src="<%=basePath %>/js/admin/public/jquery.ztree.exedit-3.5.js"></script>
  27. <style type="text/css">
  28. body{
  29. max-height: 450px;
  30. }
  31. </style>
  32. <script type="text/javascript">
  33. var basePath = '<%=path %>';
  34. var array = new Array();
  35. //页面初始加载树节点
  36. $(document).ready(function(){
  37. //菜单节点数组
  38. var zNodes = ${treedata};
  39. var i = 0;
  40. for(i==0 && zNodes !=null;i<zNodes.length;i++){
  41. if(zNodes[i]!=null)array.push(zNodes[i]);
  42. }
  43. $.fn.zTree.init($("#treeDemo"), setting, zNodes);
  44. $("#selectAll").bind("click", selectAll);
  45. var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
  46. var nodes = treeObj.transformToArray(treeObj.getNodes());
  47. for(var j=0;nodes.length ==1 && j<nodes.length;j++){
  48. addHoverDom(null, nodes[j]);
  49. }
  50. $("#dbc").val(array.length);
  51. $("#cur").val(array.length);
  52. //10-23:改为先编辑菜单再判断是否授权
  53. var ok = "${ok}";
  54. if(ok !=null && ok !="")alert(ok);
  55. });
  56. </script>
  57. <!-- Demo page code -->
  58. <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  59. <!--[if lt IE 9]>
  60. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  61. <![endif]-->
  62. </head>
  63. <!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
  64. <!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
  65. <!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
  66. <!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
  67. <!--[if (gt IE 9)|!(IE)]><!-->
  68. <body leftmargin="0" topmargin="0" onload="showmsg();">
  69. <!--<![endif]-->
  70. <div class="content">
  71. <div class="container-fluid">
  72. <fieldset>
  73. <legend>自定义菜单管理</legend>
  74. </fieldset>
  75. <form name="menuform" method="post">
  76. <input type="hidden" id="treedata" name="treedata" value='${treedata }'>
  77. <input id="tid" type="hidden">
  78. <input id="duiying" type="hidden" name="str">
  79. <input id="trid" type="hidden">
  80. <br>
  81. <input type="hidden" id="dbc">
  82. <input type="hidden" id="cur">
  83. <input type="hidden" id="picandtext">
  84. <input type="hidden" id="rs" value="${rs }">
  85. <input type="hidden" id="jsondata" name="jsondata">
  86. </form>
  87. <!-- 菜单区 -->
  88. <div class="msg-preview" style="float: left">
  89. <div class="msg-item" style="width:220px;height:400px; border: #c8c8cb 1px solid; padding-top: 1px;
  90. padding-left: 1%; margin-top: -20px; margin-left: 20px;">
  91. <ul id="treeDemo" class="ztree"></ul>
  92. </div>
  93. <div style="margin: 10px 0 0 35px;">
  94. <button type="button" class="btn-mine" onclick="saveMenu();">保&nbsp;存</button>
  95. <button type="button" class="btn" onclick="previewMenu();">预&nbsp;览</button>
  96. <button type="button" class="btn" onclick="createMenu();">发&nbsp;布</button>
  97. </div>
  98. </div>
  99. <!--编辑区-->
  100. <div id="rndiv" style="margin: -10px 0 0 320px; width: 700px; display: none;">
  101. <div class="msg-editer-wrapper">
  102. <div class="msg-editer">
  103. <div style="line-height: 50px">
  104. 菜单名称:<input id="mname" type="text" style="margin-left: 4px; border-radius: 5px; height: 30px;">
  105. <span class="maroon">*</span><span class="help-inline">(必填,不能超过10个字)</span>
  106. </div>
  107. <div style="line-height: 40px">
  108. 菜单类型:
  109. <select name="type"
  110. id="type" style="width: 153px" onchange="showdiv(this)">
  111. <option value="1">文本</option>
  112. <option value="2">图文</option>
  113. <option value="3">外链</option>
  114. </select>
  115. </div>
  116. <p>
  117. <div id="cont" class="control-group">
  118. 文本内容:
  119. <p><p/>
  120. <textarea style="width: 450px; margin-left: 74px; resize: none;" rows="5" id="content"></textarea>
  121. </div>
  122. <div id="pic" style="display: none; line-height: 60px">
  123. 图文预览:
  124. <input type="button" class="btn" value="选择图文" onclick="sltImg();">
  125. <input type="hidden" name="imghtml" id="imghtml">
  126. <div id="preViewDiv" style="display: none; border: none"></div>
  127. </div>
  128. <div id="lnk" style="display: none; line-height: 50px">
  129. 页面URL:
  130. <input id="url" type="text" style="width: 400px; border-radius: 5px; height: 30px;">
  131. <span class="maroon">*</span><span class="help-inline">(必须以http://开头)</span>
  132. </div>
  133. <p>
  134. <button style="margin-top: 10px;" class="btn-mine" type="button" onclick="saveNode();">保存</button>
  135. </div>
  136. <span class="abs msg-arrow a-out" style="margin-top: 0px;"></span>
  137. <span class="abs msg-arrow a-in" style="margin-top: 0px;"></span>
  138. </div>
  139. </div>
  140. <!--自定义菜单预览-->
  141. <div id="preview_box" class="dialogBox" style="display: none;">
  142. <div class="background"></div>
  143. <div class="pre_wrapper">
  144. <div class="pre_hd">
  145. <h4 class="pre_nav_name"><!-- ${operator.wxpName } --></h4>
  146. </div>
  147. <div class="pre_bd" id="previewAction"></div>
  148. <div class="pre_ft">
  149. <div id="pre_nav_wrapper" class="pre_nav_wrapper group screen1"></div>
  150. </div>
  151. <span class="pre_windows_opr">
  152. <i id="pre_close" class="opr_icon closed" onclick="clo();"></i>
  153. </span>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. </body>
  159. </html>