|
|
<%@ page language="java" pageEncoding="UTF-8" %>
|
|
|
<%@ taglib uri="/struts-tags" prefix="s" %>
|
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
|
|
<%
|
|
|
String path = request.getContextPath();
|
|
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
|
|
|
|
|
|
String usertype = session.getAttribute("userType") + "";
|
|
|
%>
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<c:import url="../head.jsp"/>
|
|
|
|
|
|
<link href="<%=basePath %>static/toastr-master/toastr.min.css" rel="stylesheet" type="text/css" />
|
|
|
<script src="<%=basePath %>static/toastr-master/toastr.min.js"></script>
|
|
|
<script src="<%=basePath %>static/echarts.min.js"></script>
|
|
|
<script src="<%=basePath %>static/jquery.datetimepicker.full.min.js"></script>
|
|
|
<link href="<%=basePath %>static/jquery.datetimepicker.min.css" rel="stylesheet" type="text/css"/>
|
|
|
<link>
|
|
|
<style>
|
|
|
#count,#count_group{
|
|
|
width: 1000px;
|
|
|
height: 500px;
|
|
|
}
|
|
|
</style>
|
|
|
<script>
|
|
|
|
|
|
|
|
|
$(function () {
|
|
|
$("form").removeAttr("style")
|
|
|
|
|
|
$.datetimepicker.setLocale('zh');
|
|
|
const format={
|
|
|
format:'Y-m-d H:i:s'
|
|
|
}
|
|
|
|
|
|
let start=$('input[name=startTime]')
|
|
|
let end=$('input[name=endTime]')
|
|
|
$(start,end).datetimepicker(format);
|
|
|
start.val('${startTime}')
|
|
|
end.val('${endTime}')
|
|
|
|
|
|
<c:if test="${!empty state }">
|
|
|
toastr.${state}('${message}', '提示');
|
|
|
</c:if>
|
|
|
|
|
|
$(".bz").click(function(){
|
|
|
var txt = $(this).attr("txt");
|
|
|
toastr.success(txt, '提示');
|
|
|
});
|
|
|
|
|
|
|
|
|
let chart=echarts.init(count)
|
|
|
let publicOption={
|
|
|
title: {
|
|
|
text:'数据统计',
|
|
|
subtext: '统计时间从'+start.val()+'到'+end.val(),
|
|
|
left: 'center'
|
|
|
},
|
|
|
yAxis: {
|
|
|
name:'个数'
|
|
|
}
|
|
|
}
|
|
|
// 指定图表的配置项和数据
|
|
|
let option = {...publicOption,...{
|
|
|
xAxis: {
|
|
|
data: ["用户","房源","申请","举报"]
|
|
|
},
|
|
|
series: [{
|
|
|
type: 'bar',
|
|
|
data: [${userCount}, ${houseCount}, ${applyCount}, ${reportCount}]
|
|
|
}]
|
|
|
}}
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
chart.setOption(option);
|
|
|
|
|
|
let groupChart=echarts.init(count_group)
|
|
|
|
|
|
let groupOption={...publicOption,...{
|
|
|
xAxis: {
|
|
|
type: 'category',
|
|
|
data: [<c:forEach items="${userList.dateList}" var="item">
|
|
|
'${item}',
|
|
|
</c:forEach>]
|
|
|
},
|
|
|
legend:['用户','房源'],
|
|
|
dataZoom: [
|
|
|
{
|
|
|
show: true,
|
|
|
realtime: true,
|
|
|
start: 65,
|
|
|
end: 85
|
|
|
},
|
|
|
],
|
|
|
series: [{
|
|
|
name:'用户',
|
|
|
type:'line',
|
|
|
data:${userList.countList}
|
|
|
},{
|
|
|
name:'房源',
|
|
|
type:'line',
|
|
|
data:${userList.countList}
|
|
|
}]
|
|
|
}
|
|
|
}
|
|
|
|
|
|
groupChart.setOption(groupOption)
|
|
|
})
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
<body class="container_12">
|
|
|
<div class="box round first" style="margin:15px;">
|
|
|
|
|
|
|
|
|
<div class="block">
|
|
|
|
|
|
<form action="${pageContext.request.contextPath}/admin/apply/report.do" method="post">
|
|
|
<div class="input-group col-5 ml-auto mr-auto">
|
|
|
<div class="input-group-append">
|
|
|
<span class="input-group-text">开始时间</span>
|
|
|
</div>
|
|
|
<input class="form-control" name="startTime">
|
|
|
<div class="input-group-append">
|
|
|
<span class="input-group-text">结束时间</span>
|
|
|
</div>
|
|
|
<input class="form-control" name="endTime">
|
|
|
</div>
|
|
|
<button type="submit" class="mt-3 btn-block btn-info ml-auto mr-auto col-3">统计</button>
|
|
|
</form>
|
|
|
|
|
|
<div id="count" class="ml-auto mr-auto mt-3"></div>
|
|
|
|
|
|
<div id="count_group d-none" class="ml-auto mr-auto mt-3"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
|
|
|
|
|
|
