<%@page import="com.jsh.util.Tools"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	String clientIp = Tools.getLocalIp(request);
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  	<head>
    	<title>资产管理</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!-- 指定以IE8的方式来渲染 -->
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
    	<link rel="shortcut icon" href="<%=path%>/images/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="<%=path %>/js/easyui-1.3.5/themes/default/easyui.css"/>
		<link rel="stylesheet" type="text/css" href="<%=path %>/js/easyui-1.3.5/themes/icon.css"/>
		<script type="text/javascript" src="<%=path %>/js/jquery-1.8.0.min.js"></script>
		<script type="text/javascript" src="<%=path %>/js/easyui-1.3.5/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="<%=path %>/js/easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>
		<script type="text/javascript" src="<%=path%>/js/highcharts/highcharts.js"></script>
		<script type="text/javascript" src="<%=path%>/js/highcharts/exporting.js"></script>
		<script type="text/javascript" src="<%=path%>/js/StringBuffer.js"></script>
		<script type="text/javascript" src="<%=path %>/js/common/common.js"></script>
	  	<style>
			body{ margin:0; height:100%}
			html{ height:100%} /*兼容firefox的div高度100%*/
			#left{ width:150px; height:100%; float:left; _margin-right:-3px;}
			#right{ height:100%;}
			<!--页面展示特殊要求-->
			.datagrid-body,.datagrid-footer,.datagrid-pager ,.datagrid-view
			{
				background-color:#EAF2FD;
			}
		</style>
  	</head>
  	<body>
  		<div id="position" class="easyui-panel" title="当前位置：资产管理 &gt; 资产报表" collapsible="false" closable="false"/>
		<!-- 查询 -->
		<div id = "searchPanel"	class="easyui-panel" style="padding:10px;" title="查询窗口" iconCls="icon-search" collapsible="true" closable="false">
			<table id="searchTable">
				<tr>
					<td>资产名称：</td>
					<td>
						<select name="searchAssetNameID" id="searchAssetNameID"  style="width:200px;"></select>
					</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>资产类型：</td>
					<td>
						<select name="searchCategoryID" id="searchCategoryID"  style="width:200px;"></select>
					</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>用户姓名：</td>
					<td>
						<select name="searchUsernameID" id="searchUsernameID"  style="width:200px;"></select>
					</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td id="searchStatusLabel">状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态：</td>
					<td>
						<select name="searchStatus" id="searchStatus"  style="width:200px;">
							<option value="">请选择</option>
							<option value="0">在库</option>	
							<option value="1">在用</option>	
							<option value="2">消费</option>	
						</select>
					</td>
				</tr>
				<tr>
					<td id="searchSupplierIDLabel">供&nbsp;&nbsp;&nbsp;&nbsp;应&nbsp;&nbsp;&nbsp;&nbsp;商：</td>
					<td>
						<select name="searchSupplierID" id="searchSupplierID"  style="width:200px;"></select>
					</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>统计类型：</td>
					<td>
						<select name="searchReportType" id="searchReportType"  style="width:200px;">
							<option value="0">资产状态</option>	
							<option value="1">资产类型</option>	
							<option value="2">供应商</option>	
							<option value="3">资产名称</option>	
							<option value="4">所属用户</option>	
						</select>
					</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>是否前十：</td>
					<td>
						<select name="searchTopten" id="searchTopten"  style="width:200px;">
							<option value="0">是</option>	
							<option value="1">否</option>	
						</select>
					</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>
						<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search" id="searchBtn">查询</a>&nbsp;&nbsp;
						<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-redo" id="searchResetBtn">重置</a>
					</td>
				</tr>
			</table>
		</div>
		
		<!-- 数据显示table -->
<%--		<div id = "tablePanel"	class="easyui-panel" style="padding:1px;top:300px;" title="资产列表" iconCls="icon-chart-column" collapsible="true" closable="false">--%>
<%--			<table id="tableData" style="height:360px;top:300px;border-bottom-color:#FFFFFF"></table>--%>
<%--		</div>--%>

		<div id = "tablePanel"	class="easyui-panel" style="padding:1px;top:300px;" title="资产报表" iconCls="icon-chart-column" collapsible="true" maximizable="false" closable="false">
			<div id="left" class="easyui-tabs" style="padding:1px;">
				<div title="综合图" style="padding:10px;background-color: #EAF2FD;height:340px;top:300px;" data-options="iconCls:'icon-chart-zonghe'">
		            <div id="zongheContainer">综合图</div>
		        </div>
		        <div title="柱状图" style="padding:10px;background-color: #EAF2FD;height:340px;top:300px;" data-options="iconCls:'icon-chart-statistics'">
		        	<div id="culumnContainer" >柱状图</div>
		        </div>
		        <div title="饼状图" data-options="iconCls:'icon-chart-pie'" style="padding:10px;background-color: #EAF2FD;height:340px;top:300px;">
		            <div id="pieContainer">饼状图</div>
		        </div>
		        <div title="折线图" data-options="iconCls:'icon-chart-polygram'" style="padding:10px;background-color: #EAF2FD;height:340px;top:300px;">
		            <div id="zxianContainer">折现图</div>
		        </div>
			</div>
			<div id="right" class="easyui-tabs" style="padding:1px;">
				<div title="表格" data-options="iconCls:'icon-list'" style="padding:10px;background-color: #EAF2FD;top:300px;">
		            <table id="tableData" style="top:300px;border-bottom-color:#FFFFFF;background-color: #EAF2FD;"></table>
		        </div>	
			</div>
		</div>
	    
		<script type="text/javascript">
			
			var userList = null;
			var categoryList = null;
			var supplierList = null;
			var nameList = null;
			//界面selet选显卡有问题解决方案
			var nameID = null;
			var userID = null;
			var categoryID = null;
			var supplierID = null;
			
			//报表数据
			var pageData = null;
			
			//报表显示个数
			var showNum = 10;
			//初始化界面
			$(function()
			{
				//progress();
				//页面自定义高度
			    heightInfo = heightInfo - 50;
				//是否限制条件	默认限制
			    initShowDataNum();
				//initTableData();
				//ininPager();
				//初始化系统基础信息
				initSystemData();
				//初始化页面系统基础信息选项卡
				initSelectInfo();
				//获取报表数据			    
			    getDataInfo();
			    //初始化报表高度
			    initChartsHight();
			    //初始化表格数据
			    initTableData();	
			    //综合图
			    showComboChart();
			    //饼状图
			    showPieChart();
			    //折线图
			    showSpline();
			    //显示柱状图
			    showHistogram();
			    browserFit();	
			});	
			
			//浏览器适配
			function browserFit()
			{
				if(getOs()=='MSIE')
				{
					$("#searchStatusLabel").empty().append("状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态：");
					$("#searchSupplierIDLabel").empty().append("供&nbsp;&nbsp;&nbsp;&nbsp;应&nbsp;&nbsp;&nbsp;&nbsp;商：");
				}
				else
				{
					$("#searchStatusLabel").empty().append("状&nbsp;&nbsp;&nbsp;&nbsp;态：");
					$("#searchSupplierIDLabel").empty().append("供&nbsp;&nbsp;应&nbsp;&nbsp;商：");
				}
			}
			
			$("#left").tabs({width:630});
			
			var chartHight;
			function initChartsHight()
			{
				
				$("#zxianContainer").add("#pieContainer").add("#culumnContainer")
				.add("#zongheContainer").css({height: heightInfo});
				
				chartHight = $("#zxianContainer").outerHeight();
			}
			
			//是否限制条件	
			function initShowDataNum()
			{
				var type = $("#searchTopten").val();
				if(0 == type)
					showNum = 10;
				else
					//表示不限制
					showNum = 10000000000;
			}
			
			//加载进度条
			function progress()
			{
	            $.messager.progress({
	                title:'请稍候',
	                msg:'数据加载ing...'
	            });
	            setTimeout(function(){
	                $.messager.progress('close');
	            },3300)
	        }
			//获取查询数据
			function getDataInfo()
			{
				$.ajax({
						type:"post",
						url: "<%=path%>/report/find.action",
						dataType: "json",
						//取消异步机制，保证页面数据返回再进行处理
						async: false,
						data: ({
							assetNameID:$.trim($("#searchAssetNameID").val()),
							assetCategoryID:$.trim($("#searchCategoryID").val()),
							usernameID:$.trim($("#searchUsernameID").val()),
							status:$.trim($("#searchStatus").val()),
							supplierID:$.trim($("#searchSupplierID").val()),
							reportType : $.trim($("#searchReportType").val()),
						}),
						success: function (reportInfo)
						{
							pageData = reportInfo.showModel.reportData;
							var msgTip = reportInfo.showModel.msgTip;
							if(msgTip == "get report data exception")
							{
								alert("查找报表信息异常,请与管理员联系！");
								return;
							}	
						}
				});
			}
			
			//初始化表格数据
			function initTableData()
			{
				$('#tableData').datagrid({
					//title:'资产列表',
					//iconCls:'icon-save',
					//width:700,
					height : chartHight,
					nowrap: false,
					rownumbers: false,
					//动画效果
					animate:false,
					//选中单行
					singleSelect : true,
					collapsible:false,
					selectOnCheck:false,
					//列宽自适应
					//fitColumns:true,
					//单击行是否选中
					checkOnSelect : false,
					url: null,
					//pagination: true,
					//loadFilter: pagerFilter,
					//交替出现背景
					striped : true,
					//pageSize: 10,
					//pageList: [10,20,30,50],
					rowStyler:function(index,row){    
				      	return 'background-color:#EAF2FD;';    
				    }, 
				    showFooter: true,
					columns:[[
			          { title: getReportType() + '类型',id:"dataTypeColumn",width:300,field: 'name',align:"center"},
			          { title: '总数',field: 'sum',width:130,align:"center"}
					]],
					onLoadError:function()
					{
						$.messager.alert('页面加载提示','页面加载异常，请稍后再试！','error');
						return;
					}    
				});
				$('#tableData').datagrid('loadData',initTableDetails());
			}
			
			//初始化键盘enter事件
			$(document).keydown(function(event)
			{  
			   	//兼容 IE和firefox 事件 
			    var e = window.event || event;  
			    var k = e.keyCode||e.which||e.charCode;  
			    //兼容 IE,firefox 兼容  
			    var obj = e.srcElement ? e.srcElement : e.target;  
			    
			    //搜索按钮添加快捷键
			    if(k == "13"&&(obj.id=="searchSupplier" || obj.id=="searchCategoryID"|| obj.id=="searchUsernameID" 
			    	|| obj.id=="searchStatus" || obj.id=="searchSupplierID" ))
			    {  
			        $("#searchBtn").click();
			    }  
			}); 
			
			
			//初始化系统基础信息
			function initSystemData()
			{
				$.ajax({
					type:"post",
					url: "<%=path%>/asset/getBasicData.action",
					//设置为同步
					async:false,
					dataType: "json",
					success: function (systemInfo)
					{
						userList = systemInfo.showModel.map.userList;
						categoryList = systemInfo.showModel.map.categoryList;
						supplierList = systemInfo.showModel.map.supplierList;
						nameList = systemInfo.showModel.map.assetnameList;
						var msgTip = systemInfo.showModel.msgTip;
						if(msgTip == "exceptoin")
						{
							$.messager.alert('提示','查找系统基础信息异常,请与管理员联系！','error');
							return;
						}	
					}
				});				
			}
			
			//初始化页面选项卡
			function initSelectInfo()
			{
				var options = "";
				if(nameList !=null)
				{
					for(var i = 0 ;i < nameList.length;i ++)
					{
						var nameInfo = nameList[i];
						if(0== i)
						{
							nameID = nameInfo.id;
						}
						options += '<option value="' + nameInfo.id + '">' + nameInfo.assetname + '</option>';
					}	
					$("#searchAssetNameID").empty().append('<option value="">请选择</option>').append(options);
				}	
				
				if(userList !=null)
				{
					options = "";
					for(var i = 0 ;i < userList.length;i ++)
					{
						var user = userList[i];
						if(0 == i)
						{
							userID = user.id
						}
						options += '<option value="' + user.id + '">' + user.username + '</option>';
					}	
					$("#searchUsernameID").empty().append('<option value="">请选择</option>').append(options);
					
				}
				
				if(categoryList !=null)
				{
					options = "";
					for(var i = 0 ;i < categoryList.length;i ++)
					{
						var category = categoryList[i];
						if(0 == i)
						{
							categoryID = category.id;
						}
						options += '<option value="' + category.id + '">' + category.assetname + '</option>';
					}	
					$("#searchCategoryID").empty().append('<option value="">请选择</option>').append(options);
				}
				
				if(supplierList !=null)
				{
					options = "";
					for(var i = 0 ;i < supplierList.length;i ++)
					{
						var supplier = supplierList[i];
						if(0 == i)
						{
							supplierID = supplier.id;
						}
						options += '<option value="' + supplier.id + '">' + supplier.supplier + '</option>';
					}	
					$("#searchSupplierID").empty().append('<option value="">请选择</option>').append(options);
				}
			}
			
			
			//搜索处理
			$("#searchBtn").unbind().bind({
				click:function()
				{
					//是否限制条件	默认限制
				    initShowDataNum();
					//系统基础数据
					getDataInfo();
					//综合图
				    showComboChart();
				    //饼状图
				    showPieChart();
				    //折线图
				    showSpline();
				    //显示柱状图
				    showHistogram();
				    //表格数据
				    initTableData();
				}
			});
			
			
			//重置按钮
			$("#searchResetBtn").unbind().bind({
				click:function(){
					$("#searchAssetNameID").val("");
					$("#searchCategoryID").val("");
					$("#searchUsernameID").val("");
					$("#searchStatus").val("");
					$("#searchSupplierID").val("");
					
					//加载完以后重新初始化
					$("#searchBtn").click();
			    }	
			});
			
			//设置饼状图为渐变色
			Highcharts.getOptions().colors = $.map(Highcharts.getOptions().colors, function(color) {
				   return {
				        radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 },
				        stops: [
				            [0, color],
				            [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken
				       ]
				   };
			});
			
			
			//饼状图
			function showPieChart()
			{
				//解决初始化范围变小问题
				$("#pieContainer").empty();	
				var getReportTypeInfo = getReportType();
				var reportType = $("#searchReportType").val();
				//封装数据到数组中
				var allDataInfo = new Array();
				
				var showNumInfo = 0;
				if(pageData.length >= showNum)
					showNumInfo = 10;
				else
					showNumInfo = pageData.length;
				for(var i = 0;i < showNumInfo; i++)
				{
					var dataInfo = new Array();
					var totalInfo = pageData[i]
					
					if(reportType == 0)
					{
						if(0 == totalInfo[1])
							dataInfo.push("在库");
						else if(1 == totalInfo[1])
							dataInfo.push("在用");
						else if(2 == totalInfo[1])
							dataInfo.push("消费");
					}
					else
						dataInfo.push(totalInfo[1]);
						
					dataInfo.push(totalInfo[0]);
					allDataInfo.push(dataInfo); 	
				}
								
				new Highcharts.Chart({
					chart: {
				    	renderTo: 'pieContainer',
				        plotBackgroundColor: null,
				        plotBorderWidth: null,
				        backgroundColor:'#EAF2FD',
				        plotShadow: false
					},
				    title: {
				    	text: getReportTypeInfo + "饼状图"
				    },
					tooltip: {
						formatter: function() {
							return this.point.name +':'+ this.y + "个";
						}
					},
					plotOptions: {
						pie: {
							allowPointSelect: true,
							cursor: 'pointer',
							dataLabels: {
								enabled: true,
								color: '#000000',
								connectorColor: '#000000',
								formatter: function() {
									if(this.point.name.length >10)
				        				return '<b>' + this.point.name.substr(0,10) + "</b>...:"+ this.y + "个";
									return '<b>' + this.point.name +'</b>:'+ this.y + "个";
								}
							}
						}
					},
				    series: [{
				    	type: 'pie',
				        name: '',
				        data: allDataInfo
					}]
				});
			}
			    
			//综合图
			function showComboChart()
			{
				//解决初始化范围变小问题
				$("#zongheContainer").empty();	
				var getReportTypeInfo = getReportType();
				var reportType = $("#searchReportType").val();
				//按照统计数据封装显示数据
				var xName = new Array();
				var columnData = new Array();
				var columnDataForm = null;
				var averageDataForm = null;
				var allDataSum = 0;
				
				var showNumInfo = 0;
				if(pageData.length >= showNum)
					showNumInfo = 10;
				else
					showNumInfo = pageData.length;	
				for(var i = 0 ;i < showNumInfo;i ++)
				{
					var eachData = pageData[i];
					var sum = eachData[0];
					var totalInfo = eachData[1];
					if(reportType == 0)
					{
						if(0 == totalInfo)
							xName.push("在库");
						else if(1 == totalInfo)
							xName.push("在用");
						else if(2 == totalInfo)
							xName.push("消费");
					}
					else
						xName.push(totalInfo);
					columnData.push(sum);
					allDataSum += sum;
				}	
				columnDataForm = 
					{
						type: 'column',
				        name: "资产总数",
				        data: columnData
					};	
					
				averageDataForm = {
			               type: 'spline',
			               name: getReportTypeInfo + '资产概况曲线',
			               data: columnData,
			               marker: {
			                	lineWidth: 2,
			                	lineColor: Highcharts.getOptions().colors[3],
			                	fillColor: 'white'
			               }
			           };
				sumDataForm =
				{
		              type: 'pie',
		              name: '总数',
		              data: [{
		                    name: '资产总数',
		                    y: allDataSum
		               }],
		               center: [450, 1],
		               size: 80,
		               showInLegend: false,
		               dataLabels: {
		                   enabled: true,
		                   align:'center'
		               }
		         }
				new Highcharts.Chart({
					chart: {
				    	renderTo: 'zongheContainer',
				    	backgroundColor:'#EAF2FD'
				  	},
				    title: {
				    	text: getReportTypeInfo + "综合图"
				    },
				    xAxis: {
				    	categories: xName,
				    	labels: { 
		                    rotation: -45,  //逆时针旋转45°，标签名称太长。 
		                    align: 'right',  //设置右对齐 
	                    	formatter: function() {
			        			if(this.value.length >10)
			        				return this.value.substr(0,10) + "...";
			            		return this.value ;
			            	}
		                }
				   	},
				   	yAxis: {
			        	title: {
			        		text: ''
			      		},
			        	labels: {
			        		formatter: function() {
			            		return this.value;
			            	}
			        	}
			        },
			        plotOptions: {
		                column: {
		                    cursor: 'pointer',
		                    dataLabels: {
		                        enabled: true,
		                        style: {
		                            fontWeight: 'bold'
		                        },
		                        formatter: function() {
		                            return this.y;
		                        }
		                    },
		                    //设置是否显示最下面选项
		                    showInLegend: false
		                },
				    	spline: {
							marker: {
								radius: 4,
								lineColor: '#666666',
								lineWidth: 1
							},
							showInLegend: false
						},
						line: {
                    		dataLabels: {
                        		enabled: false
                    		},
                   	 		enableMouseTracking: true,
                			showInLegend: false
                		},
		                pie: {
							allowPointSelect: true,
							cursor: 'pointer',
							dataLabels: {
								color: '#000000',
								connectorColor: '#000000',
								formatter: function() {
									return '资产总数: '+ this.y;
								}
							},
							showInLegend: false
						}
            		},
				    tooltip: {
				    	formatter: function() {
				    		var s;
			            	if(this.x == 0)
			            		s =   '在库:'+ this.y +' 个';
			            	else if(this.x ==1)
			            		s =   '在用:'+ this.y +' 个';
			            	else if(this.x ==2)
			            		s =   '消费:'+ this.y +' 个';
			            	else
			            		s = this.x  +':'+ this.y +' 个';
				            return s;
				     	}
				 	},
				    labels: {
		                items: [{
		                    html: '',
		                    style: {
		                        left: '40px',
		                        top: '8px',
		                        color: 'black'
		                    }
		                }]
		            },
				    series: [columnDataForm,averageDataForm,sumDataForm]
				});
			}         
			
			//折线图
			function showSpline()
			{
				//解决初始化范围变小问题
				$("#zxianContainer").empty();	
				var getReportTypeInfo = getReportType();
				var reportType = $("#searchReportType").val();
				var dataInfo = new Array();
				var nameData = new Array();
				var consumeSumInfo= null;
				
				var showNumInfo = 0;
				if(pageData.length >= showNum)
					showNumInfo = 10;
				else
					showNumInfo = pageData.length;
				for(var i = 0 ;i < showNumInfo;i ++)
				{
					var totalInfo = pageData[i]
					dataInfo.push(totalInfo[0]);
					if(reportType == 0)
					{
						if(0 == totalInfo[1])
							nameData.push("在库");
						else if(1 == totalInfo[1])
							nameData.push("在用");
						else if(2 == totalInfo[1])
							nameData.push("消费");
					}
					else
						nameData.push(totalInfo[1]);
				}
				consumeSumInfo= {
						name: getReportTypeInfo + '总额',
						marker: {
							symbol: 'square',
							labels: {
								formatter: function()
								{
									return this.value +'个';
								}
							}
						},
						data: dataInfo
				};
				
				new Highcharts.Chart({
					chart: {
			        	renderTo: 'zxianContainer',
			            type: 'line',
			            backgroundColor:'#EAF2FD'
			        },
			        title: {
			        	text: getReportTypeInfo + "曲线图"
			        },
			        subtitle: {
			        	text: ''
			       	},
			        xAxis: {
			        	categories: nameData,
			        	allowDecimals:false,
			        	labels: { 
		                    rotation: -45,  //逆时针旋转45°，标签名称太长。 
		                    align: 'right',  //设置右对齐 
		                    formatter: function() {
			        			if(this.value.length >10)
			        				return this.value.substr(0,10) + "...";
			            		return this.value ;
			            	}
		                }
			       	},
			        yAxis: {
			        	title: {
			        		text: ''
			      		},
			        	labels: {
			        		formatter: function() {
			            		return this.value;
			            	}
			        	}
			        },
			       	tooltip: {
			        	crosshairs: false,
			            shared: true,
			            formatter: function() {  //格式化提示框的内容样式
			                return this.x +': '+ this.y +'个';
		                }
			      	},
			       	plotOptions: {
			        	spline: {
							marker: {
								radius: 4,
								lineColor: '#666666',
								lineWidth: 1
							},
							showInLegend: false
						},
						line: {
                    		dataLabels: {
                        		enabled: true
                    		},
                   	 		enableMouseTracking: true,
                   	 		showInLegend: false
                		}
			      	},
			        series: [consumeSumInfo]
				});
			}
			
			//柱状图
			function showHistogram()
			{	
				//解决初始化范围变小问题
				$("#culumnContainer").empty();
				var getReportTypeInfo = getReportType();
				var reportType = $("#searchReportType").val();				
				var dataInfo = new Array();
				var nameData = new Array();
				var consumeSumInfo= null;
				
				var showNumInfo = 0;
				if(pageData.length >= showNum)
					showNumInfo = 10;
				else
					showNumInfo = pageData.length;
				for(var i = 0 ;i < showNumInfo;i ++)
				{
					var totalInfo = pageData[i]
					dataInfo.push(totalInfo[0]);
					if(reportType == 0)
					{
						if(0 == totalInfo[1])
							nameData.push("在库");
						else if(1 == totalInfo[1])
							nameData.push("在用");
						else if(2 == totalInfo[1])
							nameData.push("消费");
					}
					else
						nameData.push(totalInfo[1]);
						
				}
				consumeSumInfo= {
		        	name: getReportTypeInfo + "柱状图",
		           	data: dataInfo
		        }
				
        		new Highcharts.Chart({
		            chart: {
		                renderTo: 'culumnContainer',
		                type: 'column',
		                backgroundColor:'#EAF2FD'
		            },
		            title: {
		                text: getReportTypeInfo + "柱状图"
		            },
		            xAxis: {
		                categories: nameData,
		                labels: { 
		                    rotation: -45,  //逆时针旋转45°，标签名称太长。 
		                    align: 'right',  //设置右对齐 
		                    formatter: function() {
			        			if(this.value.length >10)
			        				return this.value.substr(0,10) + "...";
			            		return this.value ;
			            	}
		                }
		            },
		            yAxis: {
			        	title: {
			        		text: ''
			      		},
			        	labels: {
			        		formatter: function() {
			            		return this.value;
			            	}
			        	}
			        },
		            plotOptions: {
		                column: {
		                    cursor: 'pointer',
		                    dataLabels: {
		                        enabled: true,
		                        style: {
		                            fontWeight: 'bold'
		                        },
		                        formatter: function() {
		                            return this.y;
		                        }
		                    },
		                    showInLegend: false
		                }
            		},
		            tooltip: {
		                formatter: function() {
		                    return this.x +':'+ this.y +'个';
		                }
		            },
		            credits: {
		                enabled: false
		            },
		            series: [consumeSumInfo]
		        });
			}
			
			//填充表格数据	
			function initTableDetails()
			{
				var reportType = $("#searchReportType").val();
				var dataJson = {};
				dataJson.total = pageData.length;
				var dataArray = [];
				var totalSum = 0;
				var typeSum = 0;
				var footerArray = [];
				
				var showNumInfo = 0;
				if(pageData.length >= showNum)
					showNumInfo = 10;
				else
					showNumInfo = pageData.length;
				for(var i = 0 ;i < showNumInfo;i ++)
				{
					var totalInfo = pageData[i];
					var name = "";
					if(reportType == 0)
					{
						if(0 == totalInfo[1])
							name = "在库";
						else if(1 == totalInfo[1])
							name = "在用";
						else if(2 == totalInfo[1])
							name = "消费";
					}
					else
						name = totalInfo[1];
					var dataInfo = {};
					dataInfo.name = name;
					dataInfo.sum = totalInfo[0];
					totalSum += totalInfo[0];
					dataArray.push(dataInfo);
					typeSum ++;
				}
				
				var footerInfo = {
						sum : totalSum,
						name:getReportType()+ ' ' + typeSum + ' 种类型总数'
				};
				footerArray.push(footerInfo);
				dataJson.rows = dataArray;
				dataJson.footer = footerArray;
				return dataJson;
			}
			//返回统计类型字符串
			function getReportType()
			{
				var reportType = $("#searchReportType").val();
				if(reportType==0)
				{				    	
				  	return '按资产状态统计';
				}
				else if(reportType==1)
				{
				   	return '按资产类型统计';
				}
				else if(reportType==2)
				{
					return '按供应商统计';
				}
				else if(reportType==3)
				{
					return '按资产名称统计';
				}
				else if(reportType==4)
				{
					return '按所属用户统计';
				}				
			}
		</script>
	</body>
</html>