2024-08-14 15:17:51 +08:00

154 lines
5.0 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%@page import="org.activiti.engine.repository.ProcessDefinition" %>
<%@page import="org.activiti.engine.impl.persistence.entity.*" %>
<%@page import="org.activiti.engine.repository.Deployment" %>
<%@page import="com.blueland.bpm.engine.config.model.*" %>
<%@page import="com.blueland.bpm.common.page.*" %>
<%@page import="com.blueland.bpm.common.util.*"%>
<%@page import="java.util.*" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib tagdir="/WEB-INF/tags/simpletable" prefix="simpletable"%>
<%@ include file="/commons/taglibs.jsp" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@ include file="/commons/meta.jsp" %>
<base href="<%=basePath%>">
<title>按流程耗时统计</title>
<script type="text/javascript" src="${ctx }/resource/js/jquery-1.8.3.min.js"></script>
<script src="${ctx}/resource/js/plugins/highcharts/highcharts.js"></script>
<script src="${ctx}/resource/js/plugins/highcharts/modules/exporting.js"></script>
<script src="${ctx}/resource/js/common/processReport.js"></script>
<script type="text/javascript">
</script>
</head>
<body>
<form id="queryForm" name="queryForm" action="${ctx}/processReport/reportByDate.do" method="post" style="display: inline;">
<div class="main-container" id="main-container">
<div class="panel panel-primary">
<div class="panel-heading">
<h8>按流程环节耗时统计</h8>
</div>
<div class="panel-body">
<div class="form-group well well-sm">
<table border="0" cellspacing="0" cellpadding="0"
class="table-search">
<tr>
<td>年份:</td>
<td>
<select name="year" id="year">
<option value="2015">2015</option>
</select>
</td>
<td>流程实例名称:</td>
<td style="width: 200px">
<input value="2014污水处理操作程序收集" type="text"></input>
</td>
<td>
<button type="submit" class="btn btn-xs btn-primary">
统&nbsp;&nbsp;计
</button>
</td>
</tr>
</table>
</div>
<div class="row">
<div class="col-xs-12">
<div class="table-responsive">
<!--
<div id="processDefZjt" style="height: 450px; margin: 0 auto"></div>
<script>
var seriesValue=" {type: 'column',name: '运行个数',data: [${column}]}";
getReportDataByZjt("processDefZjt","${row}","123",seriesValue,"已运行流程统计:一共运行 ${total}个流程");
</script>
-->
<div id="processDefBar" style="height: 450px; margin: 0 auto"></div>
<script>
$(function () {
$('#processDefBar').highcharts({
chart: {
type: 'column'
},
title: {
text: '2014污水处理操作程序部门需求收集一共耗时77小时'
},
subtitle: {
text: '流程起至时间2014年-7月-1日至2014年9月18日'
},
xAxis: {
categories: [
'拟稿',
'部门审核',
'本部门审核',
'相关部门审核',
'管标办审核',
'技标办审核',
'管标办主任审核',
'技标办主任审核'
]
},
yAxis: {
min: 0,
title: {
text: '小时'
}
},
tooltip: {
headerFormat: '<table>',
pointFormat: '<tbody>' +
'<td style="padding: 0px;">XXX在此环节审批总耗时<b>{point.y} 小时</b></td></tr>',
footerFormat: '</tbody></table>',
shared: true,
useHTML: true
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0,
dataLabels: {
enabled: true,
color: '',
style: {
fontWeight: 'bold'
},
formatter: function() {
return this.y+'小时';
}
}
}
},
series: [{
name: '部门需求收集流程',
data: [1, 7, 7, 26, 3, 3, 9,21]
}]
});
});
</script>
</div>
<!-- /.table-responsive -->
</div>
<!-- /span -->
</div>
</div>
</div>
</div>
</form>
</body>
</html>