|
|
|
@ -12,14 +12,14 @@ |
|
|
|
|
<head> |
|
|
|
|
<c:import url="../head.jsp"/> |
|
|
|
|
|
|
|
|
|
<link href="<%=basePath %>static/toastr-master/toastr.min.css" rel="stylesheet" type="text/css" /> |
|
|
|
|
<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{ |
|
|
|
|
#count, #count_group { |
|
|
|
|
width: 1000px; |
|
|
|
|
height: 500px; |
|
|
|
|
} |
|
|
|
@ -31,61 +31,71 @@ |
|
|
|
|
$("form").removeAttr("style") |
|
|
|
|
|
|
|
|
|
$.datetimepicker.setLocale('zh'); |
|
|
|
|
const format={ |
|
|
|
|
format:'Y-m-d H:i:s' |
|
|
|
|
const format = { |
|
|
|
|
format: 'Y-m-d H:i:s' |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
let start=$('input[name=startTime]') |
|
|
|
|
let end=$('input[name=endTime]') |
|
|
|
|
$(start,end).datetimepicker(format); |
|
|
|
|
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}', '提示'); |
|
|
|
|
toastr.${state}('${message}', '提示'); |
|
|
|
|
</c:if> |
|
|
|
|
|
|
|
|
|
$(".bz").click(function(){ |
|
|
|
|
$(".bz").click(function () { |
|
|
|
|
var txt = $(this).attr("txt"); |
|
|
|
|
toastr.success(txt, '提示'); |
|
|
|
|
toastr.success(txt, '提示'); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let chart=echarts.init(count) |
|
|
|
|
let publicOption={ |
|
|
|
|
let chart = echarts.init(count) |
|
|
|
|
let publicOption = { |
|
|
|
|
title: { |
|
|
|
|
text:'数据统计', |
|
|
|
|
subtext: '统计时间从'+start.val()+'到'+end.val(), |
|
|
|
|
text: '数据统计', |
|
|
|
|
subtext: '统计时间从' + start.val() + '到' + end.val(), |
|
|
|
|
left: 'center' |
|
|
|
|
}, |
|
|
|
|
yAxis: { |
|
|
|
|
name:'个数' |
|
|
|
|
name: '个数' |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
let group = ['用户', '房源', '申请', '举报'] |
|
|
|
|
// 指定图表的配置项和数据 |
|
|
|
|
let option = {...publicOption,...{ |
|
|
|
|
let option = { |
|
|
|
|
...publicOption, ...{ |
|
|
|
|
xAxis: { |
|
|
|
|
data: ["用户","房源","申请","举报"] |
|
|
|
|
data: group |
|
|
|
|
}, |
|
|
|
|
series: [{ |
|
|
|
|
type: 'bar', |
|
|
|
|
data: [${userCount}, ${houseCount}, ${applyCount}, ${reportCount}] |
|
|
|
|
}] |
|
|
|
|
}} |
|
|
|
|
data: [${userCount}, ${houseCount}, ${applyCount}, ${reportCount}], |
|
|
|
|
label:{ |
|
|
|
|
show:true |
|
|
|
|
} |
|
|
|
|
}], |
|
|
|
|
tooltip: { |
|
|
|
|
show: true |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。 |
|
|
|
|
chart.setOption(option); |
|
|
|
|
|
|
|
|
|
let groupChart=echarts.init(count_group) |
|
|
|
|
let groupChart = echarts.init(count_group) |
|
|
|
|
|
|
|
|
|
let groupOption={...publicOption,...{ |
|
|
|
|
|
|
|
|
|
let groupOption = { |
|
|
|
|
...publicOption, ...{ |
|
|
|
|
xAxis: { |
|
|
|
|
type: 'category', |
|
|
|
|
data: [<c:forEach items="${userList.dateList}" var="item"> |
|
|
|
|
'${item}', |
|
|
|
|
</c:forEach>] |
|
|
|
|
}, |
|
|
|
|
legend:['用户','房源'], |
|
|
|
|
dataZoom: [ |
|
|
|
|
{ |
|
|
|
|
show: true, |
|
|
|
@ -94,14 +104,29 @@ |
|
|
|
|
end: 85 |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
tooltip: { |
|
|
|
|
trigger: 'axis' |
|
|
|
|
}, |
|
|
|
|
legend: { |
|
|
|
|
data: group, |
|
|
|
|
left: 0 |
|
|
|
|
}, |
|
|
|
|
series: [{ |
|
|
|
|
name:'用户', |
|
|
|
|
type:'line', |
|
|
|
|
data:${userList.countList} |
|
|
|
|
},{ |
|
|
|
|
name:'房源', |
|
|
|
|
type:'line', |
|
|
|
|
name: group[0], |
|
|
|
|
type: 'line', |
|
|
|
|
data:${userList.countList} |
|
|
|
|
}, { |
|
|
|
|
name: group[1], |
|
|
|
|
type: 'line', |
|
|
|
|
data:${houseList.countList} |
|
|
|
|
}, { |
|
|
|
|
name: group[2], |
|
|
|
|
type: 'line', |
|
|
|
|
data:${applyList.countList} |
|
|
|
|
}, { |
|
|
|
|
name: group[3], |
|
|
|
|
type: 'line', |
|
|
|
|
data:${reportList.countList} |
|
|
|
|
}] |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
@ -137,7 +162,7 @@ |
|
|
|
|
|
|
|
|
|
<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 id="count_group" class="ml-auto mr-auto mt-3"></div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|