yxh
/
CNG


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056
							<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String authRegionName = (String)request.getSession().getAttribute("authRegionName"); 
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>报表</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<meta http-equiv="X-UA-Compatible" content="IE=9"/>
	<meta http-equiv="X-UA-Compatible" content="IE=10"/>
	<link rel="stylesheet" type="text/css" href="css/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="css/easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="css/easyui/demo/demo.css">
	<script type="text/javascript" src="css/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="css/easyui/jquery.easyui.min.js"  charset="utf-8"></script>
	<script type="text/javascript" src="css/easyui/locale/easyui-lang-zh_CN.js"  charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="css/common/hzbstyle.css">
	<script type="text/javascript" src="js/common/area.js"></script>
	<script type="text/javascript" src="js/beforeDatagrid.js"></script>
	
	<script src="js/highcharts.js"></script>
	<script src="js/exporting.js"></script>
	 <!-- 
	<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
-->
	<!-- 需要保存导出功能模块文件是在 highcharts.js 之后引入 -->
	<!--
	<script src="http://cdn.hcharts.cn/highcharts/modules/exporting.js"></script>
	-->
<!-- 客户端导出功能模块为可选选项 -->
<script src="http://cdn.hcharts.cn/highcharts/modules/offline-exporting.js"></script>
	<style type="text/css">
		body{
			ffont-family:"Microsoft Yahei";
		}
		.report_form_table{
			padding: 10px;
			width: 80%;
		}
		.report_form_table .levelTr{
			display: block;
			margin: 50px 0px 10px 0px;
		}
		.report_form_table .levelTr_1{
			display: block;
			margin: 30px 0px 10px 0px;
		}
		.report_form_table tr .title{
			text-align:center;
			font-size: 36px;
			font-weight: bold;
			
		}
		.report_form_table tr .title_1{
			font-size: 24px;
			font-weight: bold;
		}
		.report_form_table tr .title_2{
			font-size: 16px;
			font-weight: normal;
		}
		.report_form_table tr .content{
			font-size: 16px;
			font-weight: normal;
		}
		#registerTable{
			text-align: center;
			padding: 2px;
		}
		#inUseTable{
			text-align: center;
			padding: 2px;
		}
		#systemUseTable{
			text-align: left;
			padding: 2px;
		}
		.fitem{
			padding-top: 10px;
		}
	</style>
	<script type="text/javascript">
	$(document).ready(function(){
		openTimeSelect();
		getReportFormData();
		OnlyShowYearMonth();
	});
	function openTimeSelect(){
		$('#timestart').datebox('setValue', getPreYearDay(new Date().toISOString().substring(0, 10)));
		$('#timeend').datebox('setValue', getNowDay(new Date().toISOString().substring(0, 10)));
		$("#timeDiv").dialog("open").dialog('setTitle', '报表统计_统计时间范围选择');
		$("#timeDiv").panel("move",{top:$(document).scrollTop() + ($(window).height()-810) * 0.5});
	}
	function timeSelect(){
		
		if($("#timeselectform").form('validate')){
			$('#timeDiv').dialog('close');
			startDate = $("#timestart").datebox("getValue");
			endDate = $("#timeend").datebox("getValue");
			getReportFormData();
			OnlyShowYearMonth();
		}else{
			 showMsg('提示', '有必填项未填写！', 5000);
		 }
	}
	function getPreYearDay(date) {
	    var arr = date.split('-');
	    var year = arr[0]-1; //获取当前日期的年份
	    var month = arr[1]; //获取当前日期的月份
	    var day = arr[2]; //获取当前日期的日
	    var days = new Date(year, month, 0);
	    days = days.getDate(); //获取当前日期中月的天数
	    var year2 = year;
	    var month2 = parseInt(month) - 0;
	    if (month2 == 0) {//如果是1月份，则取上一年的12月份
	        year2 = parseInt(year2) - 1;
	        month2 = 12;
	    }
	    var day2 = day;
	    var days2 = new Date(year2, month2, 0);
	    days2 = days2.getDate();
	    if (day2 > days2) {//如果原来日期大于上一月的日期，则取当月的最大日期。比如3月的30日，在2月中没有30
	        day2 = days2;
	    }
	    if (month2 < 10) {
	        month2 = '0' + month2;//月份填补成2位。
	    }
	    var date11 = new Date();
	    var hor = date11.getHours()>9?date11.getHours():"0"+date11.getHours();
			var min = date11.getMinutes()>9?date11.getMinutes():"0"+date11.getMinutes();
		
			var sec = date11.getSeconds()>9?date11.getSeconds():"0"+date11.getSeconds();
	    
	    var t2 = year2 + '-' + month2 + '-' + day2;
	    return t2;
	}
	function getNowDay(date) {
	    var arr = date.split('-');
	    var year = arr[0]; //获取当前日期的年份
	    var month = arr[1]; //获取当前日期的月份
	    var day = arr[2]; //获取当前日期的日
	    var days = new Date(year, month, 0);
	    days = days.getDate(); //获取当前日期中月的天数
	    var year2 = year;
	    var month2 = parseInt(month) - 0;
	    if (month2 == 0) {//如果是1月份，则取上一年的12月份
	        year2 = parseInt(year2) - 1;
	        month2 = 12;
	    }
	    var day2 = day;
	    var days2 = new Date(year2, month2, 0);
	    days2 = days2.getDate();
	    if (day2 > days2) {//如果原来日期大于上一月的日期，则取当月的最大日期。比如3月的30日，在2月中没有30
	        day2 = days2;
	    }
	    if (month2 < 10) {
	        month2 = '0' + month2;//月份填补成2位。
	    }
	    var date11 = new Date();
	    var hor = date11.getHours()>9?date11.getHours():"0"+date11.getHours();
			var min = date11.getMinutes()>9?date11.getMinutes():"0"+date11.getMinutes();
		
			var sec = date11.getSeconds()>9?date11.getSeconds():"0"+date11.getSeconds();
	    
	    var t2 = year2 + '-' + month2 + '-' + day2;
	    return t2;
	}
	function showMsg(title,msg,out){
		$.messager.show({ 
	        title: title,
	        msg: msg,
	        timeout:out
	    });
	}
	function showProgress(title,msg,text){
		$.messager.progress({ 
		    title: title, 
		    msg: msg, 
		    text: text,
		    style:{
		    	
		    }
		});
	}
	function OnlyShowYearMonth(){
		 var currTime=new Date();
         
         var strDate=currTime.getFullYear()+"-"+1+"-01";
         
         $('#trendStartDate').datebox({
	        formatter:function(date){
	             var y = date.getFullYear();
	             var m = date.getMonth() + 1;
	             m = m < 10 ? '0' + m : m;
	             return y.toString() + '-' + m.toString();
	         },
	         parser:function(date){
	             console.log(date);
	             if (date) {
	                 return new Date(String(date).substring(0, 4) + '-'
	                         + String(date).substring(5,7));
	             } else {
	                 return new Date();
	             }
	         }
         }
         );
         $('#trendStartDate').datebox('setValue',strDate);//默认加载当前月份
         var endDate=currTime.getFullYear()+"-"+(currTime.getMonth()+1)+"-01";
         $('#trendEndDate').datebox({
 	        formatter:function(date){
 	             var y = date.getFullYear();
 	             var m = date.getMonth() + 1;
 	             m = m < 10 ? '0' + m : m;
 	             return y.toString() + '-' + m.toString();
 	         },
 	         parser:function(date){
 	             console.log(date);
 	             if (date) {
 	                 return new Date(String(date).substring(0, 4) + '-'
 	                         + String(date).substring(5,7));
 	             } else {
 	                 return new Date();
 	             }
 	         }
          }
          );
          $('#trendEndDate').datebox('setValue',endDate);//默认加载当前月份
	}
	function objData(time,add){
		this.time=time;
		this.add=add;
	}
	function chart21(dayAddBeanList){
		var data1=[[1370131200000, 0.7695],[1370217600000, 0.7648],
		           [1370304000000, 0.7645],
		           [1370390400000, 0.7638],];
		var data2=[1370131200000, 0.7695];
		var data3=new Array();
		if(dayAddBeanList.length>0){
			for(var i=0;i<dayAddBeanList.length;i++){
				data3[i] = new Array();
				data3[i][0] = dayAddBeanList[i].time;
				data3[i][1] = dayAddBeanList[i].add;
			}
		}
		alert(data3);
		var chart = null;
		$.getJSON('https://data.jianshukeji.com/jsonp?filename=json/usdeur.json&callback=?', function (data) {
			chart = Highcharts.chart('container', {
				chart: {
					zoomType: 'x'
				},
				title: {
					text: '美元兑欧元汇率走势图'
				},
				subtitle: {
					text: document.ontouchstart === undefined ?
					'鼠标拖动可以进行缩放' : '手势操作进行缩放'
				},
				 credits: {
				        enabled:false
				    },//去掉地址
				xAxis: {
					type: 'datetime',
					dateTimeLabelFormats: {
						millisecond: '%H:%M:%S.%L',
						second: '%H:%M:%S',
						minute: '%H:%M',
						hour: '%H:%M',
						day: '%m-%d',
						week: '%m-%d',
						month: '%Y-%m',
						year: '%Y'
					}
				},
				tooltip: {
					dateTimeLabelFormats: {
						millisecond: '%H:%M:%S.%L',
						second: '%H:%M:%S',
						minute: '%H:%M',
						hour: '%H:%M',
						day: '%Y-%m-%d',
						week: '%m-%d',
						month: '%Y-%m',
						year: '%Y'
					}
				},
				yAxis: {
					title: {
						text: '汇率'
					}
				},
				legend: {
					enabled: false
				},
				plotOptions: {
					area: {
						fillColor: {
							linearGradient: {
								x1: 0,
								y1: 0,
								x2: 0,
								y2: 1
							},
							stops: [
								[0, new Highcharts.getOptions().colors[0]],
								[1, new Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
							]
						},
						marker: {
							radius: 2
						},
						lineWidth: 1,
						states: {
							hover: {
								lineWidth: 1
							}
						},
						threshold: null
					}
				},
				series: [{
					type: 'area',
					name: '美元兑欧元',
					data: data3
				}]
			});
		});
	}
	function chart1(xList,yList_1,yList_2,yList_3,yList_4){
		var chart = Highcharts.chart('container1', {
			title: {
					text: 'CNG/LNG注册趋势图'
			},
			subtitle: {
					text: ''
			},
			xAxis: {
				//categories:[43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
				categories:xList
			},
			 credits: {
			        enabled:false
			    },//去掉地址
			yAxis: {
					title: {
							text: '注册数量'
					}
			},
			  
			legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'middle'
			},
			plotOptions: {
				series: {
					connectNulls: true // by default
				},
				line: {
			         dataLabels: {
			            enabled: true
			         },   
			         enableMouseTracking: true
			      }
			},
			series: [
			{
					name: 'CNG车辆',
					//data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
					data: yList_1
			}
			, 
			{
					name: 'CNG气瓶',
					data: yList_2
			}
			, 
			{
					name: 'LNG车辆',
					data: yList_3
			}
			, 
			{
					name: 'LNG气瓶',
					data: yList_4
			}
			],
			responsive: {
					rules: [{
							condition: {
									maxWidth: 500
							},
							chartOptions: {
									legend: {
											layout: 'horizontal',
											align: 'center',
											verticalAlign: 'bottom'
									}
							}
					}]
			}
	});
		chart.exportChart({
			type: 'image/png',
			filename: '1'
		});
	}
	function chart2(xList,yList_5,yList_6,yList_7,yList_8){
		var chart = Highcharts.chart('container2', {
			title: {
					text: 'CNG/LNG在用车辆气瓶趋势图'
			},
			subtitle: {
					text: '数据来源：thesolarfoundation.com'
			},
			 credits: {
			        enabled:false
			    },//去掉地址
			xAxis: {
				categories:xList
			},
			yAxis: {
					title: {
							text: '在用数量'
					}
			},
			legend: {
					layout: 'vertical',
					align: 'right',
					verticalAlign: 'middle'
			},
			plotOptions: {
				series: {
					connectNulls: true // by default
				},
				line: {
			         dataLabels: {
			            enabled: true
			         },   
			         enableMouseTracking: true
			      }
			},
			series: [
			{
					name: '在用CNG车辆',
					//data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
					data: yList_5
			}
			,
			{
				name: '在用CNG气瓶',
				//data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
				data: yList_7
			}
			,
			{
				name: '在用LNG车辆',
				//data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
				data: yList_6
			}
			,
			{
				name: '在用LNG气瓶',
				//data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
				data: yList_8
			}
			
			],
			responsive: {
					rules: [{
							condition: {
									maxWidth: 500
							},
							chartOptions: {
									legend: {
											layout: 'horizontal',
											align: 'center',
											verticalAlign: 'bottom'
									}
							}
					}]
			}
	});
		chart.exportChart({
			type: 'image/png',
			filename: '2'
		});
	}
	var startDate;
	var endDate;
	var registerCngCar;
	var registerCngCylinder;
	var registerLngCar;
	var registerLngCylinder;
	
	var inUseCngCar;
	var inUseCngCylinder;
	var inUseLngCar;
	var inUseLngCylinder;

	var checkedCylinderPercent;
	var inUseCylinderPercent;
	
	var registerRefitPlant;
	var registerInspectionStation;
	var registerGasStation;
	function getReportFormData(){
			showProgress('提示','请等待','加载中……');
					$.ajax({
						type : "POST",
						contentType : "application/x-www-form-urlencoded; charset=UTF-8",
						data : {
							"startDate":startDate,
							"endDate":endDate
						},
						url : "wx/getReportFormData",
						success : function(data) {
							$.messager.progress('close');
							currentPage=1;
							var vData = $.parseJSON(data);
							var formatStartDate = startDate.substring(0, 4)+"年"+startDate.substring(5, 7)+"月"+startDate.substring(8, 10)+"日";
							var formatEndDate = endDate.substring(0, 4)+"年"+endDate.substring(5, 7)+"月"+endDate.substring(8, 10)+"日";
							document.getElementById("registerEndTime").innerText = formatEndDate;
							document.getElementById("registerEndTime1").innerText = formatEndDate;
							
							registerCngCar = vData.cngCarCount;
							registerCngCylinder = vData.cngCylinderCount;
							registerLngCar = vData.lngCarCount;
							registerLngCylinder = vData.lngCylinderCount;
							document.getElementById("registerCngCar").innerText = vData.cngCarCount;
							document.getElementById("registerCngCylinder").innerText = vData.cngCylinderCount;
							document.getElementById("registerLngCar").innerText = vData.lngCarCount;
							document.getElementById("registerLngCylinder").innerText = vData.lngCylinderCount;
							document.getElementById("registerCngCar1").innerText = vData.cngCarCount;
							document.getElementById("registerCngCylinder1").innerText = vData.cngCylinderCount;
							document.getElementById("registerLngCar1").innerText = vData.lngCarCount;
							document.getElementById("registerLngCylinder1").innerText = vData.lngCylinderCount;
							
							
							
							document.getElementById("inUseEndTime").innerText = formatEndDate;
							document.getElementById("inUseEndTime1").innerText = formatEndDate;
							
							inUseCngCar = vData.cngCarInuseCount;
							inUseCngCylinder = vData.cngCylinderInuseCount;
							inUseLngCar = vData.lngCarInuseCount;
							inUseLngCylinder = vData.lngCylinderInuseCount;
							document.getElementById("inUseCngCar").innerText = vData.cngCarInuseCount;
							document.getElementById("inUseCngCylinder").innerText = vData.cngCylinderInuseCount;
							document.getElementById("inUseLngCar").innerText = vData.lngCarInuseCount;
							document.getElementById("inUseLngCylinder").innerText = vData.lngCylinderInuseCount;
							document.getElementById("inUseCngCar1").innerText = vData.cngCarInuseCount;
							document.getElementById("inUseCngCylinder1").innerText = vData.cngCylinderInuseCount;
							document.getElementById("inUseLngCar1").innerText = vData.lngCarInuseCount;
							document.getElementById("inUseLngCylinder1").innerText = vData.lngCylinderInuseCount;
							
							//document.getElementById("inUseStartTime").innerText = formatStartDate;
							//document.getElementById("inUseEndTime2").innerText = formatEndDate;
							
							registerRefitPlant = vData.registerRefitPlantCount;
							registerInspectionStation = vData.registerInspectionStationCount;
							registerGasStation= vData.registerGasStationCount;
							document.getElementById("registerRefitPlant").innerText = vData.registerRefitPlantCount;
							document.getElementById("registerInspectionStation").innerText = vData.registerInspectionStationCount;
							document.getElementById("registerGasStation").innerText = vData.registerGasStationCount;
							
							
							var totalRegisterCylinderNum = vData.cngCylinderCount+vData.lngCylinderCount;
							var totalInUseCylinderNum = vData.cngCylinderInuseCount+vData.lngCylinderInuseCount;
							
							
							var checkedCylinderPercent1 = vData.checkedCylinderCount/totalRegisterCylinderNum;
							var inUseCylinderPercent1 = 1-vData.notCheckCylinderCount/totalInUseCylinderNum;
							
							checkedCylinderPercent = toDecimal(checkedCylinderPercent1*100)+'%';
							inUseCylinderPercent = toDecimal(inUseCylinderPercent1*100)+'%';
							document.getElementById("checkedCylinderPercent").innerText = toDecimal(checkedCylinderPercent1*100)+'%';
							document.getElementById("inUseCylinderPercent").innerText = toDecimal(inUseCylinderPercent1*100)+'%';
							
							
							
							totalPage = Math.ceil(vData.gasStationNetworkInfoList.length/currentSize);
							
							
							
							document.getElementById("totalDay2").innerText =180;
							
							
							document.getElementById("totalDay1").innerText = DateDiff(startDate,endDate);
							
							//gasStationNetwork
							
							//if(vData.gasStationNetworkInfoList.length>0){
							//	gasStationNetworkList = vData.gasStationNetworkInfoList;
							//	var gasStationNetwork='';
							//	gasStationNetwork += '<table  width="100%" border="1" cellpadding="20" cellspacing="0" style="text-align: center;padding:2px;">';
							//	gasStationNetwork += '<tr><td colspan="3">各站网络连接情况表</td></tr>';
							//	gasStationNetwork += '<tr><td colspan="1" style="text-align: left;width:40%;">充装站</td><td colspan="1" style="width:30%;">正常连接(天)</td><td colspan="1" style="width:30%;">离线(天)</td></tr>';
								
							//	$.each(vData.gasStationNetworkInfoList, function(i,item){
							//		
							//		if(i==0){
							//			document.getElementById("totalDay").innerText = item.connectDay+item.offlineDay;
							//			document.getElementById("totalDay1").innerText = item.connectDay+item.offlineDay;
							//			document.getElementById("totalDay2").innerText = item.connectDay+item.offlineDay;
							//		}
							//		if(i<currentSize){
							//			gasStationNetwork += '<tr><td colspan="1" style="text-align: left;">'+item.stationName+'</td><td colspan="1">'+item.connectDay+'</td><td colspan="1">'+item.offlineDay+'</td></tr>';
							//		}else{
							//			return true;
							//		}
									
							//	});
							//	gasStationNetwork += '<tr><td colspan="1" style="text-align: left;"></td><td colspan="1">当前显示1/'+totalPage+'页</td><td colspan="1"><a href="javascript:void(0);" onclick="jumpPage(1)">下一页</a></td></tr>';
							//	gasStationNetwork += '</table>';
							//	document.getElementById("gasStationNetwork").innerHTML = gasStationNetwork;
							//}
							
							
							chart1(vData.xList,vData.yList_1,vData.yList_2,vData.yList_3,vData.yList_4);
							//chart2(vData.dayAddBeanList);
							setTimeout('openExamineDialog1()', 200);
							
							window.setTimeout(function () {
								//chart2(vData.xList,vData.yList_5,vData.yList_6,vData.yList_7,vData.yList_8);
								document.getElementById("downloadpdfdiv1").style.display="";
						    }, 1000);
							
							
						},
						error:function(e){
							  $.messager.progress('close');
						      console.log(e);
						  },
					});
		}
	
	
	function DateDiff(sDate1, sDate2) {

		var aDate, oDate1, oDate2, iDays ;

		aDate = sDate1.split("-");

		// 转换为 12-18-2002 格式

		oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]);

		aDate = sDate2.split("-"); oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]);

		// 把相差的毫秒数转换为天数

		iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 /24);

		return iDays;

		}
	var currentPage=1;
	var currentSize=5;
	var totalPage=1;
	var gasStationNetworkList;
	function jumpPage(add){
		currentPage+=add;
		if(gasStationNetworkList.length>0){
			if(currentPage>totalPage){
				$.messager.alert('提示','已经到最后一页了 !');
				return;
			}else if(currentPage<1){
				$.messager.alert('提示','已经到首页了 !');
				return;
			}
			document.getElementById("gasStationNetwork").innerHTML = "";
			var gasStationNetwork='';
			gasStationNetwork += '<table  width="100%" border="1" cellpadding="20" cellspacing="0" style="text-align: center;padding:2px;">';
			gasStationNetwork += '<tr><td colspan="3">各站网络连接情况表</td></tr>';
			gasStationNetwork += '<tr><td colspan="1" style="text-align: left;width:40%;">充装站</td><td colspan="1" style="width:30%;">正常连接(天)</td><td colspan="1" style="width:30%;">离线(天)</td></tr>';
			$.each(gasStationNetworkList, function(i,item){
				
				if(i==0){
					document.getElementById("totalDay").innerText = item.connectDay+item.offlineDay;
					document.getElementById("totalDay1").innerText = item.connectDay+item.offlineDay;
				}
				if(i<(currentPage*currentSize)&&i>=((currentPage-1)*currentSize)){
					gasStationNetwork += '<tr><td colspan="1" style="text-align: left;">'+item.stationName+'</td><td colspan="1">'+item.connectDay+'</td><td colspan="1">'+item.offlineDay+'</td></tr>';
				}else if(i>=(currentPage*currentSize)){
					return true;
				}
				
			});
			if(totalPage>1){
				if(currentPage>=totalPage){
					gasStationNetwork += '<tr><td colspan="1" style="text-align: left;"><a href="javascript:void(0);" onclick="jumpPage(-1)">上一页</a></td><td colspan="1">当前显示'+currentPage+'/'+totalPage+'页</td><td colspan="1">已经到末页了!</td></tr>';
				}else if(currentPage<=1){
					gasStationNetwork += '<tr><td colspan="1" style="text-align: left;">已经到首页了!</td><td colspan="1">当前显示'+currentPage+'/'+totalPage+'页</td><td colspan="1"><a href="javascript:void(0);" onclick="jumpPage(1)">下一页</a></td></tr>';
				}else{
					gasStationNetwork += '<tr><td colspan="1" style="text-align: left;"><a href="javascript:void(0);" onclick="jumpPage(-1)">上一页</a></td><td colspan="1">当前显示'+currentPage+'/'+totalPage+'页</td><td colspan="1"><a href="javascript:void(0);" onclick="jumpPage(1)">下一页</a></td></tr>';
					
				}
			}
			
			gasStationNetwork += '</table>';
			document.getElementById("gasStationNetwork").innerHTML = gasStationNetwork;
		}
	}

	function toDecimal(x) {   
	  var f = parseFloat(x);    
		if (isNaN(f)) {   
		  return;    
		}          
		f = Math.floor(x*100)/100;  
		return f;        
	} 
	
	function generatetPDF(){
		//var startDate = "2018-01-01";
		//var endDate = "2020-08-23";
		$.ajax({
			type : "POST",
			contentType : "application/x-www-form-urlencoded; charset=UTF-8",
			data : {
				"startDate":startDate,
				"endDate":endDate,
				"registerCngCar":registerCngCar,
				 "registerCngCylinder":registerCngCylinder,
				 "registerLngCar":registerLngCar,
				 "registerLngCylinder":registerLngCylinder,
				
				 "inUseCngCar":inUseCngCar,
				 "inUseCngCylinder":inUseCngCylinder,
				 "inUseLngCar":inUseLngCar,
				 "inUseLngCylinder":inUseLngCylinder,
				
				 "checkedCylinderPercent":checkedCylinderPercent,
				 "inUseCylinderPercent":inUseCylinderPercent,
				 "registerRefitPlant":registerRefitPlant,
				 "registerInspectionStation":registerInspectionStation,
				 "registerGasStation":registerGasStation
			},
			url : "wx/generatetPDF",
			success : function(data) {
				var vData = $.parseJSON(data);
				if(vData.status==1){
					showMsg('提示', 'pdf生成成功', 5000);
					document.getElementById("downloadpdfdiv").style.display="";
				}else if(vData.status==0){
					showMsg('提示', 'pdf生成失败', 5000);
				}else{
					showMsg('提示', '异常', 5000);
				}
			}
		});
	}
	</script>
  </head>
  
  <body>
  	<div style="z-index: 9999;position: fixed !important; right: 10px;top:10px">
  		<div id="downloadpdfdiv1" style="display: none; padding-top: 20px;">
  			<a class="easyui-linkbutton" icon="icon-export"  onclick="generatetPDF();">生成PDF</a>
  		</div>
  		
  		<div id="downloadpdfdiv" style="display: none; padding-top: 20px;">
  			<a class="easyui-linkbutton" target="_blank" icon="icon-export" href="./statistics/pdf/CNG_LNG_REPORT.pdf">下载PDF</a>
  		</div>
  	</div>
  	<center>
  		<table class="report_form_table" >
	  		<tr>
	  			<td class="title">
	  				报表
	  			</td>
	  		</tr>
	  		<!-- 注册情况 -->
	  		<tr class="levelTr">
	  			<td class="title_1">
	  			1、注册情况：
	  			</td>
	  		</tr>
	  		<tr>
	  			<td class="content">
		  			<span>
		  				<%=authRegionName %>
		  			</span>
		  			截止（
		  			<span id="registerEndTime">
		  				
		  			</span>
		  			），
		  			注册登记CNG车辆
		  			<span id="registerCngCar">
		  				2
		  			</span>
		  			台,
		  			CNG气瓶
		  			<span id="registerCngCylinder">
		  				1
		  			</span>
		  			支;
		  			
		  			
		  			注册登记LNG车辆
		  			<span id="registerLngCar">
		  				4
		  			</span>
		  			台,LNG气瓶
		  			<span id="registerLngCylinder">
		  				3
		  			</span>
		  			支.
		  			
	  			</td>
	  		</tr>
	  		<tr>
	  			<td>
	  				<table id="registerTable" width="100%" border="1" cellpadding="20" cellspacing="0">
	  					<tr>
	  						<td colspan="5">
	  							<%=authRegionName %>(<span id="registerEndTime1"></span>)
	  						</td>
	  					</tr>
	  					<tr>
	  						<td colspan="2">
	  							CNG
	  						</td>
	  						<td colspan="1">
	  							&nbsp;
	  						</td>
	  						<td colspan="2">
	  							LNG
	  						</td>
	  					</tr>
	  					<tr>
	  						<td colspan="1">
	  							车辆（台）
	  						</td>
	  						<td colspan="1">
	  							气瓶（支）
	  						</td>
	  						<td colspan="1">
	  							&nbsp;
	  						</td>
	  						<td colspan="1">
	  							车辆（台）
	  						</td>
	  						<td colspan="1">
	  							气瓶（支）
	  						</td>
	  					</tr>
	  					<tr>
	  						<td colspan="1">
	  							<span id="registerCngCar1"></span>
	  						</td>
	  						<td colspan="1">
	  							<span id="registerCngCylinder1"></span>
	  						</td>
	  						<td colspan="1">
	  							&nbsp;
	  						</td>
	  						<td colspan="1">
	  							<span id="registerLngCar1"></span>
	  						</td>
	  						<td colspan="1">
	  							<span id="registerLngCylinder1"></span>
	  						</td>
	  					</tr>
	  					
	  				</table>
	  			</td>
	  		</tr>
	  		
	  		<!-- 在用情况 -->
	  		<tr class="levelTr">
	  			<td class="title_1">
	  			2、在用情况：
	  			</td>
	  		</tr>
	  		<tr>
	  			<td class="content">
		  			<span>
		  				<%=authRegionName %>
		  			</span>
		  			截止（
		  			<span id="inUseEndTime">
		  				
		  			</span>
		  			），
		  			在<span id="totalDay1"></span>天内在用CNG车辆
		  			<span id="inUseCngCar">
		  				6
		  			</span>
		  			台,CNG气瓶
		  			<span id="inUseCngCylinder">
		  				5
		  			</span>
		  			支;
		  			
		  			在用LNG车辆
		  			<span id="inUseLngCar">
		  				8
		  			</span>
		  			台,LNG气瓶
		  			<span id="inUseLngCylinder">
		  				7
		  			</span>
		  			支.
	  			</td>
	  		</tr>
	  		<tr>
	  			<td>
	  				<table id="inUseTable" width="100%" border="1" cellpadding="20" cellspacing="0">
	  					<tr>
	  						<td colspan="5">
	  							<%=authRegionName %>(<span id="inUseEndTime1"></span>)
	  						</td>
	  					</tr>
	  					<tr>
	  						<td colspan="2">
	  							CNG
	  						</td>
	  						<td colspan="1">
	  							&nbsp;
	  						</td>
	  						<td colspan="2">
	  							LNG
	  						</td>
	  					</tr>
	  					<tr>
	  						<td colspan="1">
	  							车辆（台）
	  						</td>
	  						<td colspan="1">
	  							气瓶（支）
	  						</td>
	  						<td colspan="1">
	  							&nbsp;
	  						</td>
	  						<td colspan="1">
	  							车辆（台）
	  						</td>
	  						<td colspan="1">
	  							气瓶（支）
	  						</td>
	  					</tr>
	  					<tr>
	  						<td colspan="1">
	  							<span id="inUseCngCar1"></span>
	  						</td>
	  						<td colspan="1">
	  							<span id="inUseCngCylinder1"></span>
	  						</td>
	  						<td colspan="1">
	  							&nbsp;
	  						</td>
	  						<td colspan="1">
	  							<span id="inUseLngCar1"></span>
	  						</td>
	  						<td colspan="1">
	  							<span id="inUseLngCylinder1"></span>
	  						</td>
	  					</tr>
	  					
	  				</table>
	  			</td>
	  		</tr>
	  		<!-- 系统使用情况 -->
	  		<tr class="levelTr">
	  			<td class="title_1">
	  			3、系统使用情况：
	  			</td>
	  		</tr>
	  		<tr>
	  			<td>改装厂：系统注册<span id="registerRefitPlant">100</span>家。</td>
	  		</tr>
	  		<tr>
	  			<td>检验站：系统注册<span id="registerInspectionStation">101</span>家。</td>
	  		</tr>
	  		<tr>
	  			<td>充装站：系统注册<span id="registerGasStation">102</span>家.<!-- ，<span id="inUseStartTime"></span>到<span id="inUseEndTime2"></span>（共<span id="totalDay"></span>天）各站连接情况表。 --></td>
	  		</tr>
	  		<!-- <tr>
	  			<td id="gasStationNetwork">
	  				
	  			</td>
	  		</tr> -->
	  		<!-- 辖区内车用气瓶使用情况评估： -->
	  		<tr class="levelTr">
	  			<td class="title_1">
	  				4、辖区内车用气瓶使用情况评估：
	  			</td>
	  		</tr>
	  		<tr class="levelTr_1">
	  			<td class="title_2">
	  				（1）、CNG/LNG注册趋势图
	  				
	  			</td>
	  		</tr>
	  		<tr>
	  			<td>
	  				<div id="container1" style="width: 100%; height: auto"></div>
	  			</td>
	  		<tr>
	  		<!-- <tr class="levelTr_1">
	  			<td class="title_2">
	  				（2）、在用趋势图
	  			</td>
	  		</tr>
	  		<tr>
	  			<td>
	  				<div id="container2" style="width: 100%; height: auto"></div>
	  			</td>
	  		<tr> -->
	  		<tr class="levelTr_1">
	  			<td class="title_2">
	  				（2）、检验情况：注册cng/lng瓶子  <span id="checkedCylinderPercent" style="font-size: 18px;font-weight: bold;"></span> 完成定期检验
	  			</td>
	  		</tr>
	  		<tr>
	  			<td class="title_2">
	  				<span style="visibility: hidden;">（3）、检验情况：</span>在用（<span id="totalDay2"></span>天）cng/lng瓶子  <span id="inUseCylinderPercent" style="font-size: 18px;font-weight: bold;"></span> 完成定期检验
	  			</td>
	  		</tr>
  		</table>
  	</center>
  	<div id="timeDiv" class="easyui-dialog"
			style="width: 400px; height: 205px; padding: 10px 20px;"
			shadow="false" closed="true" modal="true" closable="false" buttons="#timeDiv_buttons">
			<form id="timeselectform" method="post">
			<div class="fitem">
				<label>开始时间:</label>
				<input name="timestart" id="timestart" class="easyui-datebox" style="width:200px;height:34px;padding:10px;" data-options="required:true,editable:false"/>
			</div>
			<div class="fitem">
				<label>截至时间:</label>
				<input name="timeend" id="timeend" class="easyui-datebox" style="width:200px;height:34px;padding:10px;" data-options="required:true,editable:false"/>
			</div>
			</form>
			<div id="timeDiv_buttons">
		        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="timeSelect();" iconcls="icon-save">确认</a>
    		</div>
	</div>
  </body>
</html>