org-detail.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  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="orgId" name="orgId">
  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="orgName" name="orgName">
  15. </div>
  16. </div>
  17. <div class="row cl">
  18. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
  19. <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
  20. </div>
  21. </div>
  22. </form>
  23. </article>
  24. <!--_footer 作为公共模版分离出去-->
  25. <!--#include file="common/_footer.html"-->
  26. <!--/_footer 作为公共模版分离出去-->
  27. <!--请在下方写此页面业务相关的脚本-->
  28. <script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
  29. <script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
  30. <script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
  31. <script type="text/javascript" src="scripts/global.js"></script>
  32. <script type="text/javascript">
  33. var path = global_backend_url;
  34. $(document).ready(function(){
  35. //获取url中传参
  36. var id = getQueryString("id");
  37. var needLoad = false;
  38. var remoteUrl = path + "/org/add";
  39. if(id!=null && id.length>0){
  40. remoteUrl = path + "/org/update";
  41. needLoad = true;
  42. }
  43. $("#form1").validate({
  44. rules:{
  45. /*
  46. name:{
  47. required:true,
  48. minlength:2,
  49. maxlength:16
  50. }
  51. */
  52. },
  53. onkeyup:false,
  54. focusCleanup:true,
  55. success:"valid",
  56. submitHandler:function(form){
  57. var loadingIndex = layer.load(1, {shade: [0.5,'#fff']});
  58. $(form).ajaxSubmit({
  59. type: 'post',
  60. url: remoteUrl,
  61. success: function(data){
  62. layer.close(loadingIndex);
  63. if(data.result){
  64. layer.msg('添加成功!',{icon:1,time:1000});
  65. var index = parent.layer.getFrameIndex(window.name);
  66. if(index>=0){
  67. parent.reloadList();
  68. parent.layer.close(index);
  69. }
  70. }
  71. else{
  72. layer.msg(data.message,{icon:1,time:1000});
  73. }
  74. },
  75. error: function(XmlHttpRequest, textStatus, errorThrown){
  76. layer.msg('error!',{icon:1,time:1000});
  77. }
  78. });
  79. }
  80. });
  81. if(needLoad){
  82. var loadingIndex = layer.load(1, {shade: [0.1,'#fff']});
  83. $.get(path + "/org/detail/" + id,null, function(json){
  84. layer.close(loadingIndex);
  85. if(json.result){
  86. json2Form(json.data,"form1");
  87. }
  88. else{
  89. layer.msg(json.message);
  90. }
  91. },"json");
  92. }
  93. });
  94. </script>
  95. <!--/请在上方写此页面业务相关的脚本-->
  96. </body>
  97. </html>