menuList.jsp 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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/menu/menumain.js"></script>
  11. <script type="text/javascript">
  12. $(document).ready(function () {
  13. $('.selectpicker').selectpicker({width:'66%'});
  14. menu.main.treeData='${list}';
  15. menu.main.init();
  16. });
  17. </script>
  18. </head>
  19. <link rel="stylesheet" type="text/css" href="${app }/css/other.css" />
  20. <body>
  21. <div class="ch-container">
  22. <div class="row">
  23. <div class="box col-md-12">
  24. <div class="box-inner">
  25. <div class="box-header well" data-original-title="11">
  26. <h2><i class="glyphicon glyphicon-menu-hamburger"></i> 系统设置&gt;菜单管理</h2>
  27. </div>
  28. <div class="box-content" style="min-height: 550px;">
  29. <!-- 左边 -->
  30. <div style="float: left;width: 25%;height:550px; overflow: auto;font-size:16px;">
  31. <div id="treeview" class=""></div>
  32. </div>
  33. <!-- 左边结束 -->
  34. <div style="float: left;border-left:1px solid #B2DFEE;width:1px;height:550px;margin-left: 1%;">
  35. </div>
  36. <!-- 右边 -->
  37. <div style="float:right ;width: 72%;height:350px; ">
  38. <table class="search_button_table" >
  39. <tr>
  40. <td>
  41. </td>
  42. <td >
  43. </td>
  44. <td id="addbutton" style="height:50px;">
  45. </td>
  46. </tr>
  47. </table>
  48. <!-- 列表 -->
  49. <table class="table_ud">
  50. <thead>
  51. <tr>
  52. <th width="20%">菜单名称</th>
  53. <th width="15%">菜单编码</th>
  54. <th width="30%" id="lj">链接</th>
  55. <th width="7%">排序号</th>
  56. <th width="9%">默认展示</th>
  57. <th width="18%">操作</th>
  58. </tr>
  59. </thead>
  60. <tbody id="menudata">
  61. </tbody>
  62. </table>
  63. </div>
  64. <!-- 右边结束 -->
  65. </div>
  66. <!-- content结束 -->
  67. </div>
  68. </div>
  69. <!--/span-->
  70. </div><!--/row-->
  71. <!-- dialog -->
  72. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
  73. aria-hidden="true">
  74. <div class="modal-dialog">
  75. <div class="modal-content">
  76. <div class="modal-header">
  77. <button type="button" class="close" data-dismiss="modal">×</button>
  78. <h3 id="htitle">菜单新增</h3>
  79. </div>
  80. <div class="modal-body">
  81. <form id="addform" method="post">
  82. <input type="hidden" id="editid" name="id">
  83. <input type="hidden" id="editpid" name="pid" value="0">
  84. <table class="add_table" >
  85. <tr>
  86. <td width="20%" style="text-align: right;">
  87. 菜单名称:
  88. </td>
  89. <td width="80%">
  90. <input type="text" class="form-control" id="editmenuName" name="menuName" >
  91. </td>
  92. </tr>
  93. <tr>
  94. <td width="20%" style="text-align: right;">
  95. 菜单编码:
  96. </td>
  97. <td width="80%">
  98. <input type="text" class="form-control" id="editmenuCode" name="menuCode" >
  99. </td>
  100. </tr>
  101. <tr>
  102. <td width="20%" style="text-align: right;">
  103. 链接:
  104. </td>
  105. <td width="80%">
  106. <input type="text" class="form-control" id="editmenuUrl" name="menuUrl" >
  107. </td>
  108. </tr>
  109. <tr>
  110. <td width="20%" style="text-align: right;">
  111. 排序号:
  112. </td>
  113. <td width="80%">
  114. <input type="text" class="form-control" id="editsortNo" name="sortNo" >
  115. </td>
  116. </tr>
  117. <tr>
  118. <td width="20%" style="text-align: right;">
  119. 菜单类型:
  120. </td>
  121. <td width="80%">
  122. <div id="selmenuType"></div>
  123. </td>
  124. </tr>
  125. <tr>
  126. <td width="20%" style="text-align: right;">
  127. 是否默认展示:
  128. </td>
  129. <td width="80%">
  130. <div id="selXb"></div>
  131. </td>
  132. </tr>
  133. </table>
  134. </form>
  135. </div>
  136. <div class="modal-footer">
  137. <a href="#" class="btn btn-default" data-dismiss="modal">取消</a>
  138. <a href="#" class="btn btn-default" data-dismiss="modal" onclick="menu.main.save()">保存</a>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. <!-- dialog end-->
  144. </div>
  145. </body>
  146. </html>