demo-form-add.jsp 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@include file="/context/mytags.jsp"%>
  3. <!DOCTYPE html>
  4. <html lang="zh-cn" class="pui-app">
  5. <head>
  6. <meta charset="utf-8" />
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <meta name="renderer" content="webkit" />
  10. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  11. <meta name="apple-mobile-web-app-capable" content="yes">
  12. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  13. <meta name="description" content="JEECG BPM" />
  14. <meta name="keywords" content="JEECG BPM" />
  15. <title>交作业demo</title>
  16. <link rel="stylesheet" type="text/css" href="plug-in/planeui/dist/css/planeui.css" />
  17. <style type="text/css">
  18. #formobj{padding:15px;}
  19. input[type=text], input[type=password] , select{ width: 180px;}
  20. input[type=submit]{border:1px solid #ddd;background:none;padding:6px 10px;cursor: pointer;font-size:14px;}
  21. </style>
  22. </head>
  23. <body>
  24. <!--[if lte IE 9]>
  25. <div class="pui-layout pui-browsehappy">
  26. <a href="javascript:;" class="pui-close" onclick="document.body.removeChild(this.parentNode);"></a>
  27. <p>您正在使用 <strong class="pui-text-yellow pui-text-xl">过时</strong> 的非现代浏览器,<strong class="pui-text-success pui-text-xl">91.23%</strong> 的人选择 <a href="http://browsehappy.com/" target="_blank" class="pui-text-green-400 pui-text-xl"><strong>升级浏览器</strong></a>,获得了更好、更安全的浏览体验!</p>
  28. </div>
  29. <![endif]-->
  30. <div class="pui-layout pui-app-layout">
  31. <div class="pui-app-main pui-app-main-prev">
  32. <div class="mask mask-bg pui-side-position-mask"></div>
  33. <header class="pui-app-header pui-bg-blue-300">
  34. <div class="pui-app-header-aside">
  35. <a href="mobileTaskController.do?goTaskApply" pui-side-slide="left"><i class="fa fa-chevron-left fa-2x pui-text-white"></i></a>
  36. </div>
  37. <div class="pui-app-header-middle" pui-side-slide="top">
  38. <strong class="pui-h4 pui-text-white">测试表单申请</strong>
  39. </div>
  40. <div class="pui-app-header-offside">
  41. <a href="javascript:;"><i class="fa fa-list fa-2x pui-text-white"></i></a>
  42. </div>
  43. </header>
  44. <div class="pui-app-main-container" id="wrapper1">
  45. <div class="pui-layout" style="width:96%;">
  46. <form id="formobj" name="formobj" method="post" class="pui-form-label-left">
  47. <input type="hidden" id="btn_sub" class="btn_sub"/>
  48. <input type="hidden" name="tableName" value="student_zuoye" >
  49. <input type="hidden" name="id" value="" >
  50. <input type="hidden" id="create_name" name="create_name" value="" >
  51. <input type="hidden" id="create_by" name="create_by" value="" >
  52. <input type="hidden" id="create_date" name="create_date" value="" >
  53. <input type="hidden" id="update_by" name="update_by" value="" >
  54. <input type="hidden" id="update_date" name="update_date" value="" >
  55. <input type="hidden" id="bpm_status" name="bpm_status" value="1" >
  56. <label>学生名字:</label>
  57. <input type="text" id="name" name="name" />
  58. <span fv-role="name"></span>
  59. <br/>
  60. <label>作业数目:</label>
  61. <input type="text" id="num" name="num"/>
  62. <span fv-role="num"></span>
  63. <br/>
  64. <label>作业内容:</label>
  65. <input type="text" id="content" name="content" />
  66. <span fv-role="content"></span>
  67. <br/>
  68. <input type="button" name="submit" id="demo-form-submit" class="pui-btn pui-btn-primary" value="提交表单" />
  69. </form>
  70. </div>
  71. </div>
  72. <div class="pui-mask pui-mask-bg" style="display: none;opacity:0;"></div>
  73. </div>
  74. </div>
  75. <!--[if (gte IE 9) | !(IE)]><!-->
  76. <script type="text/javascript" src="plug-in/jquery/jquery-2.1.1.min.js"></script>
  77. <!--<![endif]-->
  78. <!--[if lt IE 9]>
  79. <script type="text/javascript" src="plug-in/jquery/jquery-1.11.3.min.js"></script>
  80. <script type="text/javascript" src="plug-in/planeui/dist/js/planeui.patch.ie8.js"></script>
  81. <![endif]-->
  82. <!--[if lt IE 10]>
  83. <script type="text/javascript" src="plug-in/planeui/dist/js/planeui.patch.ie9.js"></script>
  84. <![endif]-->
  85. <script type="text/javascript" src="plug-in/planeui/dist/js/planeui.js"></script>
  86. <script type="text/javascript">
  87. $(function() {
  88. $("#demo-form-submit").formValidator({
  89. name : true,
  90. num : true,
  91. content : true
  92. }, {
  93. url : "cgFormBuildController.do?saveOrUpdate",
  94. beforeSend:function (XMLHttpRequest) {
  95. loadDialog();
  96. },
  97. success : function(data){
  98. console.log("ajaxSubmit.data", data);
  99. var d = data; // ------ $.parseJSON(data);
  100. if(d.success){
  101. if(d.obj.id!=""){
  102. submitProcess('activitiController.do?startOnlineProcess&configId=student_zuoye&id='+d.obj.id);
  103. }
  104. }else{
  105. alert("表单保存失败:"+d.msg);
  106. loading.hide();
  107. }
  108. },
  109. error : function(status){
  110. //console.log("ajaxSubmit.error", status);
  111. }
  112. }, {
  113. normal : "* 必填项",
  114. empty :" 不能为空。"
  115. });
  116. });
  117. var loading;
  118. function loadDialog(){
  119. loading = $.dialog({
  120. type: "loading",
  121. maskClickClosed : false,
  122. toolbar: false,
  123. content : '<div class="pui-loading pui-loading-ring"></div><p style="margin-top:10px;">正在提交中,请稍后....</p>'
  124. });
  125. }
  126. function submitProcess(url){
  127. $.ajax({
  128. async : false,
  129. cache : false,
  130. type : 'POST',
  131. url : url,// 请求的action路径
  132. error : function() {// 请求失败处理函数
  133. },
  134. success : function(data) {
  135. var d = data; // ------ $.parseJSON(data);
  136. if (d.success) {
  137. var msg = d.msg;
  138. alert(msg);
  139. var url = "mobileTaskController.do?goTaskApply";
  140. location.href=url;
  141. }else{
  142. alert("提交流程失败:"+d.msg);
  143. }
  144. loading.hide();
  145. }
  146. });
  147. /* $.dialog({
  148. type : "confirm",
  149. content : "确认提交流程?",
  150. buttons : {
  151. values : {
  152. yes : "嗯,确定",
  153. cancel : "我再想想"
  154. }
  155. },
  156. yes : function(){
  157. //console.log("confirm yes: "+this.id);
  158. },
  159. cancel : function(){
  160. //console.log("confirm cancel: "+this.id);
  161. }
  162. }); */
  163. }
  164. </script>
  165. </body>
  166. </html>