144 lines
5.0 KiB
Plaintext
144 lines
5.0 KiB
Plaintext
<%@ page contentType="text/html;charset=UTF-8" %>
|
||
<%@ include file="/webpage/include/taglib.jsp"%>
|
||
<html>
|
||
<head>
|
||
<title>运行中的流程</title>
|
||
<meta name="decorator" content="default"/>
|
||
<script type="text/javascript">
|
||
$(document).ready(function(){
|
||
top.$.jBox.tip.mess = null;
|
||
});
|
||
</script>
|
||
</head>
|
||
<body class="gray-bg">
|
||
<div class="wrapper wrapper-list-content">
|
||
<div class="ibox">
|
||
<!-- <div class="ibox-title"> -->
|
||
<!-- <h5>运行中的流程 </h5> -->
|
||
<!-- <div class="ibox-tools"> -->
|
||
<!-- <a class="collapse-link"> -->
|
||
<!-- <i class="fa fa-chevron-up"></i> -->
|
||
<!-- </a> -->
|
||
<!-- <a class="dropdown-toggle" data-toggle="dropdown" href="#"> -->
|
||
<!-- <i class="fa fa-wrench"></i> -->
|
||
<!-- </a> -->
|
||
<!-- <ul class="dropdown-menu dropdown-user"> -->
|
||
<!-- <li><a href="#">选项1</a> -->
|
||
<!-- </li> -->
|
||
<!-- <li><a href="#">选项2</a> -->
|
||
<!-- </li> -->
|
||
<!-- </ul> -->
|
||
<!-- <a class="close-link"> -->
|
||
<!-- <i class="fa fa-times"></i> -->
|
||
<!-- </a> -->
|
||
<!-- </div> -->
|
||
<!-- </div> -->
|
||
|
||
<div class="ibox-content ibox-content-list">
|
||
<sys:message content="${message}"/>
|
||
<div class="pane-query-circle">
|
||
|
||
<!--查询条件-->
|
||
<div class="row">
|
||
<div class="col-sm-12">
|
||
<form:form id="searchForm" action="${ctx}/act/process/running/" method="post" class="form-inline">
|
||
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
|
||
<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
|
||
<table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();"/><!-- 支持排序 -->
|
||
<div class="row pane-query-anying">
|
||
|
||
<div class="col-sm-6 col-md-4 col-lg-3 pane-query-anying-div">
|
||
<div class="pane-query-anying-div-text">流程实例ID：</div>
|
||
<div class="pane-query-anying-div-input">
|
||
<input type="text" id="procInsId" name="procInsId" value="${procInsId}" class="form-control"/>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-sm-6 col-md-4 col-lg-3 pane-query-anying-div">
|
||
<div class="pane-query-anying-div-text">流程定义Key：</div>
|
||
<div class="pane-query-anying-div-input">
|
||
<input type="text" id="procDefKey" name="procDefKey" value="${procDefKey}" class="form-control"/>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-sm-6 col-md-4 col-lg-3 pane-query-anying-div pane-query-anying-div-button">
|
||
<div class="pull-right pane-query-anying-div-input">
|
||
<button class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="search()" ><i class="fa fa-search"></i> 查询</button>
|
||
<button class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="resetAll()" ><i class="fa fa-refresh"></i> 重置</button>
|
||
<!-- <button class="btn btn-white btn-sm " data-toggle="tooltip" data-placement="left" onclick="sortOrRefresh()" title="刷新"><i class="glyphicon glyphicon-repeat"></i> 刷新</button> -->
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</form:form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 工具栏 -->
|
||
<!-- <div class="row"> -->
|
||
<!-- <div class="col-sm-12"> -->
|
||
<!-- <div class="pull-left"> -->
|
||
<!-- </div> -->
|
||
<!-- <div class="pull-right"> -->
|
||
<!-- </div> -->
|
||
<!-- </div> -->
|
||
<!-- </div> -->
|
||
|
||
|
||
<!-- 表格 -->
|
||
<div class="pane-query-circle-list">
|
||
<table id="contentTable" class="table table-striped table-bordered table-hover table-condensed dataTables-example dataTable">
|
||
<thead>
|
||
<tr>
|
||
<th>流程名称</th>
|
||
<th>执行ID</th>
|
||
<th>流程实例ID</th>
|
||
<th>流程定义ID</th>
|
||
<th>当前环节</th>
|
||
<th>是否挂起</th>
|
||
<th style="width: 65px">操作</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<c:forEach items="${page.list}" var="procIns">
|
||
<tr>
|
||
<td class="query-datatable-nowrap">
|
||
<label class="query-datatable-nowrap td-fixed-width-150" title="${procIns.processDefinitionName}">
|
||
${procIns.processDefinitionName}
|
||
</label>
|
||
</td>
|
||
<td class="query-datatable-nowrap">
|
||
<label class="query-datatable-nowrap td-fixed-width-200" title="${procIns.id}">
|
||
${procIns.id}
|
||
</label>
|
||
</td>
|
||
<td class="query-datatable-nowrap">
|
||
<label class="query-datatable-nowrap td-fixed-width-200" title="${procIns.processInstanceId}">
|
||
${procIns.processInstanceId}
|
||
</label>
|
||
</td>
|
||
<td class="query-datatable-nowrap">
|
||
<label class="query-datatable-nowrap td-fixed-width-200" title="${procIns.processDefinitionId}">
|
||
${procIns.processDefinitionId}
|
||
</label>
|
||
</td>
|
||
<td>${procIns.activityId}</td>
|
||
<td>${procIns.suspended}</td>
|
||
<td>
|
||
<a href="javascript:openDialog('查看流程历史','${ctx}/act/task/trace/photo/${procIns.processDefinitionId}/${procIns.id}','1000px', '600px')">历史</a>
|
||
<shiro:hasPermission name="act:process:edit">
|
||
<a href="${ctx}/act/process/deleteProcIns?procInsId=${procIns.processInstanceId}&reason=" onclick="return promptx('作废原因',this.href);">作废</a>
|
||
</shiro:hasPermission>
|
||
</td>
|
||
</tr>
|
||
</c:forEach>
|
||
</tbody>
|
||
</table>
|
||
<!-- 分页代码 -->
|
||
<table:page page="${page}"></table:page>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |