menu_icon.jsp 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  4. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme() + "://"
  8. + request.getServerName() + ":" + request.getServerPort()
  9. + path + "/";
  10. %>
  11. <!DOCTYPE html>
  12. <html lang="en">
  13. <head>
  14. <base href="<%=basePath%>">
  15. <!-- jsp文件头和头部 -->
  16. <%@ include file="../index/top.jsp"%>
  17. </head>
  18. <body>
  19. <!-- /section:basics/navbar.layout -->
  20. <div class="main-container" id="main-container">
  21. <!-- /section:basics/sidebar -->
  22. <div class="main-content">
  23. <div class="main-content-inner">
  24. <div class="page-content">
  25. <div class="row">
  26. <div class="col-xs-12">
  27. <div id="zhongxin">
  28. <form action="menu/editicon.do" name="menuForm" id="menuForm" method="post">
  29. <input type="hidden" name="MENU_ID" id="menuId" value="${pd.MENU_ID}"/>
  30. <input type="hidden" name="MENU_ICON" id="MENU_ICON" value=""/>
  31. <input type="hidden" name="MENU_ICONColor" id="MENU_ICONColor" value="black"/>
  32. <br/>
  33. <table id="dynamic-table" class="table table-striped table-bordered">
  34. <tr class="center" style="cursor:pointer;">
  35. <td bgcolor="black"><label onclick="setcolor('black');"><input name="form-field-radioc" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  36. <td bgcolor="red"><label onclick="setcolor('red');"><input name="form-field-radioc" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  37. <td bgcolor="green"><label onclick="setcolor('green');"><input name="form-field-radioc" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  38. <td bgcolor="orange"><label onclick="setcolor('orange');"><input name="form-field-radioc" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  39. <td bgcolor="purple"><label onclick="setcolor('purple');"><input name="form-field-radioc" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  40. <td bgcolor="pink"><label onclick="setcolor('pink');"><input name="form-field-radioc" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  41. <td bgcolor="blue"><label onclick="setcolor('blue');"><input name="form-field-radioc" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  42. <td bgcolor="grey"><label onclick="setcolor('grey');"><input name="form-field-radioc" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  43. <td bgcolor="brown"><label onclick="setcolor('brown');"><input name="form-field-radioc" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  44. <td bgcolor="white"><label onclick="setcolor('white');"><input name="form-field-radioc" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  45. </tr>
  46. </table>
  47. <table id="dynamic-table" class="table table-striped table-bordered">
  48. <tr class="center" style="cursor:pointer;">
  49. <td><label onclick="seticon('menu-icon fa fa-adjust ');"><i class="menu-icon fa fa-adjust "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  50. <td><label onclick="seticon('menu-icon fa fa-asterisk ');"><i class="menu-icon fa fa-asterisk "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  51. <td><label onclick="seticon('menu-icon fa fa-ban');"><i class="menu-icon fa fa-ban"></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  52. <td><label onclick="seticon('menu-icon fa fa-bar-chart-o ');"><i class="menu-icon fa fa-bar-chart-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  53. <td><label onclick="seticon('menu-icon fa fa-barcode ');"><i class="menu-icon fa fa-barcode "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  54. <td><label onclick="seticon('menu-icon fa fa-flask ');"><i class="menu-icon fa fa-flask "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  55. <td><label onclick="seticon('menu-icon fa fa-beer ');"><i class="menu-icon fa fa-beer "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  56. <td><label onclick="seticon('menu-icon fa fa-bell-o ');"><i class="menu-icon fa fa-bell-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  57. <td><label onclick="seticon('menu-icon fa fa-bell ');"><i class="menu-icon fa fa-bell "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  58. <td><label onclick="seticon('menu-icon fa fa-bolt ');"><i class="menu-icon fa fa-bolt "></i>&nbsp;&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  59. <td><label onclick="seticon('menu-icon fa fa-book ');"><i class="menu-icon fa fa-book "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  60. <td><label onclick="seticon('menu-icon fa fa-bookmark ');"><i class="menu-icon fa fa-bookmark "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  61. <td><label onclick="seticon('menu-icon fa fa-bookmark-o ');"><i class="menu-icon fa fa-bookmark-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  62. <td><label onclick="seticon('menu-icon fa fa-briefcase ');"><i class="menu-icon fa fa-briefcase "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  63. <td><label onclick="seticon('menu-icon fa fa-bullhorn ');"><i class="menu-icon fa fa-bullhorn "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  64. <td><label onclick="seticon('menu-icon fa fa-calendar ');"><i class="menu-icon fa fa-calendar "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  65. <td><label onclick="seticon('menu-icon fa fa-camera ');"><i class="menu-icon fa fa-camera "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  66. <td><label onclick="seticon('menu-icon fa fa-camera-retro ');"><i class="menu-icon fa fa-camera-retro "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  67. <td><label onclick="seticon('menu-icon fa fa-certificate ');"><i class="menu-icon fa fa-certificate "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  68. </tr>
  69. <tr class="center" style="cursor:pointer;">
  70. <td><label onclick="seticon('menu-icon fa fa-check-square-o ');"><i class="menu-icon fa fa-check-square-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  71. <td><label onclick="seticon('menu-icon fa fa-square-o ');"><i class="menu-icon fa fa-square-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  72. <td><label onclick="seticon('menu-icon fa fa-circle ');"><i class="menu-icon fa fa-circle "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  73. <td><label onclick="seticon('menu-icon fa fa-circle-o ');"><i class="menu-icon fa fa-circle-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  74. <td><label onclick="seticon('menu-icon fa fa-cloud ');"><i class="menu-icon fa fa-cloud "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  75. <td><label onclick="seticon('menu-icon fa fa-cloud-download ');"><i class="menu-icon fa fa-cloud-download "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  76. <td><label onclick="seticon('menu-icon fa fa-cloud-upload ');"><i class="menu-icon fa fa-cloud-upload "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  77. <td><label onclick="seticon('menu-icon fa fa-coffee ');"><i class="menu-icon fa fa-coffee "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  78. <td><label onclick="seticon('menu-icon fa fa-cog ');"><i class="menu-icon fa fa-cog "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  79. <td><label onclick="seticon('menu-icon fa fa-cogs ');"><i class="menu-icon fa fa-cogs "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  80. <td><label onclick="seticon('menu-icon fa fa-comment ');"><i class="menu-icon fa fa-comment "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  81. <td><label onclick="seticon('menu-icon fa fa-comment-o ');"><i class="menu-icon fa fa-comment-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  82. <td><label onclick="seticon('menu-icon fa fa-comments ');"><i class="menu-icon fa fa-comments "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  83. <td><label onclick="seticon('menu-icon fa fa-comments-o ');"><i class="menu-icon fa fa-comments-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  84. <td><label onclick="seticon('menu-icon fa fa-credit-card ');"><i class="menu-icon fa fa-credit-card "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  85. <td><label onclick="seticon('menu-icon fa fa-tachometer ');"><i class="menu-icon fa fa-tachometer "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  86. <td><label onclick="seticon('menu-icon fa fa-desktop ');"><i class="menu-icon fa fa-desktop "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  87. <td><label onclick="seticon('menu-icon fa fa-arrow-circle-o-down ');"><i class="menu-icon fa fa-arrow-circle-o-down "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  88. <td><label onclick="seticon('menu-icon fa fa-download ');"><i class="menu-icon fa fa-download "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  89. </tr>
  90. <tr class="center" style="cursor:pointer;">
  91. <td><label onclick="seticon('menu-icon fa fa-pencil-square-o ');"><i class="menu-icon fa fa-pencil-square-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  92. <td><label onclick="seticon('menu-icon fa fa-envelope ');"><i class="menu-icon fa fa-envelope "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  93. <td><label onclick="seticon('menu-icon fa fa-envelope-o ');"><i class="menu-icon fa fa-envelope-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  94. <td><label onclick="seticon('menu-icon fa fa-exchange ');"><i class="menu-icon fa fa-exchange "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  95. <td><label onclick="seticon('menu-icon fa fa-exclamation-circle ');"><i class="menu-icon fa fa-exclamation-circle "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  96. <td><label onclick="seticon('menu-icon fa fa-external-link ');"><i class="menu-icon fa fa-external-link "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  97. <td><label onclick="seticon('menu-icon fa fa-eye-slash ');"><i class="menu-icon fa fa-eye-slash "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  98. <td><label onclick="seticon('menu-icon fa fa-eye ');"><i class="menu-icon fa fa-eye"></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  99. <td><label onclick="seticon('menu-icon fa fa-video-camera ');"><i class="menu-icon fa fa-video-camera "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  100. <td><label onclick="seticon('menu-icon fa fa-fighter-jet ');"><i class="menu-icon fa fa-fighter-jet "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  101. <td><label onclick="seticon('menu-icon fa fa-film ');"><i class="menu-icon fa fa-film "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  102. <td><label onclick="seticon('menu-icon fa fa-filter ');"><i class="menu-icon fa fa-filter "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  103. <td><label onclick="seticon('menu-icon fa fa-fire ');"><i class="menu-icon fa fa-fire "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  104. <td><label onclick="seticon('menu-icon fa fa-flag ');"><i class="menu-icon fa fa-flag "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  105. <td><label onclick="seticon('menu-icon fa fa-folder ');"><i class="menu-icon fa fa-folder "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  106. <td><label onclick="seticon('menu-icon fa fa-folder-open ');"><i class="menu-icon fa fa-folder-open "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  107. <td><label onclick="seticon('menu-icon fa fa-folder-o ');"><i class="menu-icon fa fa-folder-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  108. <td><label onclick="seticon('menu-icon fa fa-folder-open-o ');"><i class="menu-icon fa fa-folder-open-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  109. <td><label onclick="seticon('menu-icon fa fa-cutlery ');"><i class="menu-icon fa fa-cutlery "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  110. </tr>
  111. <tr class="center" style="cursor:pointer;">
  112. <td><label onclick="seticon('menu-icon fa fa-gift ');"><i class="menu-icon fa fa-gift "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  113. <td><label onclick="seticon('menu-icon fa fa-glass ');"><i class="menu-icon fa fa-glass "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  114. <td><label onclick="seticon('menu-icon fa fa-globe ');"><i class="menu-icon fa fa-globe "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  115. <td><label onclick="seticon('menu-icon fa fa-users ');"><i class="menu-icon fa fa-users "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  116. <td><label onclick="seticon('menu-icon fa fa-hdd-o ');"><i class="menu-icon fa fa-hdd-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  117. <td><label onclick="seticon('menu-icon fa fa-headphones ');"><i class="menu-icon fa fa-headphones "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  118. <td><label onclick="seticon('menu-icon fa fa-heart ');"><i class="menu-icon fa fa-heart "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  119. <td><label onclick="seticon('menu-icon fa fa-heart-o ');"><i class="menu-icon fa fa-heart-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  120. <td><label onclick="seticon('menu-icon fa fa-home ');"><i class="menu-icon fa fa-home "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  121. <td><label onclick="seticon('menu-icon fa fa-inbox ');"><i class="menu-icon fa fa-inbox "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  122. <td><label onclick="seticon('menu-icon fa fa-info-circle ');"><i class="menu-icon fa fa-info-circle "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  123. <td><label onclick="seticon('menu-icon fa fa-key ');"><i class="menu-icon fa fa-key "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  124. <td><label onclick="seticon('menu-icon fa fa-leaf ');"><i class="menu-icon fa fa-leaf "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  125. <td><label onclick="seticon('menu-icon fa fa-laptop ');"><i class="menu-icon fa fa-laptop "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  126. <td><label onclick="seticon('menu-icon fa fa-gavel ');"><i class="menu-icon fa fa-gavel "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  127. <td><label onclick="seticon('menu-icon fa fa-lemon-o ');"><i class="menu-icon fa fa-lemon-o "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  128. <td><label onclick="seticon('menu-icon fa fa-lightbulb-o ');"><i class="menu-icon fa fa-lightbulb-o "></i>&nbsp;&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  129. <td><label onclick="seticon('menu-icon fa fa-lock ');"><i class="menu-icon fa fa-lock "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  130. <td><label onclick="seticon('menu-icon fa fa-unlock ');"><i class="menu-icon fa fa-unlock "></i>&nbsp;<input name="form-field-radio" type="radio" value="icon-edit"><span class="lbl"></span></label></td>
  131. </tr>
  132. <tr>
  133. <td style="text-align: center;" colspan="100">
  134. <a class="btn btn-mini btn-primary" onclick="save();">保存</a>
  135. <a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
  136. </td>
  137. </tr>
  138. </table>
  139. </form>
  140. </div>
  141. <div id="zhongxin2" class="center" style="display:none"><img src="static/images/jzx.gif" /></div>
  142. </div>
  143. <!-- /.col -->
  144. </div>
  145. <!-- /.row -->
  146. </div>
  147. <!-- /.page-content -->
  148. </div>
  149. </div>
  150. <!-- /.main-content -->
  151. </div>
  152. <!-- /.main-container -->
  153. <!-- basic scripts -->
  154. <!-- 页面底部js¨ -->
  155. <%@ include file="../index/foot.jsp"%>
  156. <script type="text/javascript">
  157. $(top.hangge());
  158. //保存
  159. function save(){
  160. if($("#MENU_ICON").val()==""){
  161. alert('请选择图标');
  162. return false;
  163. }
  164. $("#MENU_ICON").val($("#MENU_ICON").val()+$("#MENU_ICONColor").val());
  165. $("#menuForm").submit();
  166. $("#zhongxin").hide();
  167. $("#zhongxin2").show();
  168. }
  169. function seticon(icon){
  170. $("#MENU_ICON").val(icon);
  171. }
  172. function setcolor(iconColor){
  173. $("#MENU_ICONColor").val(iconColor);
  174. }
  175. </script>
  176. </body>
  177. </html>