jsgkj/gkjsjy/trunk/WebContent/static/lyl/lyl.js

var lyl = lyl || {};	 
lyl.script = function() {
	
};

lyl.script.drawchart=function(){
	var objdata=JSON.stringify({szgk:1});

	lyl.script.jsonAjax({url:contextPath+"/lyl/lylcharts.html",contentType:'application/json;charset=utf-8',async:true,data:objdata},
			function(data){
		
	});	
}

lyl.script.search=function(){
	//alert($("#nd").get(0).selectedIndex);
	//alert($("#nd").get(0).options[$("#nd").get(0).selectedIndex].text);
	//alert($("#nd").get(0).options[$("#nd").get(0).selectedIndex].id);
	
	$(".dttr").remove();
	
	//console.log($("#searchform").serialize());
	d = new Date();
    var delyear=d.getFullYear();
    
	var obj={};
	obj.type=$("#type").val()||"1";
	obj.bgsj=$("#nd").val()||delyear;
	obj.zone=$("#DEPLOY_MODE").val()||"1";
	obj.code=$("#CITY_CODE").val()||"";
	console.log(obj);
	
	var search_table=document.getElementById('search_table');
	/*
	if(search_table){
		lyl.script.addRow(search_table,[{v0:"v0",v1:"v1",v2:"v2",v3:"v3",v4:"v4"}]);
	}
	*/
	
	/*
	 $.ajax({
         url:$.app+"/lyl/lylcharts.html",
         data:'{}',
         type:"post",
         dataType:"json",
         contentType:'application/json;charset=utf-8',
         success:function(data){//ajax返回的数据
        	 console.log(data);
	     }
    }); 
	*/
	
	var objdata=JSON.stringify(obj);
	lyl.script.jsonAjax({url:contextPath+"/lyl/lylcharts.html",contentType:'application/json;charset=utf-8',async:true,data:objdata},
			function(data){
		console.log(data);
		console.log(data.length);
		lyl.script.addRow(search_table,data);
		//lyl.script.addRow(search_table,[{v0:"v0",v1:"v1",v2:"v2",v3:"v3",v4:"v4"},{v0:"v0",v1:"v1",v2:"v2",v3:"v3",v4:"v4"}]);
	});	
	
}

lyl.script.addRow=function(search_table,objs){
	if(search_table&&objs&&objs.length){
		var table2objtr=search_table.getElementsByTagName('tr');
		//if(search_table&&search_table.rows&&search_table.rows.length){
		if(table2objtr&&table2objtr.length){
			//var colums=search_table.rows[0].cells.length;
			var colums=table2objtr[0].getElementsByTagName('th').length;
			console.log(search_table.rows.length,colums);
			if(colums){
				var th=table2objtr[0].getElementsByTagName('th');
				//console.log(th[0].colSpan)
				//console.log(colums);
				for(var i=0;i<colums;i++){
					if(th[i]&&th[i].colSpan){
						console.log(th[i],th[i].colSpan);
						var colspan=th[i].colSpan;
						if(colspan&&colspan>1){
							colums=colums+(colspan-1);
						}						
					}

				}
				//console.log(colums);
				
				tbod=search_table.getElementsByTagName("tbody");
			
				for(var k=0;k<objs.length;k++){
					var obj=objs[k];
					var tr = document.createElement("tr");
					tr.className="dttr";
					tbod[0].insertBefore(tr, null);
					console.log(obj);
					for(var i=0;i<colums;i++){
						var td = document.createElement("td");
						tr.insertBefore(td, null);
						//td.align="center";
						//var val=obj['v'+i];
						var val="";
						if(i<obj.length){
							val=obj[i];
						}
						
						console.log(('v'+i),val);
						if(val){
							if((val+'').indexOf(".")==0){
								val='0'+val;
							}
							if(val == '%'){
								val = '';
							}
							td.innerText = val;	
						}
									
					}
				}


			}
			
		}

	}
}

/*
 * ajax封装函数
 */
lyl.script.jsonAjax= function(obj,exeJson){
	var ajaxInfo={
			type : 'post',
			dataType : 'json',
			//contentType : 'application/json;charset=utf-8',
			//timeout : 10000, //超时时间设置，单位毫秒
			cache : false,// 不从缓存中去数据
			async : true,
			//url : obj.url,
			//data : JSON.stringify(jsondate),
			//headers:headinfo,
			success : function(data) {
				if(exeJson){
					exeJson(data);
				}
			},
			error : function(jqXHR, textStatus, errorThrown) {
				//alert(jqXHR.responseText);
			}
		};
	ajaxInfo.url=obj.url;
	ajaxInfo.data=obj.data||{};
	if(typeof(obj.async)!="undefined"){
		ajaxInfo.async=obj.async
	}
	if(typeof(obj.contentType)!="undefined"){
		//alert(obj.contentType);
		ajaxInfo.contentType=obj.contentType;
	}
	//alert(ajaxInfo);
	$.ajax(ajaxInfo);
}


lyl.script.init=function(){
	d = new Date();
    var delyear=d.getFullYear();
	var year=2012
	for ( var i = 0; i < 20 && year<=2020; i++) {
		var optObj=new Option(year,year++);
		//optObj.id="optid"+i
		$("#nd").get(0).add(optObj);
	}

	console.log(delyear);
	$('#nd').selectpicker('refresh');
	$('#nd').selectpicker('val',delyear);  
	/*
	$('.jhndselectpicker').selectpicker({
		width:width
	});
	$("#addform").serialize()
	*/
	
	
	var str=[];
	var obj={};
	obj.heads={
			h10:[[{title:"港口",rowspan:2},{title:"总吞吐量<br>(万吨)",rowspan:2},{title:"综合通过能力",colspan:2},{title:"量能比",rowspan:2}],
				    [{title:"散、件杂货(万吨)"},{title:"集装箱(TEU)"}]],
			h11:[[{title:"港区",rowspan:2},{title:"总吞吐量<br>(万吨)",rowspan:2},{title:"综合通过能力",colspan:2},{title:"量能比",rowspan:2}],
			    [{title:"散、件杂货(万吨)"},{title:"集装箱(TEU)"}]],
			    
			h20:[[{title:"港口"},{title:"总吞吐量(万吨)"},{title:"生产用码头泊位岸线长度(米)"},{title:"单位泊位岸线吞吐量(万吨/米)"}]],
			h21:[[{title:"港区"},{title:"总吞吐量(万吨)"},{title:"生产用码头泊位岸线长度(米)"},{title:"单位泊位岸线吞吐量(万吨/米)"}]],
			    
			h30:[[{title:"港口"},{title:"生产用码头泊位岸线长度(米)"},{title:"已利用港口岸线(公里)"},{title:"港口岸线有效利用率"}]],
			h31:[[{title:"港区"},{title:"生产用码头泊位岸线长度(米)"},{title:"已利用港口岸线(公里)"},{title:"港口岸线有效利用率"}]]
	}
	obj.type=$("#type").val()||"1";
	obj.zone=$("#DEPLOY_MODE").val()||"1";
	if(obj.type!='3'){
		
		$(".search_table").show();
	}
	$('#main_table_div').empty();
	
	str.push('<table  id="search_table" class="main_table" cellpadding="0" cellspacing="0">');
	if(obj.heads){
		var h=obj.heads['h'+obj.type+obj.zone];
		if(h&&h.length){
			for(var i=0;i<h.length;i++){
				var hh=h[i];
				str.push("<tr>")
				for(var j=0;j<hh.length;j++){
					str.push("<th rowspan='"+(hh[j].rowspan||1)+"' colspan='"+(hh[j].colspan||1)+"'>");
					str.push(hh[j].title);
					str.push("</th>");
				}
				str.push("</tr>")
			}
		}
	}
	
	str.push('</table>');
	$('#main_table_div').append(str.join(""));
	
	
	lyl.script.search();
}


$(document).ready(function() {
	lyl.script.init();
	//lyl.script.drawchart();
});


/*
	$.ajax({
		url : $.app + "/dccx/selectShzt.html",
		type : "post",
		dataType : "json",
		success : function(data) {//ajax返回的数据
			if (data) {
				for ( var i = 0; i < data.length; i++) {
					var select = data[i];
					$("#shzt").get(0).add(new Option(select.text,select.val));
				}
				$('#shzt').selectpicker('refresh');
				$('#shzt').selectpicker('val',dcttlcx.main.shztData);
			} 
		}
	});
*/