183 lines
7.4 KiB
Plaintext
183 lines
7.4 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() {
|
||
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 claim(taskId) {
|
||
$.get('${ctx}/act/task/claim' ,{taskId: taskId}, function(data) {
|
||
if (data == 'true'){
|
||
top.$.jBox.tip('签收完成');
|
||
location = '${ctx}/act/task/todo/';
|
||
}else{
|
||
top.$.jBox.tip('签收失败');
|
||
}
|
||
});
|
||
}
|
||
</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/todo/" 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" readonly="readonly" maxlength="20" style="max-width:130px" class="laydate-icon form-control layer-date input-sm"
|
||
value="<fmt:formatDate value="${act.beginDate}" pattern="yyyy-MM-dd"/>"/>
|
||
<label> -- </label>
|
||
<input id="endDate" name="endDate" type="text" readonly="readonly" maxlength="20" style="max-width:130px" class="laydate-icon form-control layer-date input-sm"
|
||
value="<fmt:formatDate value="${act.endDate}" pattern="yyyy-MM-dd"/>"/>
|
||
</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="${list}" var="act">
|
||
<c:set var="task" value="${act.task}" />
|
||
<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>
|
||
<c:if test="${empty task.assignee}">
|
||
<a href="javascript:claim('${task.id}');" title="签收任务">${fns:abbr(not empty act.vars.map.title ? act.vars.map.title : task.id, 60)}</a>
|
||
</c:if>
|
||
<c:if test="${not empty task.assignee}">
|
||
<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>
|
||
</c:if>
|
||
</td>
|
||
<td>
|
||
<a href="javascript:openDialog('跟踪','${ctx}/act/task/trace/photo/${task.processDefinitionId}/${task.executionId}','1000px', '600px')">${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.createTime}" type="both"/></td>
|
||
<td>
|
||
<c:if test="${empty task.assignee}">
|
||
<a href="javascript:claim('${task.id}');">签收任务</a>
|
||
</c:if>
|
||
<c:if test="${not empty task.assignee}"><%--
|
||
<a href="${ctx}${procExecUrl}/exec/${task.taskDefinitionKey}?procInsId=${task.processInstanceId}&act.taskId=${task.id}">办理</a> --%>
|
||
<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>
|
||
</c:if>
|
||
<shiro:hasPermission name="act:process:edit">
|
||
<c:if test="${empty task.executionId}">
|
||
<a href="${ctx}/act/task/deleteTask?taskId=${task.id}&reason=" onclick="return promptx('删除任务','删除原因',this.href);">删除任务</a>
|
||
</c:if>
|
||
</shiro:hasPermission>
|
||
<a href="javascript:openDialog('跟踪','${ctx}/act/task/trace/photo/${task.processDefinitionId}/${task.executionId}','1000px', '600px')">跟踪</a>
|
||
<a href="javascript:openDialog('跟踪','${ctx}/act/task/trace/photo/${task.processDefinitionId}/${task.executionId}','1000px', '600px')">指派</a>
|
||
</td>
|
||
</tr>
|
||
</c:forEach>
|
||
</tbody>
|
||
</table>
|
||
|
||
<!-- 分页代码 -->
|
||
<table:page page="${page}"></table:page>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |