HJY
/
gxwss


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
							<!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">
<title>流程结点设置</title>
<!--框架必需start-->
<script type="text/javascript" src="${ctx}/qui/libs/js/jquery.js"></script>
<script type="text/javascript" src="${ctx}/qui/libs/js/framework.js"></script>
<link href="${ctx}/qui/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" id="skin" prePath="${ctx}/qui/"/>
<link rel="stylesheet" type="text/css" id="customSkin"/>
<!--框架必需end-->

<!--数据表格start-->
<script src="${ctx}/qui/libs/js/table/quiGrid.js" type="text/javascript"></script>
<!--数据表格end-->

<!--箭头分页start-->
<script type="text/javascript" src="${ctx}/qui/libs/js/nav/pageArrow.js"></script>
<!--箭头分页end-->

<!--表单异步提交start-->
<script src="${ctx}/qui/libs/js/form/form.js" type="text/javascript"></script>
<!--表单异步提交end-->

<!--右键菜单start-->
<script src="${ctx}/qui/libs/js/nav/contextMenu.js" type="text/javascript"></script>  
<!--右键菜单end-->

<script type="text/javascript">
	//流程部署ID
	var deployId= "${def.deploymentId}";
	//流程定义标识
	var deployKey= "${def.key}";
	
	var currentObj=null;
    $(function() {
    	$("div.flowNode").bind("contextmenu", function (e){
    		//取得当前结点对应的div对象
    		 currentObj=$(this);
    		//取得结点的类型
        	 var type=currentObj.attr("type");
        	//获取菜单
        	 var items=getItems(type);
        	 if(items.length>0){
        		 var option = { width: 150, items:items};
        		 $("#"+currentObj.attr("id")+"").contextmenu(option);
        	 }
    	});
    });
    
    //根据结点类型设置需要显示的菜单
    function getItems(type){
    	var items=[];
    	switch(type){
	    	case "startEvent":
				items= [{ id:'flowForm',text: "表单设置", icon: "${ctx}/qui/libs/images/icons/ico1.gif", action: menuAction },
				        { id:'flowEvent',text: "事件设置", icon: "${ctx}/qui/libs/images/icons/ico2.gif", action: menuAction }
					   ];
				break;
	    	case "endEvent":
				items= [
				        { id:'flowEvent',text: "事件设置", icon: "${ctx}/qui/libs/images/icons/ico2.gif", action: menuAction }
					   ];
				break;
	    	case "userTask":
				items= [{ id:'userSet',text: "人员设置", icon: "${ctx}/qui/libs/images/icons/ico1.gif", action: menuAction },
				        { id:'flowRule',text: "跳转规则设置", icon: "${ctx}/qui/libs/images/icons/ico2.gif", action: menuAction },
				        { id:'flowEvent',text: "事件设置", icon: "${ctx}/qui/libs/images/icons/ico2.gif", action: menuAction }
					   ];
				break;
	    	case "inclusiveGateway":
    		case "exclusiveGateway":
    			items= [{ id:'flowCodition',text: "设置分支条件", icon: "${ctx}/qui/libs/images/icons/ico1.gif", action: menuAction }];
    			break;
    	}
       return items;
    }
    
    function menuAction() {
    	//任务id
    	var nodeId=currentObj.attr("id");
    	var itemId = this.data.id;
    	if(itemId=="flowForm"){
    		top.Dialog.open({
    			URL : "${ctx}/bpm/flowForm.do?deployKey="+deployKey,
    			Title : "选择表单",
    			Width : 600,
    			Height : 400
    		});
    	}
        
    	if(itemId=="userSet"){
    		top.Dialog.open({
    			URL : "${ctx}/bpm/userSet.do?deployId="+deployId+"&nodeId="+nodeId,
    			Title : "人员设置",
    			Width : 800,
    			Height : 400
    		});
    	}
    }
    
   

</script>

<style type="text/css"> 
	    body{ padding:0px; margin:0;overflow:auto;}  
	    div.flowNode{cursor:pointer;}
</style>
</head>
<body>
<div class="box2" panelWidth="100%" panelTitle="流程结点设置" showStatus="false" statusText="返回" panelUrl="${ctx}/bpm/list.do">
	<div style="margin:0 auto;  position: relative;background:url('${ctx}/bpm/bpmImage.do?deployId=${def.deploymentId}&resourceType=image') no-repeat;width:984px;height:340px;">
		${nodeDiv}
	</div>
</div>

</body>
</html>