console-listProcessInstances.jsp 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. <%@page contentType="text/html;charset=UTF-8"%>
  2. <%@include file="/taglibs.jsp"%>
  3. <%pageContext.setAttribute("currentHeader", "bpm-console");%>
  4. <%pageContext.setAttribute("currentMenu", "bpm-process");%>
  5. <%pageContext.setAttribute("currentTitle", "bpm-category-5");%>
  6. <!doctype html>
  7. <html lang="en">
  8. <head>
  9. <%@include file="/common/meta.jsp"%>
  10. <title><spring:message code="dev.consoleProcessInstances.list.title" text="列表"/></title>
  11. <%@include file="/common/s3.jsp"%>
  12. <script type="text/javascript">
  13. var config = {
  14. id: 'consoleProcessInstancesGrid',
  15. pageNo: ${page.pageNo},
  16. pageSize: ${page.pageSize},
  17. totalCount: ${page.totalCount},
  18. resultSize: ${page.resultSize},
  19. pageCount: ${page.pageCount},
  20. orderBy: '${page.orderBy == null ? "" : page.orderBy}',
  21. asc: ${page.asc},
  22. params: {
  23. 'filter_LIKES_name': '${param.filter_LIKES_name}'
  24. },
  25. selectedItemClass: 'selectedItem',
  26. gridFormId: 'consoleProcessInstancesGridForm',
  27. exportUrl: 'consoleProcessInstances-export.do'
  28. };
  29. var table;
  30. $(function() {
  31. table = new Table(config);
  32. table.configPagination('.m-pagination');
  33. table.configPageInfo('.m-page-info');
  34. table.configPageSize('.m-page-size');
  35. });
  36. </script>
  37. </head>
  38. <body>
  39. <%@include file="/header/_pim3.jsp"%>
  40. <div class="row-fluid">
  41. <%@include file="/menu/bpm-console.jsp"%>
  42. <!-- start of main -->
  43. <section id="m-main" class="col-md-10" style=" ">
  44. <%--
  45. <div class="panel panel-default">
  46. <div class="panel-heading">
  47. <i class="glyphicon glyphicon-list"></i>
  48. 查询
  49. <div class="pull-right ctrl">
  50. <a class="btn btn-default btn-xs"><i id="consoleProcessInstancesSearchIcon" class="glyphicon glyphicon-chevron-up"></i></a>
  51. </div>
  52. </div>
  53. <div class="panel-body">
  54. <form name="consoleProcessInstancesForm" method="post" action="consoleProcessInstances-list.do" class="form-inline">
  55. <label for="consoleProcessInstances_name"><spring:message code='consoleProcessInstances.consoleProcessInstances.list.search.name' text='名称'/>:</label>
  56. <input type="text" id="consoleProcessInstances_name" name="filter_LIKES_name" value="${param.filter_LIKES_name}" class="form-control">
  57. <button class="btn btn-default a-search" onclick="document.consoleProcessInstancesForm.submit()">查询</button>&nbsp;
  58. </form>
  59. </div>
  60. </div>
  61. --%>
  62. <div style="margin-bottom: 20px;">
  63. <div class="pull-left btn-group" role="group">
  64. <%--
  65. <button class="btn btn-default a-insert" onclick="location.href='consoleProcessInstances-input.do'">新建</button>
  66. <button class="btn btn-default a-remove" onclick="table.removeAll()">删除</button>
  67. <button class="btn btn-default a-export" onclick="table.exportExcel()">导出</button>
  68. --%>
  69. </div>
  70. <div class="pull-right">
  71. 每页显示
  72. <select class="m-page-size form-control" style="display:inline;width:auto;">
  73. <option value="10">10</option>
  74. <option value="20">20</option>
  75. <option value="50">50</option>
  76. </select>
  77. </div>
  78. <div class="clearfix"></div>
  79. </div>
  80. <form id="consoleProcessInstancesGridForm" name="consoleProcessInstancesGridForm" method='post' action="consoleProcessInstances-remove.do" class="m-form-blank">
  81. <div class="panel panel-default">
  82. <div class="panel-heading">
  83. <i class="glyphicon glyphicon-list"></i>
  84. <spring:message code="scope-info.scope-info.list.title" text="列表"/>
  85. </div>
  86. <table id="demoGrid" class="table table-hover">
  87. <thead>
  88. <tr>
  89. <th class="sorting" name="id">编号</th>
  90. <th class="sorting" name="name">流程定义</th>
  91. <th class="sorting" name="name">环节</th>
  92. <th class="sorting" name="name">状态</th>
  93. <th width="170">&nbsp;</th>
  94. </tr>
  95. </thead>
  96. <tbody>
  97. <c:forEach items="${page.result}" var="item">
  98. <tr>
  99. <td>${item.id}</td>
  100. <td>${item.processDefinitionId}</td>
  101. <td>${item.activityId}</td>
  102. <td>
  103. <c:if test="${item.suspended}">
  104. 挂起
  105. <a href="console-activeProcessInstance.do?processInstanceId=${item.id}">(激活)</a>
  106. </c:if>
  107. <c:if test="${not item.suspended}">
  108. 激活
  109. <a href="console-suspendProcessInstance.do?processInstanceId=${item.id}">(挂起)</a>
  110. </c:if>
  111. </td>
  112. <td>
  113. <a href="console-removeProcessInstance.do?processInstanceId=${item.id}">删除</a>
  114. <a href="console-migrateInput.do?processInstanceId=${item.id}">迁移</a>
  115. <a href="workspace-viewHistory.do?processInstanceId=${item.id}">历史</a>
  116. <a href="${tenantPrefix}/widgets/diagram-viewer/index.html?processInstanceId=${item.id}&processDefinitionId=${item.processDefinitionId}">diagram-viewer</a>
  117. <a href="console-deleteProcessInstance.do?id=${item.id}">删除(包含历史)</a>
  118. </td>
  119. </tr>
  120. </c:forEach>
  121. </tbody>
  122. </table>
  123. </div>
  124. </form>
  125. <div>
  126. <div class="m-page-info pull-left">
  127. 共100条记录 显示1到10条记录
  128. </div>
  129. <div class="btn-group m-pagination pull-right">
  130. <button class="btn btn-default">&lt;</button>
  131. <button class="btn btn-default">1</button>
  132. <button class="btn btn-default">&gt;</button>
  133. </div>
  134. <div class="clearfix"></div>
  135. </div>
  136. <div class="m-spacer"></div>
  137. </section>
  138. <!-- end of main -->
  139. </div>
  140. </body>
  141. </html>