yctb-SpringBoot/web/player/js/mbgllc.js

//根据高度计算每页条数
var pageLimit;
//根据宽度计算分页长度
var pageLength;
//查询条件
var templateLikeSearch = '';
var unrelateDefinitionLikeSearch = '';
var relateDefinitionLikeSearch = '';
var mbNode;

$(function() {
	pageLimit = parseInt(($('.panel1').height()-127-49)/33);
	pageLength = parseInt(parseInt(($('.panel1').width()-20)/34)/2-1)
	//初始化查询
	if(tname!='null'&&tname!=''){
		$('#templateInput').val(tname);
	}
	searchByLike(1);
});  

//查询模板列表
function loadTemplate(page){
	$.ajax({
		url : basePath + 'WFP?module=template&action=list',
		type : 'POST',
		data : {
			begin : (page - 1) * pageLimit + 1,
			limit : pageLimit,
			likeSearch : templateLikeSearch
		},
		success : function(json) {
			var obj = JSON.parse(json);
			var tableHtml = '';
			$.each(obj.data, function() {
				//mbNode = $(this)[0].nodes;
				tableHtml +='<tr id="'+$(this)[0].id+'" onclick="showDefinition(this,'+$(this)[0].nodes+')"><td title="'+$(this)[0].name+'">'+$(this)[0].name+'</td><td title="'+$(this)[0].label+'">'+$(this)[0].label+'</td><td title="'+$(this)[0].nodes+'">'+ '<div class="inline" style="width:100%;text-align:center"><b class="badge bg-default" style="font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" data-toggle="tooltip" title="'
				+$(this)[0].nodes+ '个节点">' +$(this)[0].nodes+ '</b></div>'+'</td></tr>';
			});
			$('#templateTbody').html(tableHtml);
			var pageHtml = createPageContent(obj);
			$('#templatePagination').html(pageHtml.replace(/getData/g,"loadTemplate"));
			$("#templateTbody").find("tr:first-child").trigger("click");
		}
	});
}

//查询未关联定义列表
function loadUnrelateDefinition(page){
	//翻页时取消全选
	if($('#unrelateDefinitionTbody').parent().find("input[name='allChecked']")[0].checked==true){
		$('#unrelateDefinitionTbody').parent().find("input[name='allChecked']").trigger("click");
	}
	var id = $("#templateTbody tr.clicked")[0].id;
	$.ajax({
		url : basePath + 'WFP?module=template&action=ngl',
		type : 'POST',
		data : {
			begin : (page - 1) * pageLimit + 1,
			limit : pageLimit,
			likeSearch : unrelateDefinitionLikeSearch,
			id:id
		},
		success : function(json) {
			var obj = JSON.parse(json);
			var tableHtml = '';
			$.each(obj.data, function() {
				var nodeHtml='';
				if(mbNode != $(this)[0].nodes){
					nodeHtml = '<div class="inline" style="width:100%;text-align:center"><b class="badge bg-default" style="background-color:#f4c414;font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" data-toggle="tooltip" title="警告：当前流程有'
					+$(this)[0].nodes + '个节点">' +$(this)[0].nodes + '</b></div>'
				}else{
					nodeHtml = '<div class="inline" style="width:100%;text-align:center"><b class="badge bg-default" style="font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" data-toggle="tooltip" title="'
					+$(this)[0].nodes + '个节点">' +$(this)[0].nodes + '</b></div>'
				}
				tableHtml +='<tr onclick="clickRow(this)"><th class="checkTh"><input type="checkbox"/ id="'+$(this)[0].id+'"></th><td title="'+$(this)[0].id+'">'+$(this)[0].id+'</td><td title="'+$(this)[0].name+'">'+$(this)[0].name+'</td><td title="'+$(this)[0].nodes+'">'+ nodeHtml +'</td></tr>';
			});
			$('#unrelateDefinitionTbody').html(tableHtml);
			var pageHtml = createPageContent(obj);
			$('#unrelateDefinitionPagination').html(pageHtml.replace(/getData/g,"loadUnrelateDefinition"));
		}
	});
}

//查询关联定义列表
function loadRelateDefinition(page){
	//翻页时取消全选
	if($('#relateDefinitionTbody').parent().find("input[name='allChecked']")[0].checked==true){
		$('#relateDefinitionTbody').parent().find("input[name='allChecked']").trigger("click");
	}
	var id = $("#templateTbody tr.clicked")[0].id;
	$.ajax({
		url : basePath + 'WFP?module=template&action=gl',
		type : 'POST',
		data : {
			begin : (page - 1) * pageLimit + 1,
			limit : pageLimit,
			likeSearch : relateDefinitionLikeSearch,
			id:id
		},
		success : function(json) {
			var obj = JSON.parse(json);
			var tableHtml = '';
			$.each(obj.data, function() {
				var nodeHtml='';
				if(mbNode != $(this)[0].nodes){
					nodeHtml = '<div class="inline" style="width:100%;text-align:center"><b class="badge bg-default" style="background-color:#f4c414;font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" data-toggle="tooltip" title="警告：当前流程有'
					+$(this)[0].nodes + '个节点">' +$(this)[0].nodes + '</b></div>'
				}else{
					nodeHtml = '<div class="inline" style="width:100%;text-align:center"><b class="badge bg-default" style="font-weight:400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" data-toggle="tooltip" title="'
					+$(this)[0].nodes + '个节点">' +$(this)[0].nodes + '</b></div>'
				}
				tableHtml +='<tr onclick="clickRow(this)"><th class="checkTh"><input type="checkbox"/ id="'+$(this)[0].id+'"></th><td title="'+$(this)[0].id+'">'+$(this)[0].id+'</td><td title="'+$(this)[0].name+'">'+$(this)[0].name+'</td><td title="'+$(this)[0].nodes+'">'+ nodeHtml +'</td></tr>';
			});
			$('#relateDefinitionTbody').html(tableHtml);
			var pageHtml = createPageContent(obj);
			$('#relateDefinitionPagination').html(pageHtml.replace(/getData/g,"loadRelateDefinition"));
		}
	});
}

//生成分页数据
function createPageContent(obj){
	var total = obj.totalCount;
	var pageSize = obj.limit;
	var page = parseInt(obj.start/pageSize)+1;
	var lastPage = Math.ceil(total / pageSize);
	var html = '';
	if (page > 1)
		html += '<li><a onclick="getData(' + (page - 1) + ')">&laquo;</a></li>';
	for ( var i = page - pageLength; i <= page + pageLength; i++) {
		if (i > 0 && i <= lastPage) {
			html += '<li';
			if (i == page)
				html += ' class="active"';
			html += '><a onclick="getData(' + i + ')">' + i + '</a></li>';
		}
	}
	if (lastPage != 0 && page != lastPage)
		html += '<li><a onclick="getData(' + (page + 1) + ')">&raquo;</a></li>';
	return html;
}

//模板列表点击事件
function showDefinition(obj,node){
	$('#templateTbody tr').removeClass('clicked');
	$(obj).addClass('clicked');
	mbNode = node;
	loadUnrelateDefinition(1);
	loadRelateDefinition(1);
}

//按查询条件搜索
function searchByLike(type){
	if(type==1){
		templateLikeSearch = $('#templateInput').val();
		loadTemplate(1);
	}else if(type==2){
		unrelateDefinitionLikeSearch = $('#unrelateDefinitionInput').val();
		loadUnrelateDefinition(1);
	}else if(type==3){
		relateDefinitionLikeSearch = $('#relateDefinitionInput').val();
		loadRelateDefinition(1);
	}
}

//全选、取消全选时间
$(':input[name="allChecked"]').click(function(){
	var check = $(this)[0].checked;
	var checkboxs = $(this).parents('table.table-striped').find('tbody input[type="checkbox"]');
	$.each(checkboxs, function() {
		$(this).attr('checked',check); 
	});
});

//关联操作
function addItems(){
	var did = '';
	$('#unrelateDefinitionTbody input:checkbox:checked').each(function(index){
		if(index != 0)
			did += ',';
		did = did + $(this).attr('id');
	})
	var tid = $("#templateTbody tr.clicked")[0].id;
	if(did!=''){
		$.ajax({
			url : basePath + 'WFP?module=template&action=relate',
			type : 'POST',
			data : {
				type : 1,
				tid : tid,
				did : did
			},
			success : function() {
				loadUnrelateDefinition(1);
				loadRelateDefinition(1);
				if(parent&&parent.loadData)
					parent.loadData();
			}
		});
	}
}

//取消关联操作
function removeItems(){
	var did = '';
	$('#relateDefinitionTbody input:checkbox:checked').each(function(index){
		if(index != 0)
			did += ',';
		did = did + $(this).attr('id');
	})
	var tid = $("#templateTbody tr.clicked")[0].id;
	if(did!=''){
		$.ajax({
			url : basePath + 'WFP?module=template&action=relate',
			type : 'POST',
			data : {
				type : 2,
				tid : tid,
				did : did
			},
			success : function() {
				loadUnrelateDefinition(1);
				loadRelateDefinition(1);
				if(parent&&parent.loadData)
					parent.loadData();
			}
		});
	}
}

//点击行操作
function clickRow(obj){
	$(obj).find("input[type=checkbox]").trigger("click");
}