menumain.jsp 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6. <meta charset="utf-8">
  7. <title>江苏省港口建设与经营管理信息系统</title>
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <%@ include file="../../common.jsp"%>
  10. <script type="text/javascript" src="${app }/static/biz/js/set/menu/menumain.js"></script>
  11. <script type="text/javascript">
  12. var setting = {
  13. async: {
  14. enable: true,
  15. url:$.app+"/menu/getTreeData",
  16. contentType : "application/x-www-form-urlencoded", //已form的形式提交参数
  17. autoParam: ["id"]
  18. },
  19. view:{
  20. showLine:false//去掉虚线
  21. },
  22. callback: {
  23. onClick: menu.main.onClick//点击事件
  24. }
  25. };
  26. $(document).ready(function () {
  27. menu.main.init(setting);
  28. $('.guanbi').click(function(){
  29. menu.main.close();
  30. });
  31. $('.selectpicker').selectpicker({
  32. width:300
  33. });
  34. iFrameHeightIframe('${menuid}');//自适应高度
  35. });
  36. </script>
  37. </head>
  38. <body>
  39. <div class="box" >
  40. <div class="box-content" style="min-height: 500px;">
  41. <div class="treediv">
  42. <ul id="tree" class="ztree" style="width:100%; "></ul>
  43. </div>
  44. <div class="treecontent">
  45. <div >
  46. <table class="search_table" cellpadding="0" cellspacing="0">
  47. <tr>
  48. <th width="10%"></th>
  49. <th width="25%"></th>
  50. <th width="10%"></th>
  51. <th width="25%"></th>
  52. <th width="10%"></th>
  53. <th width="20%"></th>
  54. </tr>
  55. <tr>
  56. <tr>
  57. <td class="right">
  58. </td>
  59. <td >
  60. </td>
  61. <td class="right">
  62. </td>
  63. <td >
  64. </td>
  65. <td class="right" colspan="2">
  66. <authz:hasPermission name="${appName}:menu:add">
  67. <a class="btn btn-default btn-sm" id="menuadd" href="#" onclick="menu.main.menuadd()">
  68. <i class="glyphicon glyphicon-plus"></i>
  69. 新增</a>
  70. <a class="btn btn-default btn-sm" id="funcadd" href="#" onclick="menu.main.funcadd()">
  71. <i class="glyphicon glyphicon-plus"></i>
  72. 新增</a>
  73. </authz:hasPermission>
  74. </td>
  75. </tr>
  76. </table>
  77. </div>
  78. <!-- 列表 -->
  79. <div style="background-color:#f4f4f4;">
  80. <table class="main_table" cellpadding="0" cellspacing="0">
  81. <tr id="lietou">
  82. </tr>
  83. <tbody id="liebiao">
  84. </tbody>
  85. </table>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. <!-- 弹出框 -->
  91. <div class="theme-popover" style="width: 900px;height: 360px;">
  92. <div id="menuadddiv">
  93. <div class="theme-poptit">
  94. <div class="popTitle">
  95. <h4>菜单新增</h4>
  96. </div>
  97. <div class="close">
  98. <a href="#" title="关闭" class="guanbi">×</a>
  99. </div>
  100. </div>
  101. <form id="menuaddform" method="post">
  102. <input type="hidden" id="menueditid" name="id" > <input type="hidden" id="menueditpid" value="00" name="pid">
  103. <table class="apply" cellpadding="0" cellspacing="0">
  104. <tr>
  105. <th>菜单名称 : &nbsp;</th>
  106. <td >
  107. <input type="text" class="form-control" id="menueditname" name="name">
  108. </td>
  109. <th>菜单编码 : &nbsp;</th>
  110. <td >
  111. <input type="text" class="form-control" id="menueditcode" name="code">
  112. </td>
  113. </tr>
  114. <tr>
  115. <th>链接URL : &nbsp;</th>
  116. <td >
  117. <input type="text" class="form-control" id="menuediturl" name="url">
  118. </td>
  119. <th>样式 : &nbsp;</th>
  120. <td >
  121. <input type="text" class="form-control" id="menuediticoncls" name="iconcls">
  122. </td>
  123. </tr>
  124. <tr>
  125. <th>排序号 : &nbsp;</th>
  126. <td >
  127. <input type="text" class="form-control" id="menueditsortno" name="sortno">
  128. </td>
  129. <th>是否末级 : &nbsp;</th>
  130. <td >
  131. <select class='selectpicker' name='leaf' >
  132. <option value="Y" >是</option>
  133. <option value="N" selected="selected">否</option>
  134. </select>
  135. </td>
  136. </tr>
  137. </table>
  138. </form>
  139. <div id="buttons">
  140. <a class="btn btn-default btn-sm" href="#" onclick="menu.main.menusave()">
  141. <i class="glyphicon glyphicon-floppy-disk"></i>
  142. 保存</a>
  143. <a class="btn btn-default btn-sm" href="#" onclick="menu.main.close()">
  144. <i class="glyphicon glyphicon-arrow-left"></i>
  145. 取消</a>
  146. </div>
  147. </div>
  148. <div id="funcadddiv">
  149. <div class="theme-poptit">
  150. <div class="popTitle">
  151. <h4>按钮新增</h4>
  152. </div>
  153. <div class="close">
  154. <a href="#" title="关闭" class="guanbi">×</a>
  155. </div>
  156. </div>
  157. <form id="funcaddform" method="post">
  158. <input type="hidden" id="editid" name="id"> <input type="hidden" id="editmid" value="00" name="mid">
  159. <table class="apply" cellpadding="0" cellspacing="0">
  160. <tr>
  161. <th>按钮名称 : &nbsp;</th>
  162. <td >
  163. <input type="text" class="form-control" id="editname" name="name">
  164. </td>
  165. <th>按钮编码 : &nbsp;</th>
  166. <td >
  167. <input type="text" class="form-control" id="editcode" name="code">
  168. </td>
  169. </tr>
  170. <tr>
  171. <th>排序号 : &nbsp;</th>
  172. <td >
  173. <input type="text" class="form-control" id="editsortno" name="sortno">
  174. </td>
  175. <th></th>
  176. <td >
  177. </td>
  178. </tr>
  179. </table>
  180. </form>
  181. <div id="buttons">
  182. <a class="btn btn-default btn-sm" href="#" onclick="menu.main.funcsave()">
  183. <i class="glyphicon glyphicon-floppy-disk"></i>
  184. 保存</a>
  185. <a class="btn btn-default btn-sm" href="#" onclick="menu.main.close()">
  186. <i class="glyphicon glyphicon-arrow-left"></i>
  187. 取消</a>
  188. </div>
  189. </div>
  190. </div>
  191. <div class="theme-popover-mask"></div>
  192. </body>
  193. </html>