Нет описания

MenuManage.html 9.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.config.js"></script>
  7. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  8. <link rel="stylesheet" href="../css/init.css" />
  9. <link href="./css/buMenManger.css" rel="stylesheet" />
  10. <title>系统管理-->菜单设置</title>
  11. <style>
  12. .boxCon table th {
  13. width: 42%;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <div class="container-fluid">
  19. <div class="daoHang clearfix">
  20. <div class="dhLeft">
  21. <sapn><i class="syIcon"></i>位置:<a id="ReIndex" href="javaScript:;">首页</a>&gt;<a href="javaScript:;">系统管理</a>&gt;<a href="javaScript:;">权限管理</a>&gt;<a href="" style="color: #000;">菜单设置</a></sapn>
  22. </div>
  23. </div>
  24. <div class="toolBar">
  25. <button class="btns add">添加</button>
  26. <button class="btns change">修改</button>
  27. <button class="btns del">删除</button>
  28. </div>
  29. <div class="tree">
  30. <ul id="treeDemo" class="ztree">
  31. <!--类名为ztree是必须的-->
  32. </ul>
  33. </div>
  34. </div>
  35. <!--添加弹出内容-->
  36. <div class="model addModel">
  37. <div class="box">
  38. <div class="btop clearfix">
  39. <p class="btl"><span>添加</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;部门</p>
  40. <p class="btr addBtr" title="关闭">X</p>
  41. </div>
  42. <div class="boxCon">
  43. <table>
  44. <tbody>
  45. <tr>
  46. <th>父级分类:</th>
  47. <td>
  48. <div class="inpBox">
  49. <input type="text" class="inps inps1" />
  50. <i class="xl xl_one"></i>
  51. <div class="addTree xlAdd">
  52. <ul id="addTreeDemo" class="ztree"></ul>
  53. </div>
  54. </div>
  55. </td>
  56. </tr>
  57. <!--<tr>
  58. <th>添加类型:</th>
  59. <td>
  60. <select class="inpBox inps2" id="selecttype">
  61. <option value="0">菜单</option>
  62. <option value="1">页面</option>
  63. <option value="2">权限</option>
  64. </select>
  65. </td>
  66. </tr>-->
  67. <tr>
  68. <th>名 称:</th>
  69. <td>
  70. <input class="inps inps3" type="text" />
  71. </td>
  72. </tr>
  73. <tr>
  74. <th>代 码:</th>
  75. <td>
  76. <input class="inps inps4" type="text" />
  77. </td>
  78. </tr>
  79. <tr>
  80. <th>菜单链接:</th>
  81. <td>
  82. <input class="inps inps5" type="text" />
  83. </td>
  84. </tr>
  85. <tr>
  86. <th>是否启用:</th>
  87. <td>
  88. <input class="inps7" type="checkbox" />
  89. </td>
  90. </tr>
  91. <tr>
  92. <th>备 注:</th>
  93. <td>
  94. <input class="inps inps8" type="text" />
  95. </td>
  96. </tr>
  97. <tr>
  98. <th>排序编码:</th>
  99. <td>
  100. <input class="inps inps9" type="text" />
  101. </td>
  102. </tr>
  103. <tr>
  104. <!--<th>排序编码:</th>-->
  105. <td colspan="2" style="text-align: center;">
  106. <button class="btns addCun">保存</button>
  107. </td>
  108. </tr>
  109. </tbody>
  110. </table>
  111. </div>
  112. </div>
  113. </div>
  114. <!--删除弹出内容-->
  115. <div class="model delModel">
  116. <div class="box">
  117. <div class="btop clearfix">
  118. <p class="btl"><span>删除提示</span></p>
  119. <p class="btr delBtr" title="关闭">X</p>
  120. </div>
  121. <div class="boxCon" style="height: 150px;">
  122. 您确定删除&nbsp;&lfloor;&nbsp;&nbsp;<span class="delName" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;?
  123. <p style="margin-top: 30px;">
  124. <button class="btns sure">确定</button>
  125. <button class="btns return">取消</button>
  126. </p>
  127. <!--<p style="color: red;">注:若该分类下包含知识库内容会一并删除</p>-->
  128. </div>
  129. </div>
  130. </div>
  131. <!--修改弹出内容-->
  132. <div class="model changeModel">
  133. <div class="box">
  134. <div class="btop clearfix">
  135. <p class="btl"><span>修改</span>&nbsp;&lfloor;&nbsp;&nbsp;<span class="tps chtps" style="color: red;"></span>&nbsp;&nbsp;&rceil;&nbsp;部门</p>
  136. <p class="btr changeBtr" title="关闭">X</p>
  137. </div>
  138. <div class="boxCon">
  139. <table>
  140. <tbody>
  141. <tr>
  142. <th> 父级分类:</th>
  143. <td>
  144. <div class="inpBox">
  145. <input type="text" class="inps inps1_chg" />
  146. <i class="xl xl_one"></i>
  147. <div class="addTree xlAdd">
  148. <ul id="changeTreeDemo" class="ztree"></ul>
  149. </div>
  150. </div>
  151. </td>
  152. </tr>
  153. <!--<tr>
  154. <th>
  155. 修改类型:
  156. </th>
  157. <td>
  158. <select class="inpBox inps2_chg" id="selecttype">
  159. <option value="0">菜单</option>
  160. <option value="1">页面</option>
  161. <option value="2">权限</option>
  162. </select>
  163. </td>
  164. </tr>-->
  165. <tr>
  166. <th>
  167. 名 称:
  168. </th>
  169. <td>
  170. <input class="inps inps3_chg" type="text" />
  171. </td>
  172. </tr>
  173. <tr>
  174. <th>
  175. 代 码:
  176. </th>
  177. <td>
  178. <input class="inps inps4_chg" type="text" />
  179. </td>
  180. </tr>
  181. <tr>
  182. <th>
  183. 菜单链接:
  184. </th>
  185. <td>
  186. <input class="inps inps5_chg" type="text" />
  187. </td>
  188. </tr>
  189. <tr>
  190. <th>
  191. 是否启用:
  192. </th>
  193. <td>
  194. <input class="inps7_chg" type="checkbox" />
  195. </td>
  196. </tr>
  197. <tr>
  198. <th>
  199. 备 注:
  200. </th>
  201. <td>
  202. <input class="inps inps8_chg" type="text" />
  203. </td>
  204. </tr>
  205. <tr>
  206. <th>
  207. 排序编码:
  208. </th>
  209. <td>
  210. <input class="inps inps9_chg" type="text" />
  211. </td>
  212. </tr>
  213. <tr>
  214. <td colspan="2" style="text-align: center;">
  215. <button class="btns changeCun">保存</button>
  216. </td>
  217. </tr>
  218. </tbody>
  219. </table>
  220. </div>
  221. </div>
  222. </div>
  223. <script src="../js/jquery.min.js?v=2.1.4"></script>
  224. <script src="../js/bootstrap.min.js"></script>
  225. <script src="../js/zTree/jquery.ztree.core.js"></script>
  226. <script src="../js/jquery.cookie.js"></script>
  227. <script src="js/MenuManage.js"></script>
  228. </body>
  229. </html>