ToolTech/bpmc
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
hanjian
2024-08-14 15:17:51 +08:00
parent 20a221c1a2
commit b610f94b2e
3483 changed files with 650965 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

330
ebpm-process-manage/webapp/pages/processReport/index.jsp Normal file
View File

@@ -0,0 +1,330 @@
<%@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 HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@ 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">
$(document).ready(function() {
getProcessData();
getProcessMonitorTop();
getSysLoadData();
});
function getProcessData(){
//流程统计
$.ajax({
url:"${ctx}/sys/index/statisticsProcessByTime.do",
type:"GET",
dataType:"json",
success:function(data){
for (var i = 0; i < eval(data).length; i++) {
getPieDatas(eval(data)[i]);
}
},
});
}
function getProcessMonitorTop(){
//流程监控top
$.ajax({
url:"${ctx}/sys/index/getProcessMonitorTop.do",
type:"GET",
dataType:"json",
success:function(data){
//topProcess(eval(data));
getReportDataByZxt("topFlow","应用监控","说明：每月各应用流程执行排名",eval(data).row,eval(data).column,'');
},
});
}
function getSysLoadData(){
//流程系统负载
$.ajax({
url:"${ctx}/sys/index/getSysLoadData.do",
type:"GET",
dataType:"json",
success:function(data){
loadProcess(eval(data));
},
});
}
function getPieDatas(item){
if(item.id =="singleCount"){
$("#total").text(item.total);
$("#cancle").text(item.cancle);
$("#deal").text(item.deal);
$("#un_deal").text(item.un_deal);
return;
}
$('#'+item.id).highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false,
//spacing : [20, 0 , 20, 0]
},
credits: {
enabled: false //不显示LOGO
},
exporting: { enabled:false },//导出图表去掉
title: {
floating:true,
text: item.name+item.allCount,
style:{
"fontSize": "12px",
"color":"#000"
}
},
tooltip: {
pointFormat: '{point.y}'
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
size:90,
innerSize:'20',
dataLabels: {
enabled: true,
//format: '<b>{point.name}</b>: {point.percentage:.1f}%',
style: {
"fontSize": "10px",
"color":"#999",
//color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
}
},
point: {
events: {
}
},
}
},
series: [{
type: 'pie',
innerSize: '90%',
name: item.name,
data: item.datas
}]
}, function(c) { // 图表初始化完毕后的会掉函数
// 环形图圆心
var centerY = c.series[0].center[1],
titleHeight = parseInt(c.title.styles.fontSize);
// 动态设置标题位置
c.setTitle({
y:centerY + titleHeight/4
});
});
}
function loadProcess(data){
$('#loadFlow').highcharts({
chart: {
type: 'column'
},
credits: {
enabled: false //不显示LOGO
},
exporting: { enabled:false },//导出图表去掉
title: {
text: '系统负载图',
style:{
"font-weight": "bold",
"font-family": "微软雅黑"
},
},
subtitle: {
text: '说明：最近十天流程执行数量',
},
xAxis: {
type: 'category',
labels: {
rotation: 0 // 设置轴标签旋转角度
}
},
yAxis: {
min: 0,
title: {
text: ''
}
},
legend: {
enabled: false
},
tooltip: {
pointFormat: '执行数量: <b>{point.y}</b>',
style: {
"fontSize": "10px",
"color":"#999",
}
},
plotOptions: {
column: {
borderWidth: 0
}
},
series: eval(data.datas)
});
}
function openSysDialog(ctx, title){
var height1 = window.parent.document.documentElement.clientHeight;
var height = (parseInt(height1)-45)+"px";
showDiaLog(ctx,title,'1400px',height);
}
</script>
<style type="text/css">
</style>
</head>
<body>
<div class="page-content">
<div class="process-page">
<div class="row" style="height: 200px;">
<div class="col-sm-12">
<div class="process-boxs">
<div class="list">
<img class="list-img" src="${ctx }/resource/css/images/lc-icon-8.png" />
<div class="title">接入应用</div>
<div class="sz">
<a href="javascript:void(0);" onclick="openSysDialog('/ebpm-process-manage/applicationMgr/list.do', '接入应用');">
${allApp}
</a>
</div>
</div><!--list-->
<div class="list">
<img class="list-img" src="${ctx }/resource/css/images/lc-icon-6.png" />
<div class="title">流程定义</div>
<div class="sz">
<a href="javascript:void(0);" onclick="openSysDialog('/ebpm-process-manage/procDefMgr/list.do?flag=true', '流程定义');">
${procDefKeyCount}
</a>
</div>
</div><!--list-->
<div class="list">
<img class="list-img" src="${ctx }/resource/css/images/lc-icon-3.png" />
<div class="title">所有流程</div>
<div class="sz">
<a href="javascript:void(0);" id="total" onclick="openSysDialog('/ebpm-process-manage/sysMgr/sysProcessInstList.do?flag=true', '所有流程');">
</a>
</div>
</div><!--list-->
<div class="list">
<img class="list-img" src="${ctx }/resource/css/images/lc-icon-4.png" />
<div class="title">流程执行</div>
<div class="sz">
<a href="javascript:void(0);" onclick="openSysDialog('/ebpm-process-manage/processErrorLog/infoList.do?flag=true', '流程执行');">
${info}
</a>
</div>
</div><!--list-->
<div class="list">
<img class="list-img" src="${ctx }/resource/css/images/lc-icon-5.png" />
<div class="title">运行时流程</div>
<div class="sz">
<a href="javascript:void(0);" id="un_deal" onclick="openSysDialog('/ebpm-process-manage/sysMgr/sysProcessInstList.do?procState=1&flag=true', '运行时流程');">
</div>
</div><!--list-->
<div class="list">
<img class="list-img" src="${ctx }/resource/css/images/lc-icon-7.png" />
<div class="title">已结束流程</div>
<div class="sz">
<a href="javascript:void(0);" id="deal" onclick="openSysDialog('/ebpm-process-manage/sysMgr/sysProcessInstList.do?procState=5&flag=true', '已结束流程');">
</a>
</div>
</div><!--list-->
<div class="list">
<img class="list-img" src="${ctx }/resource/css/images/lc-icon-1.png" />
<div class="title">作废流程</div>
<div class="sz">
<a href="javascript:void(0);" id="cancle" onclick="openSysDialog('/ebpm-process-manage/sysMgr/sysProcessInstList.do?procState=3&flag=true', '作废流程');">
</a>
</div>
</div><!--list-->
<div class="list">
<img class="list-img" src="${ctx }/resource/css/images/lc-icon-2.png" />
<div class="title">异常流程</div>
<div class="sz">
<a href="javascript:void(0);" onclick="openSysDialog('/ebpm-process-manage/processErrorLog/errorList.do?flag=true', '异常流程');">
${error}
</a>
</div>
</div><!--list-->
</div><!--process-boxs-->
</div><!--col-sm-12-->
</div><!--row-->
<div class="row">
<div class="col-sm-3">
<div class="align-center">
<div id="allFlow" style="min-width:200px;height:200px"></div>
</div>
</div><!--col-sm-3-->
<div class="col-sm-3">
<div class="align-center">
<div id="yearFlow" style="min-width:200px;height:200px"></div>
</div>
</div><!--col-sm-3-->
<div class="col-sm-3">
<div class="align-center">
<div id="monthFlow" style="min-width:200px;height:200px"></div>
</div>
</div><!--col-sm-3-->
<div class="col-sm-3">
<div class="align-center">
<div id="weekFlow" style="min-width:200px;height:200px"></div>
</div>
</div><!--col-sm-3-->
</div><!--row-->
<div class="row">
<div class="col-sm-6">
<div class="align-center">
<div id="topFlow" style="min-width:400px;height:300px"></div>
</div>
</div><!--col-sm-6-->
<div class="col-sm-6">
<div class="align-center">
<div id="loadFlow" style="min-width:400px;height:300px"></div>
</div>
</div><!--col-sm-6-->
</div><!--row-->
</div><!--process-page-->
</div><!-- /.page-content -->
</body>
</html>