process-operation-viewStartForm.jsp 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  1. <%@page contentType="text/html;charset=UTF-8"%>
  2. <%@include file="/taglibs.jsp"%>
  3. <%pageContext.setAttribute("currentHeader", "bpm-workspace");%>
  4. <%pageContext.setAttribute("currentMenu", "bpm-process");%>
  5. <%pageContext.setAttribute("currentTitle", "bpm-process-1");%>
  6. <!doctype html>
  7. <html lang="en">
  8. <head>
  9. <%@include file="/common/meta.jsp"%>
  10. <title><spring:message code="demo.demo.input.title" text="编辑"/></title>
  11. <%@include file="/common/s3.jsp"%>
  12. <!-- bootbox -->
  13. <script type="text/javascript" src="${ctx}/s/bootbox/bootbox.min.js"></script>
  14. <link href="${tenantPrefix}/widgets/xform3/styles/xform.css" rel="stylesheet">
  15. <script type="text/javascript" src="${tenantPrefix}/widgets/xform3/xform-all.js"></script>
  16. <link type="text/css" rel="stylesheet" href="../widgets/userpicker3-v2/userpicker.css">
  17. <script type="text/javascript" src="../widgets/userpicker3-v2/userpicker.js"></script>
  18. <style type="text/css">
  19. .xf-handler {
  20. cursor: auto;
  21. }
  22. .btn_zu{
  23. text-align: center;
  24. margin-top: 20px;
  25. }
  26. </style>
  27. <script type="text/javascript">
  28. document.onmousedown = function(e) {};
  29. document.onmousemove = function(e) {};
  30. document.onmouseup = function(e) {};
  31. document.ondblclick = function(e) {};
  32. var xform;
  33. $(function() {
  34. xform = new xf.Xform('xf-form-table');
  35. xform.render();
  36. if ($('#__gef_content__').val() != '') {
  37. xform.doImport($('#__gef_content__').val());
  38. }
  39. if ('${xform.jsonData}' != '') {
  40. xform.setValue(${xform.jsonData});
  41. }
  42. $("#xform").validate({
  43. submitHandler: function(form) {
  44. bootbox.animate(false);
  45. var box = bootbox.dialog('<div class="progress progress-striped active" style="margin:0px;"><div class="bar" style="width: 100%;"></div></div>');
  46. form.submit();
  47. },
  48. errorClass: 'validate-error'
  49. });
  50. createUserPicker({
  51. multiple: true,
  52. searchUrl: '${tenantPrefix}/rs/user/search',
  53. treeUrl: '${tenantPrefix}/rs/party/tree?partyStructTypeId=1',
  54. childUrl: '${tenantPrefix}/rs/party/searchUser'
  55. });
  56. setTimeout(function() {
  57. $('.datepicker').datepicker({
  58. autoclose: true,
  59. language: 'zh_CN',
  60. format: 'yyyy-mm-dd'
  61. })
  62. }, 500);
  63. })
  64. </script>
  65. <script type="text/javascript" src="${tenantPrefix}/widgets/operation/TaskOperation.js"></script>
  66. <script type="text/javascript">
  67. ROOT_URL = '${tenantPrefix}';
  68. var taskOperation = new TaskOperation();
  69. </script>
  70. </head>
  71. <body>
  72. <%@include file="/header/bpm-workspace3.jsp"%>
  73. <div class="row-fluid">
  74. <%@include file="/menu/bpm-workspace3.jsp"%>
  75. <!-- start of main -->
  76. <section id="m-main" class="col-md-10" style=" ">
  77. <form id="xform" method="post" action="${tenantPrefix}/operation/process-operation-startProcessInstance.do" class="xf-form" enctype="multipart/form-data">
  78. <input id="processDefinitionId" type="hidden" name="processDefinitionId" value="${formDto.processDefinitionId}">
  79. <input id="bpmProcessId" type="hidden" name="bpmProcessId" value="${bpmProcessId}">
  80. <input id="autoCompleteFirstTask" type="hidden" name="autoCompleteFirstTask" value="${formDto.autoCompleteFirstTask}">
  81. <input id="businessKey" type="hidden" name="businessKey" value="${businessKey}">
  82. <!--
  83. <input id="taskId" type="hidden" name="taskId" value="${taskId}">
  84. -->
  85. <div id="xf-form-table"></div>
  86. <br>
  87. <div id="nextStep">
  88. </div>
  89. <script>
  90. $.getJSON('${tenantPrefix}/rs/bpm/next', {
  91. processDefinitionId: '${formDto.processDefinitionId}',
  92. activityId: '${formDto.activityId}'
  93. }, function(data) {
  94. $('#nextStep').append('下个环节:');
  95. for (var i = 0; i < data.length; i++) {
  96. $('#nextStep').append(data[i].name);
  97. }
  98. });
  99. </script>
  100. </form>
  101. <div id="xformToolbar" class="btn_zu">
  102. <c:forEach var="item" items="${buttons}">
  103. <button id="${item.name}" type="button" class="btn ${item.label == '保存草稿' ? 'btn-default' : ''} ${item.label == '提交数据' ? 'btn-primary' : ''}" onclick="taskOperation.${item.name}()">${item.label}</button>
  104. </c:forEach>
  105. </div>
  106. </section>
  107. <!-- end of main -->
  108. <form id="f" action="form-template-save.do" method="post" style="display:none;">
  109. <textarea id="__gef_content__" name="content">${xform.content}</textarea>
  110. </form>
  111. </body>
  112. </html>