wenhongquan
/
GSYH


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
							<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>">
<!-- 下拉框 -->
<link rel="stylesheet" href="static/ace/css/chosen.css" />
<!-- jsp文件头和头部 -->
<%@ include file="../../system/index/top.jsp"%>
<!-- 日期框 -->
<link rel="stylesheet" href="static/ace/css/datepicker.css" />
<script type="text/javascript" src="static/js/common/echarts.min.js"></script>
</head>
<body class="no-skin">

	<!-- /section:basics/navbar.layout -->
	<div class="main-container" id="main-container">
		<div class="main-content">
			<div class="main-content-inner">
				<div class="page-content">
					<div class="row">
						<div class="col-xs-12">
							<!-- 检索  -->
							<div id="companyName" style='display:none;'>${companyName}</div>
							<table style="margin-top: 5px;">
	                        	<tr>
	                        		<td style="padding-right: 8px;">年份</td>
	                         		<td style="padding-right: 8px;">
	                        			<input style="width:120px;" class="span12 date-picker"
	                        				id="YEAR" value='${YEAR}' readonly='readonly'/>
	                                </td>
	                                <td style="vertical-align: top; padding-left: 5px">
	                                	<a class="btn btn-light btn-xs" onclick="tosearch();" title="检索">
	                                		<i id="nav-search-icon" class="ace-icon fa fa-search bigger-110 nav-search-icon blue"></i>
	                               		</a>
	                             	</td>
								</tr>
	                        </table>
							<div class="page-header position-relative" style="width:1000px;height:600px;">
								<div class="planInput" style="width:100%;height:100%;" id="planInput">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 返回顶部 -->
		<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
			<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
		</a>

	</div>
	<!-- /.main-container -->

	<!-- basic scripts -->
	<!-- 页面底部js¨ -->
	<%@ include file="../../system/index/foot.jsp"%>
	<!-- 删除时确认窗口 -->
	<script src="static/ace/js/bootbox.js"></script>
	<!-- ace scripts -->
	<script src="static/ace/js/ace/ace.js"></script>
	<!-- 下拉框 -->
	<script src="static/ace/js/chosen.jquery.js"></script>
	<!-- 日期框 -->
	<script src="static/ace/js/date-time/bootstrap-datepicker.js"></script>
	<!--提示框-->
<!-- 	<script type="text/javascript" src="static/js/jquery.tips.js"></script> -->
	<script type="text/javascript" src="static/js/myjs/actualInput.js"></script>
	<script type="text/javascript">
		var myChart = echarts.init(document.getElementById('planInput'));
		var companyName = document.getElementById("companyName").innerHTML;
		//检索
		function tosearch(){
			$.ajax({
				type : "get",
				url : '<%=basePath%>'+'projectInputRatio/chartData.do?YEAR='+$('#YEAR').val() + '&companyName=' + companyName,
				dataType : 'json',
				success : function(data){
					var xdata = [];
					var ydata = [];
					if(data.chartData){
						for(var i=0;i<data.chartData.length;i++){
							xdata.push(data.chartData[i].CATEGORY);
							ydata.push(data.chartData[i].ACTUAL_COST?data.chartData[i].ACTUAL_COST:0);
						}
					}
					option.xAxis.data = xdata;
					option.series[0].data = ydata;
					myChart.setOption(option);
				}
			});
		}
		$(function() {
			$(getTop(globalThis).hangge());
			$('.date-picker').datepicker({
		        autoclose: true,
		        format: 'yyyy',
		        startView: 'years',
	            maxViewMode:'years',
	            minViewMode:'years'
		    });
			tosearch();
		})
	</script>
</body>
</html>