wechatMessages-view.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>详情页</title>
  5. <!--#include file="common/_header.html"-->
  6. <style>
  7. </style>
  8. </head>
  9. <body>
  10. <article class="page-container" style="height: auto;">
  11. <div class="row cl" >
  12. <div class="col-xs-12" >
  13. <table id="grid1" class="table table-border table-bordered table-bg">
  14. <thead>
  15. <tr class="text-c">
  16. <th width="100">人员姓名</th>
  17. <th width="100">电话</th>
  18. <th width="100">角色</th>
  19. </tr>
  20. </thead>
  21. <tbody>
  22. </tbody>
  23. </table>
  24. </div>
  25. </div>
  26. </article>
  27. </form>
  28. </article>
  29. <!--_footer 作为公共模版分离出去-->
  30. <!--#include file="common/_footer.html"-->
  31. <!--/_footer 作为公共模版分离出去-->
  32. <!--请在下方写此页面业务相关的脚本-->
  33. <script type="text/javascript" src="scripts/global.js"></script>
  34. <script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
  35. <script type="text/javascript">
  36. var path = global_backend_url;
  37. $(document).ready(function(){
  38. //获取url中传参
  39. var id = getQueryString("id");
  40. var needLoad = false;
  41. $('#grid1').dataTable({
  42. ajax: {
  43. url: path + "/wechatMessageAdmin/list?wechatMessageId="+id,
  44. type: 'post',
  45. dataFilter: function(responseText){
  46. var jsonData = JSON.parse(responseText);
  47. // 处理返回json
  48. if(jsonData.result){
  49. return JSON.stringify(jsonData.data);
  50. }
  51. else{
  52. alert(jsonData.message);
  53. return null;
  54. }
  55. },
  56. data: function(searchParams){
  57. // 查询json
  58. //searchParams["open"] = $("#procDefName").val();
  59. }
  60. },
  61. serverSide: true,
  62. searching : false,
  63. ordering: false,
  64. columns: [
  65. {"title":"姓名","render":function(data, type, row, meta){
  66. return row.admin.realName;
  67. }},
  68. {"title":"电话","render":function(data, type, row, meta){
  69. return row.admin.tel;
  70. }},
  71. {"title":"角色","render":function(data, type, row, meta){
  72. var json = row.admin.adminRoleList;
  73. var result = "";
  74. $.each(json,function(index,obj){
  75. if(json.length-1 == index){
  76. result = result + obj.roleDescription;
  77. }
  78. else{
  79. result = result + obj.roleDescription+",";
  80. }
  81. })
  82. return result;
  83. }},
  84. ]
  85. });
  86. var remoteUrl = path + "/wechatMessage/add";
  87. if(id!=null && id.length>0){
  88. remoteUrl = path + "/wechatMessage/update";
  89. needLoad = true;
  90. }
  91. $("#form1").validate({
  92. rules:{
  93. /*
  94. name:{
  95. required:true,
  96. minlength:2,
  97. maxlength:16
  98. }
  99. */
  100. },
  101. onkeyup:false,
  102. focusCleanup:true,
  103. success:"valid",
  104. submitHandler:function(form){
  105. $(form).ajaxSubmit({
  106. type: 'post',
  107. url: remoteUrl,
  108. success: function(data){
  109. if(data.result){
  110. layer.msg('添加成功!',{icon:1,time:1000});
  111. var index = parent.layer.getFrameIndex(window.name);
  112. if(index>=0){
  113. parent.reloadList();
  114. parent.layer.close(index);
  115. }
  116. }
  117. else{
  118. layer.msg(data.message,{icon:1,time:1000});
  119. }
  120. },
  121. error: function(XmlHttpRequest, textStatus, errorThrown){
  122. layer.msg('error!',{icon:1,time:1000});
  123. }
  124. });
  125. }
  126. });
  127. if(needLoad){
  128. var loadingIndex = layer.load(1, {shade: [0.1,'#fff']});
  129. $.get(path + "/wechatMessage/detail/" + id,null, function(json){
  130. layer.close(loadingIndex);
  131. if(json.result){
  132. json2Form(json.data,"form1");
  133. }
  134. else{
  135. layer.msg(json.message);
  136. }
  137. },"json");
  138. }
  139. });
  140. </script>
  141. <!--/请在上方写此页面业务相关的脚本-->
  142. </body>
  143. </html>