user_view.jsp 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  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. <!-- 下拉框 -->
  16. <link rel="stylesheet" href="static/ace/css/chosen.css" />
  17. <!-- jsp文件头和头部 -->
  18. <%@ include file="../index/top.jsp"%>
  19. </head>
  20. <body class="no-skin">
  21. <!-- /section:basics/navbar.layout -->
  22. <div class="main-container" id="main-container">
  23. <!-- /section:basics/sidebar -->
  24. <div class="main-content">
  25. <div class="main-content-inner">
  26. <div class="page-content">
  27. <div class="row">
  28. <div class="col-xs-12">
  29. <form action="user/${msg }.do" name="userForm" id="userForm" method="post">
  30. <input type="hidden" name="USER_ID" id="user_id" value="${pd.USER_ID }"/>
  31. <div id="zhongxin" style="padding-top: 13px;">
  32. <table id="table_report" class="table table-striped table-bordered table-hover">
  33. <c:if test="${null != rpd}">
  34. <tr>
  35. <th style="width:79px;text-align: center;padding-top: 8px;">职位:</th>
  36. <td>${rpd.ROLE_NAME }</td>
  37. </tr>
  38. </c:if>
  39. <c:if test="${null == rpd}">
  40. <c:if test="${fx != 'head'}">
  41. <tr>
  42. <td style="width:79px;text-align: right;padding-top: 13px;">主职角色:</td>
  43. <td id="juese">
  44. <select class="chosen-select form-control" name="ROLE_ID" id="role_id" style="vertical-align:top;" style="width:98%;" disabled="disabled">
  45. <c:forEach items="${roleList}" var="role">
  46. <option value="${role.ROLE_ID }" <c:if test="${role.ROLE_ID == pd.ROLE_ID }">selected</c:if>>${role.ROLE_NAME }</option>
  47. </c:forEach>
  48. </select>
  49. </td>
  50. </tr>
  51. </c:if>
  52. <c:if test="${fx == 'head'}">
  53. <input name="ROLE_ID" id="role_id" value="${pd.ROLE_ID }" type="hidden" />
  54. </c:if>
  55. <tr>
  56. <td style="width:79px;text-align: right;padding-top: 13px;">用户名:</td>
  57. <td><input type="text" name="USERNAME" id="loginname" value="${null==pd?'无此用户名':pd.USERNAME }" maxlength="32" title="用户名" style="width:98%;" disabled="disabled"/></td>
  58. </tr>
  59. <tr>
  60. <td style="width:79px;text-align: right;padding-top: 13px;">编号:</td>
  61. <td><input type="text" name="NUMBER" id="NUMBER" value="${pd.NUMBER }" maxlength="32" title="编号" onblur="hasN('${pd.USERNAME }')" style="width:98%;" disabled="disabled"/></td>
  62. </tr>
  63. <tr>
  64. <td style="width:79px;text-align: right;padding-top: 13px;">姓名:</td>
  65. <td><input type="text" name="NAME" id="name" value="${pd.NAME }" maxlength="32" placeholder="这里输入姓名" title="姓名" style="width:98%;" disabled="disabled"/></td>
  66. </tr>
  67. <tr>
  68. <td style="width:79px;text-align: right;padding-top: 13px;">手机号:</td>
  69. <td><input type="number" name="PHONE" id="PHONE" value="${pd.PHONE }" maxlength="32" title="手机号" style="width:98%;" disabled="disabled"/></td>
  70. </tr>
  71. <tr>
  72. <td style="width:79px;text-align: right;padding-top: 13px;">邮箱:</td>
  73. <td><input type="email" name="EMAIL" id="EMAIL" value="${pd.EMAIL }" maxlength="32" title="邮箱" onblur="hasE('${pd.USERNAME }')" style="width:98%;" disabled="disabled"/></td>
  74. </tr>
  75. <tr>
  76. <td style="width:79px;text-align: right;padding-top: 13px;">备注:</td>
  77. <td><input type="text" name="BZ" id="BZ"value="${pd.BZ }" maxlength="64" title="备注" style="width:98%;" disabled="disabled"/></td>
  78. </tr>
  79. </c:if>
  80. </table>
  81. </div>
  82. </form>
  83. </div>
  84. <!-- /.col -->
  85. </div>
  86. <!-- /.row -->
  87. </div>
  88. <!-- /.page-content -->
  89. </div>
  90. </div>
  91. <!-- /.main-content -->
  92. </div>
  93. <!-- /.main-container -->
  94. <!-- basic scripts -->
  95. <!-- 页面底部js¨ -->
  96. <%@ include file="../index/foot.jsp"%>
  97. <!-- ace scripts -->
  98. <script src="static/ace/js/ace/ace.js"></script>
  99. <!-- inline scripts related to this page -->
  100. <!-- 下拉框 -->
  101. <script src="static/ace/js/chosen.jquery.js"></script>
  102. <!--提示框-->
  103. <script type="text/javascript" src="static/js/jquery.tips.js"></script>
  104. </body>
  105. <script type="text/javascript">
  106. $(top.hangge());
  107. $(document).ready(function(){
  108. if($("#user_id").val()!=""){
  109. $("#loginname").attr("readonly","readonly");
  110. $("#loginname").css("color","gray");
  111. }
  112. });
  113. //判断用户名是否存在
  114. function hasU(){
  115. var USERNAME = $.trim($("#loginname").val());
  116. $.ajax({
  117. type: "POST",
  118. url: '<%=basePath%>user/hasU.do',
  119. data: {USERNAME:USERNAME,tm:new Date().getTime()},
  120. dataType:'json',
  121. cache: false,
  122. success: function(data){
  123. if("success" == data.result){
  124. $("#userForm").submit();
  125. $("#zhongxin").hide();
  126. $("#zhongxin2").show();
  127. }else{
  128. $("#loginname").css("background-color","#D16E6C");
  129. setTimeout("$('#loginname').val('此用户名已存在!')",500);
  130. }
  131. }
  132. });
  133. }
  134. //判断邮箱是否存在
  135. function hasE(USERNAME){
  136. var EMAIL = $.trim($("#EMAIL").val());
  137. $.ajax({
  138. type: "POST",
  139. url: '<%=basePath%>user/hasE.do',
  140. data: {EMAIL:EMAIL,USERNAME:USERNAME,tm:new Date().getTime()},
  141. dataType:'json',
  142. cache: false,
  143. success: function(data){
  144. if("success" != data.result){
  145. $("#EMAIL").tips({
  146. side:3,
  147. msg:'邮箱 '+EMAIL+' 已存在',
  148. bg:'#AE81FF',
  149. time:3
  150. });
  151. $("#EMAIL").val('');
  152. }
  153. }
  154. });
  155. }
  156. $(function() {
  157. //下拉框
  158. if(!ace.vars['touch']) {
  159. $('.chosen-select').chosen({allow_single_deselect:true});
  160. $(window)
  161. .off('resize.chosen')
  162. .on('resize.chosen', function() {
  163. $('.chosen-select').each(function() {
  164. var $this = $(this);
  165. $this.next().css({'width': $this.parent().width()});
  166. });
  167. }).trigger('resize.chosen');
  168. $(document).on('settings.ace.chosen', function(e, event_name, event_val) {
  169. if(event_name != 'sidebar_collapsed') return;
  170. $('.chosen-select').each(function() {
  171. var $this = $(this);
  172. $this.next().css({'width': $this.parent().width()});
  173. });
  174. });
  175. $('#chosen-multiple-style .btn').on('click', function(e){
  176. var target = $(this).find('input[type=radio]');
  177. var which = parseInt(target.val());
  178. if(which == 2) $('#form-field-select-4').addClass('tag-input-style');
  179. else $('#form-field-select-4').removeClass('tag-input-style');
  180. });
  181. }
  182. });
  183. </script>
  184. </html>