<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" trimDirectiveWhitespaces="true" %>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro" %>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>历史审批意见列表</title>
|
<link href="static/plugins/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css">
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/styles/material-teal.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/initialize.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/common.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/layer/skin/default/layer.css" type="text/css">
|
<link rel="stylesheet" href="static/plugins/webuploader/webuploader.css" type="text/css">
|
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
<script type="text/javascript" src="static/plugins/layer/layer.js"></script>
|
|
<script type="text/javascript" src="static/plugins/spinjs/spin.js"></script>
|
<script type="text/javascript" src="static/plugins/spinjs/jquery.spin.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery.blockUI.js"></script>
|
|
<script type="text/javascript" src="static/plugins/webuploader/webuploader.js"></script>
|
<script src="static/plugins/webuploader/webuploader.min.js"></script>
|
<script src="static/plugins/ptfileupload/pt.fileupload.js"></script>
|
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
|
<!--[if lt IE 9]>
|
<script type="text/javascript" src="static/plugins/json2.js"></script>
|
<![endif]-->
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.infoPicker.js"></script>
|
<style>
|
html, body {
|
height: 100%;
|
width: 100%;
|
overflow: hidden;
|
}
|
</style>
|
</head>
|
<div>
|
<div class="pt-form-inline" style="margin:0px 5px;">
|
<div id="right">
|
<div>
|
<table style="margin-left: 10px">
|
<tr style="height:30px">
|
<td style="width: 300px"><b>主题：</b>${historyProcess.processInstanceName}</td>
|
<td style="width: 200px"><b>流程类型：</b>${historyProcess.flowDefinitionName}</td>
|
<td style="width: 200px"><b>发起人：</b>${historyProcess.startUserName}</td>
|
</tr>
|
<tr style="height:30px">
|
<td><b>发起时间：</b><span id="startTime"></span></td>
|
<td><b>最近变更时间：</b><span id="updateTime"></span></td>
|
<td><b>流程状态：</b>
|
<c:if test="${historyProcess.endTime!=null}">
|
流程结束
|
</c:if>
|
<c:if test="${historyProcess.endTime==null}">
|
流程中
|
</c:if>
|
</td>
|
</tr>
|
</table>
|
<table id="dg_historyist" style="width:100%;">
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</body>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script type="text/javascript">
|
var moduleId = "${moduleId}";
|
var tableId = "${tableId}";
|
var keyId = "${keyId}";
|
var processStartTime = "${historyProcess.startTime}";
|
var processLastUpdateTime = "${historyProcess.lastUpdateTime}";
|
$(function () {
|
initHistoryDataGrid();
|
var startTime = dateFormat(processStartTime, "yyyy-MM-dd HH:mm:ss");
|
var updateTime = dateFormat(processLastUpdateTime, "yyyy-MM-dd HH:mm:ss");
|
$("#startTime").html(startTime);
|
$("#updateTime").html(updateTime);
|
});
|
|
function dateFormat(date, format) {
|
date = new Date(date);
|
date.setHours(date.getHours() - 14);
|
var dset = {
|
"M+": date.getMonth() + 1, // 月
|
"d+": date.getDate(), // 日
|
"H+": date.getHours(), // 时
|
"m+": date.getMinutes(), // 分
|
"s+": date.getSeconds(), // 秒
|
"q+": Math.floor((date.getMonth() + 3) / 3), // 刻钟
|
S: date.getMilliseconds(), // 毫秒
|
};
|
|
if (/(y+)/.test(format)) {
|
format = format.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
|
}
|
|
for (var i in dset) {
|
if (new RegExp("(" + i + ")").test(format)) {
|
format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? dset[i] : ("00" + dset[i]).substr(("" + dset[i]).length));
|
}
|
}
|
return format;
|
}
|
|
|
//获取历史审批意见、阅办意见
|
function initHistoryDataGrid() {
|
$('#dg_historyist').datagrid({
|
url: "flow/getDealAndReadHistoryList?moduleId=" + moduleId + "&tableId=" + tableId + "&keyId=" + keyId,
|
fitColumns: true,
|
striped: true,
|
idField: "id",
|
height: $(window).height() - 75,
|
rownumbers: true,
|
pagination: false,
|
checkOnSelect: false,
|
selectOnCheck: false,
|
singleSelect: true,
|
remoteSort: false,
|
columns: [[
|
{
|
field: 'recordType',
|
title: '记录类型',
|
halign: 'center',
|
align: 'center',
|
width: 35,
|
formatter: function (value, row, index) {
|
var ret = value;
|
// console.log(row);
|
if (row.circulate == false && row.endTime != null) {
|
ret = "完成环节";
|
}
|
if (row.circulate == false && row.endTime == null) {
|
ret = "环节进行中";
|
}
|
if (row.circulateState != null && row.circulateState == 1) {
|
ret += " <a href='javascript:void(0)' style=\"text-decoration:underline;\" onclick='javascript:lookReadTask(\"" + row.historyTaskId + "\")'>传阅情况</a>";
|
}
|
return ret;
|
}
|
},
|
{
|
field: 'startTime',
|
title: '记录时间',
|
halign: 'center',
|
align: 'center',
|
width: 50
|
},
|
{
|
field: 'taskName',
|
title: '任务环节',
|
width: 50
|
},
|
{
|
field: 'assigneeUserName',
|
title: '处理人',
|
width: 50,
|
formatter: function (value, row, index) {
|
var ret = value;
|
//若已办结，若为公办，则需拼接真实签收人
|
if (row.assigneeType > 0 && row.circulate == false && row.endTime != null) {
|
ret += "（" + row.claimUserName + "）";
|
}
|
|
//若阅毕，若为公办待阅，需拼接部门+真实签收人
|
if (row.assigneeType > 0 && row.circulate == true && row.circulateState == 1 && row.endTime != null) {
|
ret += "（" + row.claimUserName + "）";
|
}
|
return ret;
|
}
|
},
|
{
|
field: 'actionName',
|
title: '所选动作',
|
width: 60
|
},
|
{
|
field: 'approvalComment',
|
title: '意见',
|
width: 100
|
}
|
]],
|
rowStyler: function (index, row) {
|
if (row.mainAttach == true) {
|
return 'background-color:#FFF8DC;'
|
}
|
},
|
onLoadSuccess: function () {
|
new ResizeScroll({
|
"id": ".datagrid-body",
|
"height": $(window).height() - 120,
|
"index": 1
|
});
|
}
|
});
|
}
|
|
//添加传阅
|
function lookReadTask(historyTaskId) {
|
top.layer.open({
|
title: "传阅",
|
type: 2,
|
area: ['900px', '600px'],
|
shadeClose: true, //点击遮罩关闭
|
content: 'flow/readTaskIndex?historyTaskId=' + historyTaskId + '&addRight=0',
|
success: function (layero, index) {
|
}
|
});
|
}
|
</script>
|
</html>
|
