381 lines
9.0 KiB
Plaintext
381 lines
9.0 KiB
Plaintext
<%@page import="com.tenwa.flow.util.FlowViewGraph" contentType="text/html; charset=GBK"%>
|
|
<%@include file="/Frame/page/jspf/include/jsp_runtime_context.jspf"%>
|
|
<%@include file="/Frame/page/jspf/include/jsp_sqlca_head.jspf"%>
|
|
<%
|
|
String flowNo = CurPage.getParameter("flowNo");
|
|
FlowViewGraph fvg = new FlowViewGraph();
|
|
String graphJson = fvg.getGraphJson(Sqlca,flowNo);
|
|
%>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<html>
|
|
<head>
|
|
<title>Á÷³ÌÉè¼Æ</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<script src="<%=sWebRootPath%>/Frame/jbpmdesigner/js/jquery-1.11.0.min.js?201400xxx" type="text/javascript"></script>
|
|
<style type="text/css">
|
|
body ,html{
|
|
margin: 0;
|
|
pading: 0;
|
|
text-align: left;
|
|
font-family: Arial, sans-serif, Helvetica, Tahoma;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
color: black;
|
|
overflow:hidden;
|
|
}
|
|
#myflow{
|
|
background-image: url(<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images/bg.png);
|
|
}
|
|
.node {
|
|
float:left;
|
|
padding:0px 5px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
border-right: 1px dashed #666;
|
|
}
|
|
.node .node-icon {
|
|
width: 15px;
|
|
height: 15px;
|
|
padding: 5px 0px 5px 8px;
|
|
float: left;
|
|
}
|
|
.node .node-text {
|
|
height: 15px;
|
|
padding: 5px 8px 5px 8px;
|
|
line-height: 15px;
|
|
font-size:12px;
|
|
float: left;
|
|
}
|
|
|
|
.node_hr{
|
|
width: 1px;
|
|
border-right: 1px dashed #666;
|
|
}
|
|
|
|
.mover {
|
|
background-color: #A0B4DC;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.selected {
|
|
background-color: #A0B4DC;
|
|
}
|
|
|
|
.state {
|
|
|
|
}
|
|
|
|
#myflow_props table {
|
|
|
|
}
|
|
|
|
#myflow_props th {
|
|
letter-spacing: 2px;
|
|
text-align: left;
|
|
padding: 6px;
|
|
background: #ddd;
|
|
}
|
|
|
|
#myflow_props td {
|
|
background: #fff;
|
|
padding: 6px;
|
|
}
|
|
|
|
#pointer {
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
#path {
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
#task {
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
#state {
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
#myflow_tools {
|
|
background:#FFFFF;
|
|
height:25px;
|
|
line-height:25px;
|
|
width: 100%;
|
|
}
|
|
|
|
#myflow_tools div {
|
|
float:left;
|
|
}
|
|
|
|
#myflow_tools hr {
|
|
position:relative;
|
|
top:8px;
|
|
vertical-align:bottom;
|
|
height:14px;
|
|
width:1px;
|
|
border:0px;
|
|
margin:0px;
|
|
padding:0px;
|
|
height:25px;
|
|
line-height:25px;
|
|
background:url(<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images/sbtn_split.gif) no-repeat;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body style="width: 100%;height: 100%;">
|
|
<div class="mini-toolbar" style="width: 100%;">
|
|
<div id="myflow_tools" class="ui-widget-content">
|
|
<!--
|
|
<div id="myflow_tools_handle" class="ui-widget-header">
|
|
<div style="node-text">
|
|
¹¤¾ß¼¯
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
-->
|
|
<div class="node" id="myflow_save">
|
|
<div class="node-icon">
|
|
<img src="<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images/save.gif" />
|
|
</div>
|
|
<div class="node-text">
|
|
±£´æ
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
|
|
<div class="node" id="myflow_cancel" onclick="backFunc()">
|
|
<div class="node-icon">
|
|
<img src="<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images/arrow_left.png" />
|
|
</div>
|
|
<div class="node-text">
|
|
·µ»Ø
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
|
|
<div class="node_hr"> </div>
|
|
|
|
<div class="node selectable" id="pointer">
|
|
<div class="node-icon">
|
|
<img src="<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images/select16.gif" />
|
|
</div>
|
|
<div class="node-text">
|
|
Ñ¡Ôñ
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
|
|
<div class="node selectable" id="path">
|
|
<div class="node-icon">
|
|
<img src="<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images/16/flow_sequence.png" />
|
|
</div>
|
|
<div class="node-text">
|
|
×ªÒÆ
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
|
|
<div class="node_hr"> </div>
|
|
|
|
<div class="node state" id="start" type="start">
|
|
<div class="node-icon">
|
|
<img src="<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images//16/start_event_empty.png" />
|
|
</div>
|
|
<div class="node-text">
|
|
¿ªÊ¼
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
|
|
<div class="node state" id="end" type="end" >
|
|
<div class="node-icon">
|
|
<img src="<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images/16/end_event_terminate.png" />
|
|
</div>
|
|
<div class="node-text">
|
|
½áÊø
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
<div class="node state" id="reject" type="reject" >
|
|
<div class="node-icon">
|
|
<img src="<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images/16/end_event_reject.png" />
|
|
</div>
|
|
<div class="node-text">
|
|
·ñ¾ö
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
<div class="node_hr"> </div>
|
|
|
|
<!--
|
|
<div class="node state" id="state" type="state">
|
|
<div class="node-icon">
|
|
<img src="${pageContext.request.contextPath}/css/Frame/jbpmdesigner/images/16/task_empty.png" />
|
|
</div>
|
|
<div class="node-text">
|
|
״̬
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
-->
|
|
|
|
<div class="node state" id="task" type="task">
|
|
<div class="node-icon">
|
|
<img src="<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images/16/task_empty.png" />
|
|
</div>
|
|
<div class="node-text">
|
|
ÈÎÎñ
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
|
|
<div class="node state" id="exclusive" type="exclusive">
|
|
<div class="node-icon">
|
|
<img src="<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images/16/gateway_exclusive.png" />
|
|
</div>
|
|
<div class="node-text">
|
|
Ìõ¼þ
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
|
|
<div class="node state" id="fork" type="fork">
|
|
<div class="node-icon">
|
|
<img src="<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images/16/gateway_exclusive.png" />
|
|
</div>
|
|
<div class="node-text">
|
|
·ÖÖ§
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
|
|
<div class="node state" id="join" type="join">
|
|
<div class="node-icon">
|
|
<img src="<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images//16/gateway_parallel.png" />
|
|
</div>
|
|
<div class="node-text">
|
|
ºÏ²¢
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
|
|
<!--
|
|
<div class="node state" id="end-cancel" type="end-cancel">
|
|
<div class="node-icon">
|
|
<img src="${pageContext.request.contextPath}/css/Frame/jbpmdesigner/images/16/end_event_cancel.png" />
|
|
</div>
|
|
<div class="node-text">
|
|
È¡Ïû
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
|
|
<div class="node state" id="end-error" type="end-error">
|
|
<div class="node-icon">
|
|
<img src="${pageContext.request.contextPath}/css/Frame/jbpmdesigner/images/16/end_event_error.png" />
|
|
</div>
|
|
<div class="node-text">
|
|
´íÎó
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
-->
|
|
|
|
<div class="node_hr"> </div>
|
|
|
|
<div class="node" id="nodeRemoveBtn" style="display:none;">
|
|
<a href="javascript:void(0);" id="nodeRemoveBtnClick">
|
|
<div class="node-icon">
|
|
<img src="<%=sWebRootPath%>/Frame/jbpmdesigner/css/jbpmDesigner/images//16/delete.gif" />
|
|
</div>
|
|
<div class="node-text">
|
|
ɾ³ý
|
|
</div>
|
|
<div style="clear: both;"></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="myflow_props" style="position: absolute; width: 300px; padding: 3px;" class="ui-widget-content">
|
|
<div id="myflow_props_handle" class="ui-widget-header"> ÊôÐÔ</div>
|
|
<table border="1" width="100%" cellpadding="0" cellspacing="0">
|
|
<tr>
|
|
<td> </td>
|
|
</tr>
|
|
<tr>
|
|
<td> </td>
|
|
</tr>
|
|
</table>
|
|
<div> </div>
|
|
</div>
|
|
|
|
|
|
<div id="myflowContainer">
|
|
<div id="myflow"></div>
|
|
</div>
|
|
|
|
<%@ include file="designerCoreJS.jsp" %>
|
|
<script type="text/javascript" src="<%=sWebRootPath%>/Frame/jbpmdesigner/js/myflow.jpdl4.4.js"></script>
|
|
<script type="text/javascript">
|
|
var dpdlVersion = "4.4";
|
|
var rightType = "<%=CurPage.getParameter("RightType")%>";
|
|
if(rightType=='ReadOnly'){
|
|
$(".mini-toolbar").css('display','none');
|
|
}
|
|
var workflowTypeData = eval('<%=CurPage.getParameter("workflowTypeData")%>');
|
|
var workflowPostionData = eval('<%=CurPage.getParameter("workflowPostionData")%>');
|
|
function save(designerWorkflowJsonString) {
|
|
var url = "<%=sWebRootPath%>/Frame/jbpmdesigner/SaveGraphAjax.jsp";
|
|
$.ajax({
|
|
type: "POST",
|
|
contentType: "application/x-www-form-urlencoded; charset=utf-8",
|
|
data:{
|
|
flowNo:'<%=flowNo%>',
|
|
graphJsonData:designerWorkflowJsonString
|
|
},
|
|
url: url,
|
|
dataType:'text',
|
|
success: function(data){
|
|
alert(data);
|
|
}
|
|
});
|
|
}
|
|
$(function() {
|
|
$('#myflow').myflow({
|
|
basePath : "",
|
|
restore : eval("("+"<%=graphJson%>"+")"),
|
|
width:1000,
|
|
tools : {
|
|
save : {
|
|
onclick : function(data) {
|
|
console.log(data);
|
|
if(!window['isCtrlSave'] && window.confirm("È·Èϱ£´æ¸ü¸Äô£¿")) {
|
|
save(data);
|
|
} else {
|
|
jQuery('#myflow_save').removeClass('mover');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
<script type="text/javascript">
|
|
function backFunc1(){
|
|
alert(1);
|
|
$("#start").draggable();
|
|
}
|
|
</script>
|
|
<%@include file="/Frame/resources/include/includetail.jspf"%> |