SIPAIIS_WMS_JSSW/WebRoot/JS/activiti/workflow.js

/*options流程附加信息显示标示
pid_流程实例id
pdid_流程定义id*/
function graphTrace(pid_,pdid_,taskid_) {
	//alert(pdid_);
	var _defaults = {
		srcEle: this,
		pid: pid_,//$(this).attr('pid'),
		pdid: pdid_,// $(this).attr('pdid')
		taskid: taskid_// $(this).attr('pdid')
	};
	var opts = $.extend(true, _defaults);
	// 获取图片资源,如果流程实例id不为空，根据实例id调用资源显示；若为空则调用流程定义资源显示
	if(opts.pid!=""){
		var imageUrl = ext.contextPath + "/activiti/workflow/resource/process-instance.do?pid=" + opts.pid + "&type=image";
		$.post(ext.contextPath + '/activiti/workflow/processDefinition/trace.do?pdid=' + opts.pdid, function(result) {
			// 生成图片
			$.getJSON(ext.contextPath + '/activiti/workflow/process/trace.do?pid=' + opts.pid+'&taskId='+opts.taskid, function(infos) {
				var positionHtml = "";
				var toppx=60;
				var leftpx=8;
				//console.info("trace返回结果",infos)
				// 生成图片
				var varsArray = new Array();
				$.each(infos, function(i, v) {
					//console.info("第"+i+"个节点",v)
					var $positionDiv = $('<div/>', {
						'class': 'activity-attr'
					}).css({
						position: 'absolute',
						left: (v.x + leftpx-1),
						top: (v.y + toppx-1),
						width: (v.width - 2),
						height: (v.height - 2),
						backgroundColor: 'black',
						opacity: 0
					});
					//            alert("节点边框");
					// 节点边框
					var $border = $('<div/>', {
						'class': 'activity-attr-border'
					}).css({
						position: 'absolute',
						left: (v.x+leftpx),
						top: (v.y+toppx),
						width: (v.width ),
						height: (v.height ),
					});

					if (v.currentActiviti) {
						console.log("当前节点",v)
						$border.addClass('ui-corner-all-12').css({
							border: '3px solid red'
						});

					}
					//            alert($positionDiv.prop('outerHTML'));
					positionHtml += $positionDiv.prop('outerHTML') + $border.prop('outerHTML');

					varsArray[varsArray.length] = v.vars;

				});
				$('#traceDiv').html(result);
				if ($('#workflowTraceDialog').length == 0) {
					$('<div/>', {
						id: 'workflowTraceDialog',
						title: '查看流程',
						html: "<div style='position:relative'><img style='margin:" + toppx + "px 0 0 "+ leftpx + "px' src='" + imageUrl + "'  />" +
							"<div id='processImageBorder' style='position:absolute; left:0px; top:0px;'>" +
							positionHtml +
							"</div>" +
							"</div>"
					}).appendTo('#trace_body');
				} else {
					$('#workflowTraceDialog img').attr('src', imageUrl);
					$('#workflowTraceDialog #processImageBorder').html(positionHtml);
				}
				// 设置每个节点的data
				$('#workflowTraceDialog .activity-attr').each(function(i, v) {
					$(this).data('vars', varsArray[i]);
				});
				// 打开对话框
				openModal('traceModal');
			});

			/* $('#workflowTraceDialog').dialog({
                 modal: true,
                 resizable: true,
                 dragable: false,
                 open: function() {
                     $('#workflowTraceDialog').dialog('option', 'title', '查看流程（）<button id="changeImg">如果坐标错乱请点击这里</button><button id="diagram-viewer">Diagram-Viewer</button>');
                     $('#workflowTraceDialog').css('padding', '0.2em');
                     $('#workflowTraceDialog .ui-accordion-content').css('padding', '0.2em').height($('#workflowTraceDialog').height() - 75);

                     // 此处用于显示每个节点的信息，如果不需要可以删除
                     $('.activity-attr').qtip({
                         content: function() {
                             var vars = $(this).data('vars');
                             var tipContent = "<table class='need-border'>";
                             $.each(vars, function(varKey, varValue) {
                                 if (varValue) {
                                     tipContent += "<tr><td class='label'>" + varKey + "</td><td>" + varValue + "<td/></tr>";
                                 }
                             });
                             tipContent += "</table>";
                             return tipContent;
                         },
                         position: {
                             at: 'bottom left',
                             adjust: {
                                 x: 3
                             }
                         }
                     });
                     // end qtip
                 },
                 close: function() {
                     $('#workflowTraceDialog').remove();
                 },
                 width: document.documentElement.clientWidth * 0.95,
                 height: document.documentElement.clientHeight * 0.95
             });*/

		});
	}else{
		//调用流程定义资源显示
		var imageUrl = ext.contextPath + "/activiti/workflow/resource/read.do?processDefinitionId=" + opts.pdid + "&resourceType=image";
		var positionHtml = "";
		var toppx=60;
		var leftpx=8;
		$.post(ext.contextPath + '/activiti/workflow/processDefinition/trace.do?pdid=' + opts.pdid, function(result) {
			// 生成图片
			$('#traceDiv').html(result);
			if ($('#workflowTraceDialog').length == 0) {
				$('<div/>', {
					id: 'workflowTraceDialog',
					title: '查看流程',
					html: "<div><img style='overflow:scroll;margin:" + toppx + "px 0 0 "+ leftpx + "px' src='" + imageUrl + "'/>" +
						"</div>"
				}).appendTo('#trace_body');
			} else {
				$('#workflowTraceDialog img').attr('src', imageUrl);
			}
			openModal('traceModal');
		});
	}

}
/**
 * @fn(routeNum) 回调函数,routeNum为选择的路径编号
 * @taskId 当前任务实例id
 * @passFlag true表示通过，false表示不通过
 */
var processExecute=function(fn,taskId,passFlag){
	$.post(ext.contextPath + "/activiti/workflow/getRoutesForSelect.do", {taskId:taskId,passFlag:passFlag}, function(data) {
		var actRouteNum=0;//除退回后的有效路径数
		$.each(data,function(index,item){
			//routeNum为0表示退回
			if(item.routeNum>0){
				actRouteNum++;
			}
		});
		if( actRouteNum>1){
			console.info(actRouteNum)
			var buttons={
				cancel: {
					text: "取消",
					value: null,
					visible: true,
					className: "btn btn-default btn-sm",
					closeModal: true,
				}
			};
			var text ="";
			var btn_style="";
			if(passFlag){
				text="系统检测到当前任务存在多个分支走向，请选择您要提交至下一步节点";
				btn_style="btn-info";
			}else{
				text="系统检测到当前任务存在多个驳回分支，请选择您要驳回至下一步节点";
				btn_style="btn-danger";
			}
			$.each(data,function(index,item){
				//routeNum为0表示退回
				if(item.routeNum>0){
					buttons["item"+index]={};
					buttons["item"+index].text=item.name;
					buttons["item"+index].value=item.routeNum;
					buttons["item"+index].className="btn "+btn_style+" btn-sm";
					buttons["item"+index].closeModal=true;
				}
			});
			console.info(buttons)

			swal({
				text: text,
				buttons: buttons
			})
				.then(function(value) {
					fn(value);
				});
		}else{
			fn(-1);
		}


	},'json');

}
/**
 * 审核界面--流程选择节点，
 */
var processSelectNode = function(taskId){
	//初始化路线选择
	let routeNumSelect2 = $("#routeNum").select2({
		placeholder:'请选择',//默认文字提示
		language: "zh-CN",
		minimumResultsForSearch: -1,//禁用搜索框
	});

	//驳回意见初始化隐藏
	// $("#reject").hide();
	//初始化审核意见，通过(true)或驳回(false)
	var selectResult = $("#passstatus").select2({
		placeholder:'请选择',//默认文字提示
		minimumResultsForSearch: -1,//禁用搜索框
	});
	selectResult.on('change',function(){
		var passFlag= $(this).val();

		//驳回时显示驳回原因，通过时隐藏
		// if(passFlag == 'false'){
		// 	$("#reject").show();
		// }else{
		// 	$("#reject").hide();
		// }

		//选择下一节点，先选择审核结果，再选择节点
		$.post(ext.contextPath + "/activiti/workflow/getRoutesForSelect2.do", {taskId:taskId,passFlag:passFlag}, function(data) {
			$("#routeNum").empty();
			var selelct = $("#routeNum").select2({
				data: data,
				placeholder:'请先选择审核结果',//默认文字提示
				allowClear: false,//允许清空
				escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
				language: "zh-CN",
				minimumInputLength: 0,
				minimumResultsForSearch: -1,//禁用搜索框
				formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
				formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
			});
			selelct.val(data[0].id).trigger("change");
			//流程结束，不用选择人员
			if(data[0].text == "结束流程"){
				$("#selectUsers").hide();
			}
			selelct.on('change',function(){
				var routeName = $("#routeNum").find("option:selected").text();
				if(routeName == "结束流程"){
					$("#selectUsers").hide();
				}else{
					$("#selectUsers").show();
				}
			})
		},'json');
	})
	selectResult.val('').trigger("change");

	//初始化审批人
	var selectResultUser = $("#routeNum").select2({
		placeholder:'请选择',//默认文字提示
		minimumResultsForSearch: -1,//禁用搜索框
	});
	selectResultUser.on('change',function(){

		var data1 = $("#routeNum").select2("data");
		var targetusers="";
		var targetUsersName="";
		var resourceId= data1[0].resourceId;
		var modelKEY = data1[0].modelKEY;
		//选择下一节点，先选择审核结果，再选择节点,得到下一节点审批人
		$.post(ext.contextPath + "/activiti/workflow/getTargetUsers4Node.do", {resourceId:resourceId,modelKEY:modelKEY}, function(data) {
			$("#targetusers").empty();
			$("#targetUsersName").empty();
			if(data !=null && data.length>0){
				for(var i=0;i<data.length;i++){
					targetusers =targetusers+data[i].id+",";
					targetUsersName =targetUsersName+data[i].caption+",";
				}
				if(targetusers.length>0){
					targetusers = targetusers.substring(0, targetusers.length-1);
				}
				if(targetUsersName.length>0){
					targetUsersName = targetUsersName.substring(0, targetUsersName.length-1);
				}
				//填写默认审批人
				//$("#targetusers").val(targetusers);
				//$("#targetUsersName").val(targetUsersName);
			}
		},'json');

		//得到下一节点审批职位
		var targetjobs="";
		$.post(ext.contextPath + "/activiti/workflow/getTargetJobs4Node.do", {resourceId:resourceId,modelKEY:modelKEY}, function(data) {
			$("#targetjobs").empty();
			if(data !=null && data.length>0){
				for(var i=0;i<data.length;i++){
					var joblist = data[i].jobId;
					targetjobs +=data[i].jobId+",";
				}
				if(targetjobs.length>0){
					targetjobs = targetjobs.substring(0, targetjobs.length-1);
				}
				//console.info("targetjobs:"+targetjobs);
				//填写默认审批人
				//$("#targetusers").val(targetusers);
				//$("#targetUsersName").val(targetUsersName);

			}
			$("#targetjobs").val(targetjobs);
		},'json');
	})
	selectResult.val('').trigger("change");
}
/**
 * 处理界面--流程选择节点，
 */
var processSelectNodeForHandle = function(taskId){
	//驳回意见初始化隐藏
	// $("#reject").hide();
	//初始化审核意见，通过(true)或驳回(false)
	var selectResult = $("#passstatus").select2({
		placeholder:'请选择',//默认文字提示
		minimumResultsForSearch: -1,//禁用搜索框
	});
	selectResult.on('change',function(){
		var passFlag= $(this).val();

		//驳回时显示驳回原因，通过时隐藏
		// if(passFlag == 'false'){
		// 	$("#reject").show();
		// }else{
		// 	$("#reject").hide();
		// }

		//选择下一节点，先选择审核结果，再选择节点
		$.post(ext.contextPath + "/activiti/workflow/getRoutesForSelect2.do", {taskId:taskId,passFlag:passFlag}, function(data) {
			$("#routeNum").empty();
			var selelct = $("#routeNum").select2({
				data: data,
				placeholder:'请先选择审核结果',//默认文字提示
				allowClear: false,//允许清空
				escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
				language: "zh-CN",
				minimumInputLength: 0,
				minimumResultsForSearch: -1,//禁用搜索框
				formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
				formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
			});
			selelct.val(data[0].id).trigger("change");
			//流程结束，不用选择人员
			if(data[0].text == "结束流程"){
				$("#selectUsers").hide();
			}
			selelct.on('change',function(){
				var routeName = $("#routeNum").find("option:selected").text();
				if(routeName == "结束流程"){
					$("#selectUsers").hide();
				}else{
					$("#selectUsers").show();
				}
			})
		},'json');
	})
	selectResult.val('').trigger("change");
	$.post(ext.contextPath + "/activiti/workflow/getRoutesForSelect2.do", {taskId:taskId,passFlag:true}, function(data) {
		var selelct = $("#routeNum").select2({
			data: data,
			placeholder:'请先选择审核结果',//默认文字提示
			allowClear: false,//允许清空
			escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
			language: "zh-CN",
			minimumInputLength: 0,
			minimumResultsForSearch: -1,//禁用搜索框
			formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
			formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择
		});
		selelct.val(data[0].id).trigger("change");
		//流程结束，不用选择人员
		if(data[0].text == "结束流程"){
			$("#selectUsers").hide();
		}
		selelct.on('change',function(){
			var routeName = $("#routeNum").find("option:selected").text();
			if(routeName == "结束流程"){
				$("#selectUsers").hide();
			}else{
				$("#selectUsers").show();
			}
		})
	},'json');
	//初始化审批人
	var selectResultUser = $("#routeNum").select2({
		placeholder:'请选择',//默认文字提示
		minimumResultsForSearch: -1,//禁用搜索框
	});
	selectResultUser.on('change',function(){

		var data1 = $("#routeNum").select2("data");
		var targetusers="";
		var targetUsersName="";
		var resourceId= data1[0].resourceId;
		var modelKEY = data1[0].modelKEY;
		//选择下一节点，先选择审核结果，再选择节点,得到下一节点审批人
		$.post(ext.contextPath + "/activiti/workflow/getTargetUsers4Node.do", {resourceId:resourceId,modelKEY:modelKEY}, function(data) {
			$("#targetusers").empty();
			$("#targetUsersName").empty();
			if(data !=null && data.length>0){
				for(var i=0;i<data.length;i++){
					targetusers =targetusers+data[i].id+",";
					targetUsersName =targetUsersName+data[i].caption+",";
				}
				if(targetusers.length>0){
					targetusers = targetusers.substring(0, targetusers.length-1);
				}
				if(targetUsersName.length>0){
					targetUsersName = targetUsersName.substring(0, targetUsersName.length-1);
				}
				//填写默认审批人
				//$("#targetusers").val(targetusers);
				//$("#targetUsersName").val(targetUsersName);
			}
		},'json');

		//得到下一节点审批职位
		var targetjobs="";
		$.post(ext.contextPath + "/activiti/workflow/getTargetJobs4Node.do", {resourceId:resourceId,modelKEY:modelKEY}, function(data) {
			$("#targetjobs").empty();
			if(data !=null && data.length>0){
				for(var i=0;i<data.length;i++){
					var joblist = data[i].jobId;
					targetjobs +=data[i].jobId+",";
				}
				if(targetjobs.length>0){
					targetjobs = targetjobs.substring(0, targetjobs.length-1);
				}
				//填写默认审批人
				//$("#targetusers").val(targetusers);
				//$("#targetUsersName").val(targetUsersName);
			}
			$("#targetjobs").val(targetjobs);
		},'json');
	})
}