procdef-tmpl-detail.html 3.4 KB

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