<!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" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程图DEMO</title>
<!--[if lt IE 9]>
<?import namespace="v" implementation="#default#VML" ?>
<![endif]-->
<script src="jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="my.css">
</head>
<body>
<style>
.GooFlow_item.true{
color: red;
}</style>
<div id="demo2" style="margin:10px"></div>
<input id="submit" type="button" value='导出结果' onclick="Export()"/>
<textarea id="result" row="6"></textarea>
</body>
<script type="text/javascript" src="my.js"></script>
<script type="text/javascript">
var jsondata={"title":"业务审批流程",
"nodes":
{"demo_node_1":{"name":"登记","left":20,"top":59,"type":"start round","width":24,"height":24},
"demo_node_3":{"name":"分管领导批","left":335,"top":57,"type":"task","width":109,"height":40, active:true},
"demo_node_6":{"name":"分件","left":73,"top":60,"type":"fork","width":100,"height":24,active:true},
"demo_node_8":{"name":"XX科审批","left":172,"top":95,"type":"task","width":100,"height":24,active:true},
"demo_node_9":{"name":"XX科审批","left":171,"top":25,"type":"task","width":100,"height":24},
"demo_node_20":{"name":"局领导审批","left":333,"top":184,"type":"task","width":111,"height":49},
"demo_node_23":{"name":"打证发件","left":172,"top":198,"type":"task","width":100,"height":24},
"demo_node_25":{"name":"归档","left":17,"top":198,"type":"end round","width":24,"height":24}},
"lines":
{"demo_line_7":{"type":"sl","from":"demo_node_1","to":"demo_node_6","name":"","alt":true},
"demo_line_10":{"type":"lr","M":121,"from":"demo_node_6","to":"demo_node_8","name":""},
"demo_line_11":{"type":"lr","M":122,"from":"demo_node_6","to":"demo_node_9","name":""},
"demo_line_12":{"type":"lr","M":312.5,"from":"demo_node_8","to":"demo_node_3","name":""},
"demo_line_13":{"type":"lr","M":312.5,"from":"demo_node_9","to":"demo_node_3","name":""},
"demo_line_21":{"type":"sl","from":"demo_node_3","to":"demo_node_20","name":""},
"demo_line_24":{"type":"sl","from":"demo_node_20","to":"demo_node_23","name":""},
"demo_line_26":{"type":"sl","from":"demo_node_23","to":"demo_node_25","name":""}},"areas":{},"initNum":28};
var property={
headLabel:true,
initLabelText:"审批流程",
width: 600,
height: 400,
toolBtns:["start round","end round","task","fork","join"],
haveHead:true,
headBtns:["save","undo","redo","reload"],//如果haveHead=true，则定义HEAD区的按钮
haveTool:true,
haveGroup:true,
useOperStack:true
};
var remark={
cursor:"选择指针",
direct:"结点连线",
start:"入口结点",
"end":"结束结点",
"task":"任务结点",
fork:"分支结点",
"join":"联合结点",
group:"组织划分框编辑开关"
};
var demo;
$(document).ready(function(){
demo=$.createGooFlow($("#demo2"),property);
demo.setNodeRemarks(remark);
demo.loadData(jsondata);
});
var out;
function Export(){
document.getElementById("result").value=JSON.stringify(demo.exportData());
}
</script>
<div style="text-align:center;">
<p><a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
</div>
</html>
jQuery业务审批流程图工具代码.rar （9个子文件） 
jQuery业务审批流程图工具代码 
DPFlow_blank.gif 62B
jquery.min.js 91KB
DPFlow_bullet.png 1KB DPFlow_tip.png 174B my.css 8KB
index.html 3KB my.js 82KB DPFlow_line_oper.png 471B DPFlow_icon.png 2KB资源评论
小葫芦2020-12-02很好用！真实
