menu_edit.jsp 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  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 class="no-skin">
  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="page-header">
  26. <h1>
  27. <small>
  28. <i class="ace-icon fa fa-angle-double-right"></i>
  29. 编辑菜单
  30. </small>
  31. </h1>
  32. </div><!-- /.page-header -->
  33. <div class="row">
  34. <div class="col-xs-12">
  35. <form action="menu/${MSG }.do" name="menuForm" id="menuForm" method="post" class="form-horizontal">
  36. <input type="hidden" name="MENU_ID" id="menuId" value="${pd.MENU_ID }"/>
  37. <input type="hidden" name="MENU_TYPE" id="MENU_TYPE" value="${pd.MENU_TYPE }"/>
  38. <input type="hidden" name="MENU_STATE" id="MENU_STATE" value="${pd.MENU_STATE }"/>
  39. <input type="hidden" name="PARENT_ID" id="PARENT_ID" value="${null == pd.PARENT_ID ? MENU_ID:pd.PARENT_ID}"/>
  40. <div class="form-group">
  41. <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 上级 :</label>
  42. <div class="col-sm-9">
  43. <div style="padding-top:5px;">
  44. <div class="col-xs-4 label label-lg label-light arrowed-in arrowed-right">
  45. <b>${null == pds.MENU_NAME ?'(无) 此项为顶级菜单':pds.MENU_NAME}</b>
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="form-group">
  51. <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 名称 :</label>
  52. <div class="col-sm-9">
  53. <input type="text" name="MENU_NAME" id="menuName" value="${pd.MENU_NAME }" placeholder="这里输入菜单名称" class="col-xs-10 col-sm-5" />
  54. </div>
  55. </div>
  56. <div class="form-group">
  57. <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 链接 :</label>
  58. <div class="col-sm-9">
  59. <c:if test="${null != pds.MENU_NAME}">
  60. <input type="text" name="MENU_URL" id="menuUrl" value="${pd.MENU_URL }" placeholder="这里输入菜单链接" class="col-xs-10 col-sm-5" />
  61. </c:if>
  62. <c:if test="${null == pds.MENU_NAME}">
  63. <input type="text" name="MENU_URL" id="menuUrl" value="" readonly="readonly" placeholder="顶级菜单禁止输入" class="col-xs-10 col-sm-5" />
  64. </c:if>
  65. </div>
  66. </div>
  67. <div class="form-group">
  68. <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 序号 : </label>
  69. <div class="col-sm-9">
  70. <input type="number" name="MENU_ORDER" id="menuOrder" value="${pd.MENU_ORDER}" placeholder="这里输入菜单序号" title="请输入正整数" class="col-xs-10 col-sm-5" />
  71. </div>
  72. </div>
  73. <c:if test="${'0' == MENU_ID}">
  74. <div class="form-group">
  75. <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 类型 : </label>
  76. <div class="col-sm-9">
  77. <label style="float:left;padding-left: 8px;padding-top:7px;">
  78. <input name="form-field-radio" type="radio" class="ace" id="form-field-radio1" <c:if test="${pd.MENU_TYPE == '1' }">checked="checked"</c:if> onclick="setType('1','1');"/>
  79. <span class="lbl"> 系统菜单</span>
  80. </label>
  81. <label style="float:left;padding-left: 5px;padding-top:7px;">
  82. <input name="form-field-radio" type="radio" class="ace" id="form-field-radio2" <c:if test="${pd.MENU_TYPE == '2' }">checked="checked"</c:if> onclick="setType('1','2');"/>
  83. <span class="lbl"> 业务菜单</span>
  84. </label>
  85. <label style="float:left;padding-left: 8px;padding-top:7px;">
  86. <input name="form-field-radio" type="radio" class="ace" id="form-field-radio3" <c:if test="${pd.MENU_TYPE == '3' }">checked="checked"</c:if> onclick="setType('1','3');"/>
  87. <span class="lbl"> 类型三</span>
  88. </label>
  89. <label style="float:left;padding-left: 5px;padding-top:7px;">
  90. <input name="form-field-radio" type="radio" class="ace" id="form-field-radio4" <c:if test="${pd.MENU_TYPE == '4' }">checked="checked"</c:if> onclick="setType('1','4');"/>
  91. <span class="lbl"> 类型四</span>
  92. </label>
  93. </div>
  94. </div>
  95. </c:if>
  96. <div class="form-group">
  97. <label class="col-sm-3 control-label no-padding-right" for="form-field-1"> 状态 : </label>
  98. <div class="col-sm-9">
  99. <label style="float:left;padding-left: 8px;padding-top:7px;">
  100. <input name="form-field-radio2" type="radio" class="ace" id="form-field-radio3" <c:if test="${pd.MENU_STATE == 1 }">checked="checked"</c:if> onclick="setType('2',1);"/>
  101. <span class="lbl"> 显示</span>
  102. </label>
  103. <label style="float:left;padding-left: 5px;padding-top:7px;">
  104. <input name="form-field-radio2" type="radio" class="ace" id="form-field-radio4" <c:if test="${pd.MENU_STATE == 0 }">checked="checked"</c:if> onclick="setType('2',0);"/>
  105. <span class="lbl"> 隐藏</span>
  106. </label>
  107. </div>
  108. </div>
  109. <div class="clearfix form-actions">
  110. <div class="col-md-offset-3 col-md-9">
  111. <a class="btn btn-mini btn-primary" onclick="save();">保存</a>
  112. <a class="btn btn-mini btn-danger" onclick="goback('${MENU_ID}');">取消</a>
  113. </div>
  114. </div>
  115. <div class="hr hr-18 dotted hr-double"></div>
  116. </form>
  117. </div>
  118. <!-- /.col -->
  119. </div>
  120. <!-- /.row -->
  121. </div>
  122. <!-- /.page-content -->
  123. </div>
  124. </div>
  125. <!-- /.main-content -->
  126. <!-- 返回顶部 -->
  127. <a href="#" id="btn-scroll-up"
  128. class="btn-scroll-up btn btn-sm btn-inverse"> <i
  129. class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  130. </a>
  131. </div>
  132. <!-- /.main-container -->
  133. <!-- basic scripts -->
  134. <!-- 页面底部js¨ -->
  135. <%@ include file="../index/foot.jsp"%>
  136. <!--提示框-->
  137. <script type="text/javascript" src="static/js/jquery.tips.js"></script>
  138. <!-- inline scripts related to this page -->
  139. <script type="text/javascript">
  140. $(top.hangge());
  141. //返回
  142. function goback(MENU_ID){
  143. top.jzts();
  144. window.location.href="<%=basePath%>menu.do?MENU_ID="+MENU_ID;
  145. }
  146. //保存
  147. function save(){
  148. if($("#menuName").val()==""){
  149. $("#menuName").tips({
  150. side:3,
  151. msg:'请输入菜单名称',
  152. bg:'#AE81FF',
  153. time:2
  154. });
  155. $("#menuName").focus();
  156. return false;
  157. }
  158. if($("#menuUrl").val()==""){
  159. $("#menuUrl").val('#');
  160. }
  161. //类型为空默认为业务类型
  162. if($("#MENU_TYPE").val()==""){
  163. $("#MENU_TYPE").val('1');
  164. }
  165. //状态值为空默认为隐藏
  166. if($("#MENU_STATE").val()==""){
  167. $("#MENU_STATE").val(0);
  168. }
  169. if($("#menuOrder").val()==""){
  170. $("#menuOrder").tips({
  171. side:1,
  172. msg:'请输入菜单序号',
  173. bg:'#AE81FF',
  174. time:2
  175. });
  176. $("#menuOrder").focus();
  177. return false;
  178. }
  179. if(isNaN(Number($("#menuOrder").val()))){
  180. $("#menuOrder").tips({
  181. side:1,
  182. msg:'请输入菜单序号',
  183. bg:'#AE81FF',
  184. time:2
  185. });
  186. $("#menuOrder").focus();
  187. $("#menuOrder").val(1);
  188. return false;
  189. }
  190. $("#menuForm").submit();
  191. }
  192. //设置菜单类型or状态
  193. function setType(type,value){
  194. if(type == '1'){
  195. $("#MENU_TYPE").val(value);
  196. }else{
  197. $("#MENU_STATE").val(value);
  198. }
  199. }
  200. </script>
  201. </body>
  202. </html>