dynamicForm.jsp 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <title>流程表单设计器</title>
  6. <meta name="decorator" content="ani"/>
  7. <%@ include file="/webpage/include/bootstraptable.jsp"%>
  8. <link rel="stylesheet" type="text/css" href="${ctxStatic}/plugin/formBuilder/assets/css/demo.css">
  9. <link rel="stylesheet" type="text/css" media="screen" href="${ctxStatic}/plugin/formBuilder/assets/css/jquery.rateyo.min.css">
  10. <%--<script src="${ctxStatic}/plugin/formBuilder/assets/js/vendor.js"></script>--%>
  11. <script src="${ctxStatic}/plugin/formBuilder/assets/js/form-builder.min.js"></script>
  12. <script src="${ctxStatic}/plugin/formBuilder/assets/js/form-render.min.js"></script>
  13. <script src="${ctxStatic}/plugin/formBuilder/assets/js/jquery.rateyo.min.js"></script>
  14. <style>
  15. div.counter {
  16. /* display: none; */
  17. position: relative;
  18. /* float: right; */
  19. width: 30px;
  20. padding: 5px;
  21. font-size: 15px;
  22. line-height: 10px;
  23. /* height: 20px; */
  24. background-color: rgba(0, 0, 0, 0.8);
  25. /* top: 50%; */
  26. left: 200px;
  27. margin-top: -25px;
  28. color: white;
  29. }
  30. .city-picker-dropdown{
  31. position: relative !important;
  32. }
  33. </style>
  34. <script>
  35. <%@include file="index.js" %>
  36. $(document).ready(function() {
  37. jp.ajaxForm("#inputForm", function (data) {
  38. if(data.success){
  39. jp.success("保存成功!")
  40. jp.go("${ctx}"+ data.body.targetUrl);
  41. }else{
  42. jp.error("保存失败!");
  43. }
  44. })
  45. $("#agree").click(function () {
  46. jp.prompt("同意, 审批意见", function (message) {
  47. jp.post("${ctx}/act/task/audit",
  48. {
  49. "taskId":"${actForm.act.taskId}",
  50. "taskName":"${actForm.act.taskName}",
  51. "taskDefKey":"${actForm.act.taskDefKey}",
  52. "procInsId":"${actForm.act.procInsId}",
  53. "procDefId":"${actForm.act.procDefId}",
  54. "flag":"yes",
  55. "comment":message
  56. },
  57. function (data) {
  58. if(data.success){
  59. jp.success(data.msg);
  60. jp.go("${ctx}/act/task/todo")
  61. }
  62. })
  63. })
  64. })
  65. $("#reject").click(function () {
  66. jp.prompt("驳回, 审批意见", function (message) {
  67. jp.post("${ctx}/act/task/audit",
  68. {
  69. "taskId":"${actForm.act.taskId}",
  70. "taskName":"${actForm.act.taskName}",
  71. "taskDefKey":"${actForm.act.taskDefKey}",
  72. "procInsId":"${actForm.act.procInsId}",
  73. "procDefId":"${actForm.act.procDefId}",
  74. "flag":$("flag").val(),
  75. "comment":message
  76. },
  77. function (data) {
  78. if(data.success){
  79. jp.success(data.msg);
  80. jp.go("${ctx}/act/task/todo")
  81. }
  82. })
  83. })
  84. })
  85. $("#agree2").click(function () {
  86. jp.prompt("办理意见", function (message) {
  87. jp.post("${ctx}/act/task/audit",
  88. {
  89. "taskId":"${actForm.act.taskId}",
  90. "taskName":"${actForm.act.taskName}",
  91. "taskDefKey":"${actForm.act.taskDefKey}",
  92. "procInsId":"${actForm.act.procInsId}",
  93. "procDefId":"${actForm.act.procDefId}",
  94. "flag":"yes",
  95. "comment":message
  96. },
  97. function (data) {
  98. if(data.success){
  99. jp.success(data.msg);
  100. jp.go("${ctx}/act/task/todo")
  101. }
  102. })
  103. })
  104. })
  105. });
  106. </script>
  107. </head>
  108. <body>
  109. <div class="wrapper wrapper-content">
  110. <div class="panel panel-primary">
  111. <div class="panel-heading">
  112. <h3 class="panel-title">
  113. <a class="panelButton" href="${ctx}/form/dynamic/list?form_id=${form_id}"><i class="ti-angle-left"></i> 返回</a>
  114. </h3>
  115. </div>
  116. <div class="panel-body">
  117. <form id="inputForm" action="${ctx}/form/dynamic/save">
  118. <input type="hidden" name="form_id" value="${form_id}">
  119. <input type="hidden" name="act.taskId" value="${actForm.act.taskId}"/>
  120. <input type="hidden" name="act.taskName" value="${actForm.act.taskName}"/>
  121. <input type="hidden" name="act.taskDefKey" value="${actForm.act.taskDefKey}"/>
  122. <input type="hidden" name="act.procInsId" value="${actForm.act.procInsId}"/>
  123. <input type="hidden" name="act.procDefId" value="${actForm.act.procDefId}"/>
  124. <input type="hidden" name="act.isNextGatewaty" value="${actForm.act.isNextGatewaty}" />
  125. <input type="hidden" id="flag" name="act.flag" value="${actForm.act.flag}" />
  126. <div id="dynamic" class="render-wrap">
  127. </div>
  128. <c:if test="${actForm.act.taskDefKey eq ''}">
  129. <div class="col-lg-3"></div>
  130. <div class="col-lg-6">
  131. <div class="form-group text-center">
  132. <div>
  133. <button class="btn btn-primary btn-block btn-lg btn-parsley" data-loading-text="正在提交...">提 交</button>
  134. </div>
  135. </div>
  136. </div>
  137. </c:if>
  138. </form>
  139. <c:if test="${actForm.act.taskDefKey ne '' && !actForm.act.finishTask && actForm.act.isNextGatewaty}">
  140. <div class="row">
  141. <div class="col-sm-3"></div>
  142. <div class="col-sm-6">
  143. <div class="form-group text-center">
  144. <input id="agree" class="btn btn-primary btn-lg btn-parsley" type="submit" value="同 意" onclick="$('#flag').val('yes')"/>&nbsp;
  145. <input id="reject" class="btn btn-danger btn-lg btn-parsley" type="submit" value="驳 回" onclick="$('#flag').val('no')"/>&nbsp;
  146. </div>
  147. </div>
  148. </div>
  149. </c:if>
  150. <c:if test="${actForm.act.taskDefKey ne '' && !actForm.act.finishTask && !actForm.act.isNextGatewaty}">
  151. <div class="row">
  152. <div class="col-sm-3"></div>
  153. <div class="col-sm-6">
  154. <div class="form-group text-center">
  155. <input id="agree2" class="btn btn-primary btn-lg btn-parsley" type="submit" value="办 理" onclick="$('#flag').val('yes')"/>&nbsp;
  156. </div>
  157. </div>
  158. </div>
  159. </c:if>
  160. <c:if test="${not empty actForm.id}">
  161. <act:flowChart procInsId="${actForm.act.procInsId}"/>
  162. <act:histoicFlow procInsId="${actForm.act.procInsId}" />
  163. </c:if>
  164. </div>
  165. </div>
  166. </div>
  167. </body>
  168. </html>