income.jsp 6.3 KB
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script type="text/javascript" src="<%=request.getContextPath()%>/js/admin/My97DatePicker/WdatePicker.js"></script>
		<%@ include file="/WEB-INF/views/jsp/admin/public/publicjs.jsp"%>
		<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.8.2.min.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/js/highcharts/highcharts.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/js/highcharts/modules/funnel.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/js/highcharts/highcharts-more.js"></script>
	 
	<script type="text/javascript">
	$(function () {
		
		$("#income_searchBtn").click(function() {
			query(0, '<%=request.getContextPath()%>/statistics/getIncomeTotal.html');
		});
		
	});

	function query(redios, url){
		var startTime = $("#s_startTime").val();
		var endTime = $("#s_endTime").val();
		var types = $("#types").val();
		
		if(startTime==""){
			alert("请选择起日期");
			 $("#s_startTime").focus();
			return;
		}
		if(endTime==""){
			alert("请选择止日期");
			$("#s_endTime").focus();
			return;
		}
		if(types==0 && redios>0){
			alert("请选择统计类型");
			$("#types").focus();
			return;
		}
		
		$("#dataDiv").empty();
		$("#container").empty();
		loading("dataDiv");
		$.post(url, {
				"startTime" : startTime,
				"endTime" : endTime,
				"types" : types},
				function(data) {  
				loadingEnd("dataDiv");
				if(redios==0){
					$('#container').highcharts({
				        chart: {
				            type: 'spline'
				        },
				        title: {
				            text: '平台收益'
				        },
				        subtitle: {
				        	text: '本区间收益总额:'+eval("(" + data + ")").dataCounts
				        },
				        xAxis: {
				            categories: eval("(" + eval("(" + data + ")").datax + ")")
				        },
				        yAxis: {
				            title: {
				                text: '收益'
				            },
				            labels: {
				                formatter: function () {
				                    return this.value + '';
				                }
				            }
				        },
				        tooltip: {
				            crosshairs: true,
				            shared: true
				        },
				        plotOptions: {
				            spline: {
				                marker: {
				                    radius: 4,
				                    lineColor: '#666666',
				                    lineWidth: 1
				                }
				            }
				        },
				        series: [{
				            name: '充值',
				            data: eval("(" + eval("(" + data + ")").datay + ")")
				        }, {
				            name: '提现',
				            data: eval("(" + eval("(" + data + ")").datayTo + ")")
				        }, {
				            name: '平台收益',
				            data: eval("(" + eval("(" + data + ")").datayTh + ")")
				        }]
				        
					});
				}
			
		});  
	}

	function loading(dataDiv) {
		$("#" + dataDiv)
				.append(
						"<div style='text-align:center'><span style='vertical-align:text-bottom'><img src='<%=request.getContextPath()%>/images/admin/bigloading.gif' /></span></div>");
	}
	function loadingEnd(dataDiv) {
		$("#" + dataDiv).empty();
	}
	</script>
	</head>
	<body>
	 <div id="dialog-confirm" style=" height: 150px;display: none" title="确实要删除数据吗?">
	<p style="height:35px;">若删除请点击[删除]按钮</p>
	</div>
			<div class="center-main-ss" style="margin-bottom: 5px;">
				<div class="main-title">
					<span style="float: left; display: inline;"><img
							src="<%=request.getContextPath()%>/images/admin/t_mt01.jpg"
							border="0" />
					</span><span
						style="float: left; color: #353C44; font-weight: 600; font-size: 14px;">统计条件</span><span
						style="float: right; display: inline;"><img
							src="<%=request.getContextPath()%>/images/admin/t_mt03.jpg" />
					</span>
				</div>
				<div style="padding-top: 20px;">
					<table width="80%" align="center" border="0" cellpadding="0"
						cellspacing="1" bgcolor="#CCCCCC" class="productTable">
						<tr>
							<td align="right" nowrap="nowrap" class="productTable_title">
								开始日期:
							</td>
							<td bgcolor="#ffffff">
                            	<input type="text" class="input-small"	onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="起日期"
								id="s_startTime" value="${startTime}"/>
							</td>
							<td align="right" nowrap="nowrap" class="productTable_title">
								止日期:
							</td>
							<td bgcolor="#ffffff">
								<input type="text" class="input-small"	onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" placeholder="止日期"
								id="s_endTime" value="${endTime}" />
							</td>
							<td align="right" nowrap="nowrap" class="productTable_title">
								统计类型:
							</td>
							<td bgcolor="#ffffff">
								<select name="types" id="types">
									<option value="0">-请选择统计类型-</option>
									<option value="1"></option>
									<option value="2"></option>
									<option value="3"></option>
									<option value="4"></option>
								</select>
							</td>
						</tr>
						<tr>
							<td align="center" height="40" colspan="6" bgcolor="#ffffff">
								<button class="admin_serach" type="button" id="income_searchBtn">收益统计</button>
							</td>
						</tr>
					</table>

				</div>
			</div>
				<div class="main-title">
					<span style="float: left"><img src="<%=request.getContextPath()%>/images/admin/t_mt01.jpg"	border="0" />
					</span>
					<span style="float: left; color: #353C44; font-weight: 600; font-size: 14px;">平台收益统计</span>
					<span style="float: right"><img src="<%=request.getContextPath()%>/images/admin/t_mt03.jpg" /></span>
				</div>
				<div style="padding: 5px;">

					<table id="dataDiv" class="tablestyle">
					</table>
					<div id="container" style="min-width: 300px; height: auto; margin: 0 auto">数据尚未返回</div>          
				</div>
		
	</body>
</html>