skyversation
/
meidu2021


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
							<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<%@page import="java.util.ResourceBundle"%>
<!DOCTYPE html>
<html>
 <head>
  <t:base type="designer,tools" cssTheme="default"></t:base>
  <script type="text/javascript">
	$(function() {
		try {
			_task_obj = $('#task');
			_task_context_menu = $('#task-context-menu').menu({});
			$('.easyui-linkbutton').draggable({
				proxy : function(source) {
					var n = $('<div class="draggable-model-proxy"></div>');
					n.html($(source).html()).appendTo('body');
					return n;
				},
				deltaX : 0,
				deltaY : 0,
				revert : true,
				cursor : 'auto',
				onStartDrag : function() {
					$(this).draggable('options').cursor = 'not-allowed';
				},
				onStopDrag : function() {
					$(this).draggable('options').cursor = 'auto';
				}
			});
			$('#paintarea').droppable({
				accept : '.easyui-linkbutton',
				onDragEnter : function(e, source) {
					$(source).draggable('options').cursor = 'auto';
				},
				onDragLeave : function(e, source) {
					$(source).draggable('options').cursor = 'not-allowed';
				},
				onDrop : function(e, source) {
					$(this).removeClass('over');
					var wfModel = $(source).attr('wfModel');
					var shape = $(source).attr('shape');
					if (wfModel) {
						var x = $(source).draggable('proxy').offset().left;
						var y = $(source).draggable('proxy').offset().top;
						var xOffset = workflow.getAbsoluteX();
						var yOffset = workflow.getAbsoluteY();
						var scrollLeft = workflow.getScrollLeft();
						var scrollTop = workflow.getScrollTop();
						addModel(wfModel, x - xOffset + scrollLeft, y - yOffset + scrollTop, shape);
					}
				}
			});
			//$('#paintarea').bind('contextmenu',function(e){
			//alert(e.target.tagName);
			//});

		} catch (e) {

		}
	});
//-->
</script>
 </head>
 <body id="designer" class="easyui-layout">
  <div region="west" split="true" iconCls="palette-icon" title="<t:mutiLang langKey="bpm.designer.element"/>" style="width: 110px;">
   <div class="easyui-accordion" fit="true" border="false">
    <div id="event" title="<t:mutiLang langKey="bpm.designer.event"/>" iconCls="palette-menu-icon" class="palette-menu">
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="start-event-icon" wfModel="Start"><t:mutiLang langKey="bpm.designer.element.begin"/></a>
     <br>
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="end-event-icon" wfModel="End"><t:mutiLang langKey="bpm.designer.element.end"/></a>
     <br>
    </div>
    <div id="task" title="<t:mutiLang langKey="bpm.designer.task"/>" iconCls="palette-menu-icon" selected="true" class="palette-menu">
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="user-task-icon" wfModel="UserTask"><t:mutiLang langKey="bpm.designer.element.usertask"/></a>
     <br>
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="manual-task-icon" wfModel="ManualTask"><t:mutiLang langKey="bpm.designer.element.manualtask"/></a>
     <br>
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="service-task-icon" wfModel="ServiceTask"><t:mutiLang langKey="bpm.designer.element.servicetask"/></a>
     <br>
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="script-task-icon" wfModel="ScriptTask"><t:mutiLang langKey="bpm.designer.element.scripttask"/></a>
     <br>
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="mail-task-icon" wfModel="MailTask"><t:mutiLang langKey="bpm.designer.element.mailtask"/></a>
     <br>
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="receive-task-icon" wfModel="ReceiveTask"><t:mutiLang langKey="bpm.designer.element.receivetask"/></a>
     <br>
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="business-rule-task-icon" wfModel="BusinessRuleTask"><t:mutiLang langKey="bpm.designer.element.businessrule"/></a>
     <br>
     <%--
     author:zhangdaihao  date:20140823  for：用不上暂时屏蔽掉，下面原来叫做调用活动，更名
      <a href="#" class="easyui-linkbutton" plain="true" iconCls="subprocess-icon">子流程</a>
      <a href="#" class="easyui-linkbutton" plain="true" iconCls="callactivity-icon" wfModel="CallActivity">包容</a>
     <br>
      --%>
    
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="subprocess-icon" wfModel="CallActivity"><t:mutiLang langKey="bpm.designer.element.subprocess"/></a>
     <br>
    </div>
    <div id="gateway" title="<t:mutiLang langKey="bpm.designer.gateway"/>" iconCls="palette-menu-icon" class="palette-menu">
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="parallel-gateway-icon" wfModel="ParallelGateway"><t:mutiLang langKey="bpm.designer.element.synchro"/></a>
     <br>
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="exclusive-gateway-icon" wfModel="ExclusiveGateway"><t:mutiLang langKey="bpm.designer.element.branch"/></a>
     <br>
    </div>
    <div id="boundary-event" title="<t:mutiLang langKey="bpm.designer.boundaryevent"/>" iconCls="palette-menu-icon" class="palette-menu">
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="timer-boundary-event-icon" wfModel="TimerBoundary"><t:mutiLang langKey="bpm.designer.element.time.boundary"/></a>
     <br>
     <a href="#" class="easyui-linkbutton" plain="true" iconCls="error-boundary-event-icon" wfModel="ErrorBoundary"><t:mutiLang langKey="bpm.designer.element.error.boundary"/></a>
     <br>
    </div>
   </div>
  </div>
  <div id="process-panel" region="center" style="padding: 1px" split="true" iconCls="process-icon" title="<t:mutiLang langKey="bpm.designer.process"/>">
   <div id="process-definition-tab">
    <div id="designer-area" title="<t:mutiLang langKey="bpm.designer.design"/>" style="POSITION: absolute; width: 100%; height: 100%; padding: 0; border: none; overflow: auto;">
     <div id="paintarea" style="POSITION: absolute; WIDTH: 2000px; HEIGHT: 2000px"></div>
    </div>
    <div id="xml-area" title="<t:mutiLang langKey="bpm.designer.sourcecode"/>" style="width: 100%; height: 100%; overflow: hidden; overflow-x: hidden; overflow-y: hidden;">
     <textarea id="descriptorarea" rows="38" style="width: 100%; height: 100%; padding: 0; border: none; font-size: 12px" readonly="readonly"></textarea>
    </div>
   </div>
  </div>
  <!-- toolbar -->
  <!-- update-begin--Author:chenxu  Date:20130408 for：修改流程时，流程类型不能显示 -->
  <div id="toolbar-panel" region="north" border="false" style="height: 55px; background: #d8e4fe;" title="<t:mutiLang langKey="bpm.designer.toolbar"/>">
   <input type="hidden" name="processId" id="processId" value="${processid}">
   <img width="20" height="18" title="<t:mutiLang langKey="bpm.designer.toolbar.createprocess"/>" src="plug-in/designer/img/save.png" onclick="saveProcessDef()" class="buttonStyle" />
   <img width="20" height="18" title="<t:mutiLang langKey="bpm.designer.toolbar.back"/>" src="plug-in/designer/img/back.png" onclick="undo()" class="buttonStyle" />
   <img width="20" height="18" title="<t:mutiLang langKey="bpm.designer.toolbar.next"/>" src="plug-in/designer/img/next.png" onclick="redo()" class="buttonStyle" />
   <img width="20" height="18" title="<t:mutiLang langKey="bpm.designer.toolbar.export"/>" src="plug-in/designer/img/printer.png" onclick="exportProcessDef(this)" class="buttonStyle" />
  </div>
  <!-- update-begin--Author:scott  Date:20170703 for：重构变更control请求地址 -->
  <div region="east" id="properties-panel" href="designerController.do?processProperties&turn=processProperties&processId=${processid }" split="true" iconCls="properties-icon" title="<t:mutiLang langKey="bpm.designer.flow.properties"/>"  style="padding:1px;width: 280px;">
  <!-- update-end--Author:scott  Date:20170703 for：重构变更control请求地址 -->
  </div>
  <!-- update-end--Author:chenxu  Date:20130408 for：修改流程时，流程类型不能显示 -->
  <!-- task context menu -->
  <div id="task-context-menu" class="easyui-menu" style="width: 120px;">
   <div id="properties-task-context-menu" iconCls="properties-icon">
    属性
   </div>
   <div id="delete-task-context-menu" iconCls="icon-remove">
    删除
   </div>
  </div>
  <!-- form configuration window -->
  <div id="form-win" title="表单配置" style="width: 720px; height: 300px;">
  </div>
  <!-- form configuration window -->
  <div id="variable-win" title="变量配置" style="width: 720px; height: 300px;">
  </div>
  <!-- listener configuration window -->
  <div id="listener-win" title="监听配置" style="width: 720px; height: 300px;">
  </div>
  <!-- candidate configuration window -->
  <div id="task-candidate-win" title="任务配置" style="width: 720px; height: 300px;">
  </div>
 <script type="text/javascript">
	$('#process-definition-tab').tabs({
		fit : true,
		onSelect : function(title) {
			if (title == '设计') {
				
			} else if (title == '源码' || title == 'sourcecode') {
				$('#descriptorarea').val(workflow.toXML());

			}
		}
	});
</script>
 <script type="text/javascript">
createCanvas('${processid}',false);
//update-begin--Author:zhoujf  Date:20170609 for：TASK #1840 【功能改进】默认创建流程，都有默认结束监听--------------------
var process;
getDefaultListener('${processid}');
function getDefaultListener(processId){
	if(processId!=''&&processId!='0'){
		return;
	}
	$.ajax({
		url : "processController.do?getDefaultListener",
		type : 'POST',
		data : {
			processId : processId
		},
		dataType : 'json',
		error : function(data) {
			tip(data.msg);
		},
		success : function(data) {
			var win = frameElement.api.opener;
			if (data.success) {
				var listenerid = data.obj.id;
				var listenereven = data.obj.listenereven;
				var listenertype = data.obj.listenertype;
				var listenervalue = data.obj.listenervalue;
				var listenername = data.obj.listenername;
				/* alert("listenerid:"+listenerid
						+",listenereven:"+listenereven
						+",listenertype:"+listenertype
						+",listenervalue"+listenervalue
						+",listenername"+listenername);  */
				if ($('#listenername').length >= 1) {
					$('#listenername').val(listenername);
					$('#listenername').blur();
				}
				if ($("input[name='listenername']").length >= 1) {
					$("input[name='listenername']").val(listenername);
					$("input[name='listenername']").blur();
				}
				if ($('#listenereven').length >= 1) {
					$('#listenereven').val(listenereven);
					$('#listenereven').blur();
				}
				if ($("input[name='listenereven']").length >= 1) {
					$("input[name='listenereven']").val(listenereven);
					$("input[name='listenereven']").blur();
				}
				if ($('#listenertype').length >= 1) {
					$('#listenertype').val(listenertype);
					$('#listenertype').blur();
				}
				if ($("input[name='listenertype']").length >= 1) {
					$("input[name='listenertype']").val(listenertype);
					$("input[name='listenertype']").blur();
				}
				if ($('#listenervalue').length >= 1) {
					$('#listenervalue').val(listenervalue);
					$('#listenervalue').blur();
				}
				if ($("input[name='listenervalue']").length >= 1) {
					$("input[name='listenervalue']").val(listenervalue);
					$("input[name='listenervalue']").blur();
				}
				if (listenerid !== undefined && listenerid != "") {
					$('#listenerid').val(listenerid);
				}
				saveProcessListener(listenerid,listenereven,listenertype,listenervalue,listenername);
			}
		}
	});
}

//保存监听
function saveProcessListener(listenerid,listenereven,listenertype,listenervalue,listenername) {
	var listenerids = listenerid.split(",");
	var listenerevens = listenereven.split(",");
	var listenertypes = listenertype.split(",");
	var listenervalues = listenervalue.split(",");
	var listenernames = listenername.split(",");
	process = workflow.process;
	//var count = process.listeners.getSize();
	//if(count>0){
	//	return;
	//}
	//alert(count);
	for(var i=0;i<listenerids.length;i++){
		var ls = process.getListener(listenerids[i]);
		addListener(listenerids[i],listenerevens[i],listenertypes[i],listenervalues[i]);
		if(!ls){
			$('#listenerList').datagrid('appendRow',{
				id:listenerids[i],
				listenername:listenernames[i],
				listenereven:listenerevens[i],
				listenertype:listenertypes[i],
				listenervalue:listenervalues[i]
			});
		}
	}
}

//添加监听器
function addListener(id,event,serviceType,value){
	var ls=process.getListener(id);
	if(!ls){
		var listener = new draw2d.Process.Listener();
		listener.id=id;
		listener.event = event;
		listener.serviceType=serviceType;
		listener.serviceClass = value;
		listener.serviceExpression = value;
		process.addListener(listener);
	}
}
//update-end--Author:zhoujf  Date:20170609 for：TASK #1840 【功能改进】默认创建流程，都有默认结束监听--------------------
</script>
 </body>
</html>