wuhb
/
oa


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
							<%@ page language="java" contentType="text/html;charset=GBK" pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=GBK">
<title>部门档案报表</title>
<link href="/shares/js/yw/master1/liger/skins/ynet/css/ligerui-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/shares/js/common.js"></script> 
<script type="text/javascript" src="/shares/js/constant.js"></script>
<link href="/shares/css/yw/master1/reset.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="/shares/datePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/shares/js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="/shares/highcharts/js/highcharts.js"></script>
<script type="text/javascript" src="/shares/highcharts/js/modules/exporting.js"></script>
<script type="text/javascript" src="/shares/highcharts/js/modules/data.js"></script>

<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> -->
<!-- <script src="http://code.highcharts.com/highcharts.js"></script> -->


<link href="/shares/css/yw/master1/reset.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
	overflow: hidden;
	background: #fff;
}
.default_search li{height:25px}
.default_search ul{display:inline;width:250px;float:left;}
.default_search li.text{float:left;width:151px;padding-top:5px;}
.default_search li.title{float:left;width:90px;padding-top:9px;text-align: right;padding-left: 5px; font-size: 13px;font-weight: normal;}
.search-button {padding-top:5px;float:left;}
.default_search li input[type='text']{width:100px;background:#fff; height:18px;border-style: inherit; line-height: 18px}
.default_search li select{height:20px;border-style: inherit; line-height: 21px; }
</style>
<script type="text/javascript">
	$(function ()
        {
        	loadTypeTree("selectbutton",{type:"dept",tab:"1,2",backId:"dept_name_id",backName:"dept_name"});
        	createQuarterChartForDept();
        }); 

	function createQuarterChartForDept() {
		var dept_name_id = $("#dept_name_id").val();
		var group_name = [];
		var ams_count = [];
		$.ajax({
			type : "POST",
			url : "amsStatistical.do?method=getChartDataForDept&dept_name_id="+dept_name_id,
			dataType : 'json',
			async : false,
			success : function(data) {
				if (data != null && data.length != 0) {
					for (var i = 0; i < data.length; i++) {
						group_name[i] = data[i].GROUPNAME;
						ams_count[i] = data[i].ams_count;
					}
				}
			}
		});
		
		$('#container').highcharts({
	        chart: {
	            type: 'column'
	        },
	        lang : {
				printChart : '打印图表',
				downloadJPEG : '下载JPEG图片',
				downloadPDF : '下载PDF文件',
				downloadPNG : '下载PNG图片',
				downloadSVG : '下载SVG矢量图'
			},
			credits : {
				enabled : false
			},
	        title: {
	            text: '部门档案报表',
	            style: {
					 fontSize: "28px"
		            }
	        },
	        xAxis: {
	            categories: group_name
	        },
	        yAxis: {
	            min: 0,
	            title: {
	                text: '数值'
	            }
	        },
	        tooltip: {
	            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
	            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
	                '<td style="padding:0"><b>{point.y:.0f}</b></td></tr>',
	            footerFormat: '</table>',
	            shared: true,
	            useHTML: true
	        },
	        plotOptions: {
	            column: {
	                pointPadding: 0.2,
	                borderWidth: 0
	            }
	        },
	        series: [{
	            name: '数量',
	            data: ams_count

	        }]
	    });
	}
</script>
</head>
<body>
	<div class="s_title b10 f6">
		<img src="/shares/images/master1/fqlc.png" width="27" height="26" /> 报表分析
	</div>
	<div class="container-layout" style="margin-top: 50px;">
		<div class="lc_b_div">
			<div class="lc_btn">
				<a href="#" class="f8"  title="部门档案报表"> 
				<img src="/shares/images/master1/lc_ico.png" width="19" height="21" />部门档案报表
				</a>
			</div>
		</div>
		<div id="quarterChartForDept" class="default_search" style="margin: 0;">
			<ul class="list_search"style="width: 470px;">
				<li class="title" style="width: 100px;font-family:'新宋体';font-size:9pt;">部门：</li>
				<li class="text" style="width: 365px;padding-top: 0px;">
					<input type="text" name="dept_name" id="dept_name" value="" readonly="readonly" />
					<input type="button" class="l-button"  id="selectbutton" value="选择部门" style="width: 80px;" />
					<input type="hidden" name="dept_name_id" id="dept_name_id"/>
					<input type="button" class="l-button" value="生成报表" onclick="createQuarterChartForDept()" style="width: 80px;margin-left: 50px;" />
				</li>
			</ul>
			
		</div>
		<div id="container" style="min-width: 700px; height: 400px"></div>
	</div>
</body>
</html>