messages-detail.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>详情页</title>
  5. <!--#include file="common/_header.html"-->
  6. </head>
  7. <body>
  8. <article class="page-container">
  9. <form class="form form-horizontal" id="form1">
  10. <input type="hidden" class="input-text" id="id" name="id">
  11. <div class="row cl">
  12. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>消息标题:</label>
  13. <div class="formControls col-xs-8 col-sm-9">
  14. <input type="text" class="input-text" id="title" name="title">
  15. </div>
  16. </div>
  17. <div class="row cl">
  18. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>消息详情:</label>
  19. <div class="formControls col-xs-8 col-sm-9">
  20. <input type="text" class="input-text" id="detail" name="detail">
  21. </div>
  22. </div>
  23. <div class="row cl">
  24. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>接收信息用户:</label>
  25. <div class="formControls col-xs-8 col-sm-9">
  26. <!-- <input type="text" class="input-text" id="adminId" name="adminId"> -->
  27. <span class="select-box">
  28. <select class="select" style="width:200px" id="adminId" name="adminId">
  29. </select>
  30. </span>
  31. </div>
  32. </div>
  33. <div class="row cl">
  34. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
  35. <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
  36. </div>
  37. </div>
  38. </form>
  39. </article>
  40. <!--_footer 作为公共模版分离出去-->
  41. <!--#include file="common/_footer.html"-->
  42. <!--/_footer 作为公共模版分离出去-->
  43. <!--请在下方写此页面业务相关的脚本-->
  44. <script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
  45. <script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
  46. <script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
  47. <script type="text/javascript" src="scripts/global.js"></script>
  48. <!-- select2 start-->
  49. <link rel="stylesheet" type="text/css" href="lib/select2/select2.min.css" />
  50. <script src="lib/select2/select2.full.js" type="text/javascript"></script>
  51. <script src="lib/select2/select2.zh-CN.js" type="text/javascript"></script>
  52. <!-- select2 end -->
  53. <script type="text/javascript">
  54. var path = global_backend_url;
  55. $(document).ready(function(){
  56. //获取url中传参
  57. var id = getQueryString("id");
  58. var needLoad = false;
  59. var remoteUrl = path + "/messages/add";
  60. if(id!=null && id.length>0){
  61. remoteUrl = path + "/messages/update";
  62. needLoad = true;
  63. }
  64. $("#form1").validate({
  65. rules:{
  66. adminId:{
  67. required:true
  68. },
  69. title:{
  70. required:true
  71. },
  72. detail:{
  73. required:true
  74. }
  75. },
  76. onkeyup:false,
  77. focusCleanup:true,
  78. success:"valid",
  79. submitHandler:function(form){
  80. var loadingIndex = layer.load(1,{shade:[0.5,'#fff']});
  81. $(form).ajaxSubmit({
  82. type: 'post',
  83. url: remoteUrl,
  84. success: function(data){
  85. layer.close(loadingIndex);
  86. if(data.result){
  87. layer.msg('添加成功!',{icon:1,time:1000});
  88. var index = parent.layer.getFrameIndex(window.name);
  89. if(index>=0){
  90. parent.reloadList();
  91. parent.layer.close(index);
  92. }
  93. }
  94. else{
  95. layer.msg(data.message,{icon:1,time:1000});
  96. }
  97. },
  98. error: function(XmlHttpRequest, textStatus, errorThrown){
  99. layer.msg('error!',{icon:1,time:1000});
  100. }
  101. });
  102. }
  103. });
  104. if(needLoad){
  105. var loadingIndex = layer.load(1, {shade: [0.1,'#fff']});
  106. $.get(path + "/messages/detail/" + id,null, function(json){
  107. layer.close(loadingIndex);
  108. if(json.result){
  109. json2Form(json.data,"form1");
  110. getSelect("adminId",json.data.jpAdmin);
  111. }
  112. else{
  113. layer.msg(json.message);
  114. }
  115. },"json");
  116. }else{
  117. getSelect("adminId",null);
  118. }
  119. });
  120. function getSelect(id,value){
  121. if(value != null){
  122. var Html = "<option value='"+value.id+"' selected>" + value.realName + "</option>";
  123. $('#' + id).append(Html);
  124. $('#' + id).select2();
  125. }
  126. $("#" + id).select2({
  127. language: "zh-CN",
  128. placeholder:"请输入用户姓名",//文本框的提示信息
  129. minimumInputLength:0, //至少输入n个字符,才去加载数据
  130. allowClear: true, //是否允许用户清除文本信息
  131. ajax:{
  132. url:path + "/jpAdmin/selectUser", //地址
  133. type: "POST",
  134. dataType:'json', //接收的数据类型
  135. delay:250,
  136. cache: true,
  137. processResults: function (data) {
  138. var results = data.map(function(item){
  139. return {
  140. id : item.userId,
  141. text : item.realName,
  142. userName: item.userName,
  143. orgName : item.orgName
  144. }
  145. });
  146. return {
  147. results: results
  148. }
  149. }
  150. },
  151. language: "zh-CN",
  152. templateResult: function (state) {
  153. var html = "<div>";
  154. html += "<strong>姓名:" + state.text + "</strong>(" + state.userName + ")<br/>";
  155. html += "单位:" + state.orgName;
  156. html += "</div>";
  157. return $(html);
  158. }
  159. });
  160. }
  161. </script>
  162. <!--/请在上方写此页面业务相关的脚本-->
  163. </body>
  164. </html>