workspace-listCompletedProcessInstances.jsp 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  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-3");%>
  6. <!doctype html>
  7. <html lang="en">
  8. <head>
  9. <%@include file="/common/meta.jsp"%>
  10. <title>流程列表</title>
  11. <%@include file="/common/s3.jsp"%>
  12. <link type="text/css" rel="stylesheet" href="../widgets/userpicker3-v2/userpicker.css">
  13. <script type="text/javascript" src="../widgets/userpicker3-v2/userpicker.js"></script>
  14. <script type="text/javascript">
  15. var config = {
  16. id: 'processGrid',
  17. pageNo: ${page.pageNo},
  18. pageSize: ${page.pageSize},
  19. totalCount: ${page.totalCount},
  20. resultSize: ${page.resultSize},
  21. pageCount: ${page.pageCount},
  22. orderBy: '${page.orderBy == null ? "" : page.orderBy}',
  23. asc: ${page.asc},
  24. params: {
  25. },
  26. selectedItemClass: 'selectedItem',
  27. gridFormId: 'processGridForm',
  28. exportUrl: 'process-export.do'
  29. };
  30. var table;
  31. $(function() {
  32. table = new Table(config);
  33. table.configPagination('.m-pagination');
  34. table.configPageInfo('.m-page-info');
  35. table.configPageSize('.m-page-size');
  36. createUserPicker({
  37. modalId: 'userPicker',
  38. searchUrl: '${tenantPrefix}/rs/user/search',
  39. treeUrl: '${tenantPrefix}/rs/party/tree?partyStructTypeId=1',
  40. childUrl: '${tenantPrefix}/rs/party/searchUser'
  41. });
  42. });
  43. var ROOT_URL = '${tenantPrefix}';
  44. function doTransfer(processInstanceId) {
  45. $('#modal form').attr('action', ROOT_URL + '/bpm/workspace-transferProcessInstance.do');
  46. $('#processInstanceId').val(processInstanceId);
  47. $('#modal').modal();
  48. }
  49. </script>
  50. </head>
  51. <body>
  52. <%@include file="/header/bpm-workspace3.jsp"%>
  53. <div class="row-fluid">
  54. <%@include file="/menu/bpm-workspace3.jsp"%>
  55. <!-- start of main -->
  56. <section id="m-main" class="col-md-10" style=" ">
  57. <div style="margin-bottom: 20px;">
  58. <div class="pull-right">
  59. 每页显示
  60. <select class="m-page-size form-control" style="display:inline;width:auto;">
  61. <option value="10">10</option>
  62. <option value="20">20</option>
  63. <option value="50">50</option>
  64. </select>
  65. </div>
  66. <div class="clearfix"></div>
  67. </div>
  68. <form id="bpmForm" name="bpmForm" method='post' action="pim-note-remove.do" class="m-form-blank">
  69. <div class="panel panel-default">
  70. <div class="panel-heading">
  71. <i class="glyphicon glyphicon-list"></i>
  72. 列表
  73. </div>
  74. <table id="pimRemindGrid" class="table table-hover">
  75. <thead>
  76. <tr>
  77. <!--
  78. <th class="sorting" name="id">编号</th>
  79. -->
  80. <th>标题</th>
  81. <th class="sorting" name="name">流程定义</th>
  82. <th class="sorting" name="createTime">创建时间</th>
  83. <th class="sorting" name="endTime">结束时间</th>
  84. <th>持续时间</th>
  85. <th>状态</th>
  86. <th width="110">&nbsp;</th>
  87. </tr>
  88. </thead>
  89. <tbody>
  90. <c:forEach items="${page.result}" var="item">
  91. <tr>
  92. <!--
  93. <td>${item.id}</td>
  94. -->
  95. <td><a href="workspace-viewHistory.do?processInstanceId=${item.id}">${item.name}</a></td>
  96. <td><tags:processName processDefinitionId="${item.processDefinitionId}"/></td>
  97. <td><fmt:formatDate value="${item.startTime}" pattern="yyyy-MM-dd HH:mm:ss" /></td>
  98. <td><fmt:formatDate value="${item.endTime}" pattern="yyyy-MM-dd HH:mm:ss" /></td>
  99. <td><tags:duration startTime="${item.startTime}" endTime="${item.endTime}"/></td>
  100. <td>结束</td>
  101. <td>
  102. <a href="workspace-copyProcessInstance.do?processInstanceId=${item.id}">复制</a>
  103. <a href="javascript:void(0);doTransfer(${item.id})">转发</a>
  104. <a href="workspace-viewHistory.do?processInstanceId=${item.id}">详情</a>
  105. </td>
  106. </tr>
  107. </c:forEach>
  108. </tbody>
  109. </table>
  110. </div>
  111. </form>
  112. <div>
  113. <div class="m-page-info pull-left">
  114. 共100条记录 显示1到10条记录
  115. </div>
  116. <div class="btn-group m-pagination pull-right">
  117. <button class="btn btn-default">&lt;</button>
  118. <button class="btn btn-default">1</button>
  119. <button class="btn btn-default">&gt;</button>
  120. </div>
  121. <div class="clearfix"></div>
  122. </div>
  123. </section>
  124. <!-- end of main -->
  125. </div>
  126. <div id="modal" class="modal fade">
  127. <div class="modal-dialog">
  128. <div class="modal-content">
  129. <div class="modal-body">
  130. <form>
  131. <input type="hidden" id="processInstanceId" name="processInstanceId" value=""/>
  132. <div class="input-group userPicker" style="width:200px;">
  133. <input id="_assignee_key_" type="hidden" name="assignee" class="input-medium" value="">
  134. <input type="text" class="form-control" name="username" placeholder="" value="">
  135. <div class="input-group-addon"><i class="glyphicon glyphicon-user"></i></div>
  136. </div>
  137. <br>
  138. <button class="btn btn-default">提交</button>
  139. </form>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </body>
  145. </html>