<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>
决策流设计
</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript"
src="js/jquery-1.4.2.js"></script>
<script type="text/javascript"
src="js/raphael-min.js"></script>
<script type="text/javascript"
src="js/coframe_graph.js"></script>
<style>
*{
font-family: "Microsoft YaHei", "宋体", "Segoe UI", sans-serif;
font-size: 13px;
}
</style>
</head>
<body style="">
<div id="canvas"></div>
<script type="text/javascript">
var image_path = "icons/";
node_images["user"] = image_path + "user.png";
/*
node_images["close"] = image_path + "open.png";
node_images["open"] = image_path + "close.png";
node_border_colors["role"] = "red";
node_border_colors["position"] = "#bfac00";
node_border_colors["emp"] = "#7cbf00";
node_border_colors["close"] = "#bf0000";//bfac00
*/
node_border_colors["user"] = "#bf0000";
var json=[
{"pid":"0","id":"ROOT_V","level":1,"name":"开始","type":"user"},
{"pid":"ROOT_V","id":"01001","level":2,"name":"风险审查","type":"user"},
{"pid":"ROOT_V","id":"02001","level":2,"name":"评分计算","type":"user"},
{"pid":"02001,01001","id":"03001","level":3,"name":"综合评级","type":"user"},
{"pid":"03001","id":"04001","level":4,"name":"审批建议","type":"user"}
];
drawGraph(json);
//drawGraph(parent.dataArr);
function drawGraph(json){
if(!json){
return;
}
var width = $(document).width() - 20;
var height = $(document).height() - 60;
var coframeGraph = new CoframeGraph("canvas",width,height);
coframeGraph.formatData(json);
var nodes = json;
for(var i=0;i<nodes.length;i++){
var node = nodes[i];
coframeGraph.addNode(node);
var childs=coframeGraph.childIdsByPid[node.id];
if(childs){
for(var j=0;j<childs.length;j++){
coframeGraph.addEdge(node.id,childs[j], { directed : true } );
}
}
}
coframeGraph.draw();
};
</script>
</body>
</html>