role-detail.html 3.2 KB

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