bkjxxxw/WebContent/webpage/modules/act/actTaskHistoricList.jsp

157 lines
6.4 KiB
Plaintext
Raw Normal View History

2024-03-18 10:04:33 +08:00
<%@ 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() {
laydate({
elem: '#beginDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus' //响应事件。如果没有传入event则按照默认的click
});
laydate({
elem: '#endDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus' //响应事件。如果没有传入event则按照默认的click
});
});
function page(n,s){
location = '${ctx}/act/task/historic/?pageNo='+n+'&pageSize='+s;
}
</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" modelAttribute="act" action="${ctx}/act/task/historic/" method="get" 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">流程类型:</div>
<div class="pane-query-anying-div-input">
<form:select path="procDefKey" class="form-control">
<form:option value="" label="全部流程"/>
<form:options items="${fns:getDictList('act_type')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</form:select>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-6 pane-query-anying-div">
<div class="pane-query-anying-div-text">完成时间:</div>
<div class="pane-query-anying-div-input">
<input id="beginDate" name="beginDate" type="text" style="max-width:130px" readonly="readonly" maxlength="20" class="laydate-icon form-control layer-date input-sm" value="<fmt:formatDate value="${act.beginDate}" pattern="yyyy-MM-dd"/>"/>
<label>&nbsp;--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
<input id="endDate" name="endDate" type="text" style="max-width:130px" readonly="readonly" maxlength="20" class="laydate-icon form-control layer-date input-sm" value="<fmt:formatDate value="${act.endDate}" pattern="yyyy-MM-dd"/>"/>&nbsp;&nbsp;
</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>
</div>
</div>
</div>
</form:form>
</div>
</div>
<!-- 工具栏 -->
<div class="row">
<div class="col-sm-12">
<div class="pull-left">
</div>
</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>当前环节</th>
<!-- <th>任务内容</th>-->
<th>流程名称</th>
<th>流程版本</th>
<th>流程发起人</th>
<th>完成时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${page.list}" var="act">
<c:set var="task" value="${act.histTask}" />
<c:set var="vars" value="${act.vars}" />
<c:set var="procDef" value="${act.procDef}" /><%--
<c:set var="procExecUrl" value="${act.procExecUrl}" /> --%>
<c:set var="status" value="${act.status}" />
<tr>
<td>
<a href="${ctx}/act/task/form?taskId=${task.id}&taskName=${fns:urlEncode(task.name)}&taskDefKey=${task.taskDefinitionKey}&procInsId=${task.processInstanceId}&procDefId=${task.processDefinitionId}&status=${status}">${fns:abbr(not empty vars.map.title ? vars.map.title : task.id, 60)}</a>
</td>
<td>
<a href="javascript:openDialog('跟踪','${ctx}/act/task/trace/photo/${task.processDefinitionId}/${task.executionId}','1000px', '600px')">${task.name}</a>
<%--<a target="_blank" href="${pageContext.request.contextPath}/act/rest/diagram-viewer?processDefinitionId=${task.processDefinitionId}&processInstanceId=${task.processInstanceId}"></a>
<a target="_blank" href="${ctx}/act/task/trace/photo/${task.processDefinitionId}/${task.executionId}">${task.name}</a>
<a target="_blank" href="${ctx}/act/task/trace/info/${task.processInstanceId}">${task.name}</a> --%>
</td>
<!-- <td>${task.description}</td>-->
<td>${procDef.name}</td>
<td><b title='流程版本号'>V: ${procDef.version}</b></td>
<td>${act.vars.map.applyUserId}</td>
<td><fmt:formatDate value="${task.endTime}" type="both"/></td>
<td>
<a href="${ctx}/act/task/form?taskId=${task.id}&taskName=${fns:urlEncode(task.name)}&taskDefKey=${task.taskDefinitionKey}&procInsId=${task.processInstanceId}&procDefId=${task.processDefinitionId}&status=${status}">详情</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<!-- 分页代码 -->
<table:page page="${page}"></table:page>
</div>
</div>
</div>
</div>
</body>
</html>