253 lines
13 KiB
Plaintext
253 lines
13 KiB
Plaintext
<%@ page contentType="text/html;charset=UTF-8" %>
|
||
<%@ include file="/webpage/include/taglib.jsp"%>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="decorator" content="default"/>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<script src="${ctxStatic }/echarts-2.2.7/build/dist/echarts-all.js"></script>
|
||
<title>首页</title>
|
||
<style>
|
||
.hand{cursor:pointer}
|
||
</style>
|
||
<script src='${ctxStatic}/fullcalendar/js/jquery-1.9.1.js'></script>
|
||
<script src='${ctxStatic}/fullcalendar/js/jquery-ui.js'></script>
|
||
<link rel="stylesheet" type="text/css" href="${ctxStatic}/fullcalendar/css/main.css">
|
||
<link rel="stylesheet" type="text/css" href="${ctxStatic}/fullcalendar/css/fancybox.css">
|
||
<script src='${ctxStatic}/fullcalendar/js/jquery.fancybox-1.3.1.pack.js'></script>
|
||
<link href="${ctxStatic}/fullcalendar/css/fullcalendar2.css" rel="stylesheet">
|
||
<link href="${ctxStatic}/fullcalendar/fullcalendar.print.css" rel="stylesheet">
|
||
<script src="${ctxStatic}/fullcalendar/js/fullcalendar.js"></script>
|
||
|
||
<!-- Custom Theme Style -->
|
||
<link href="${ctxStatic}/baili/custom.min.css" rel="stylesheet">
|
||
<link href="${ctxStatic}/baili/style.css" rel="stylesheet">
|
||
<meta name="decorator" content="default"/>
|
||
<script type="text/javascript">
|
||
$(document).ready(function() {
|
||
var start = {
|
||
elem: '#enterTimeStart', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
|
||
event: 'focus', //响应事件。如果没有传入event，则按照默认的click
|
||
format: 'YYYY-MM-DD',
|
||
choose: function(datas){
|
||
end.min = datas; //开始日选好后，重置结束日的最小日期
|
||
end.start = datas //将结束日的初始值设定为开始日
|
||
}
|
||
};
|
||
var end = {
|
||
elem: '#enterTimeEnd', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
|
||
event: 'focus', //响应事件。如果没有传入event，则按照默认的click
|
||
format: 'YYYY-MM-DD',
|
||
choose: function(datas){
|
||
start.max = datas; //结束日选好后，重置开始日的最大日期
|
||
}
|
||
};
|
||
laydate(start);
|
||
laydate(end);
|
||
});
|
||
</script>
|
||
</head>
|
||
<body class="gray-bg" style="margin-left:10px">
|
||
<div class="right_col">
|
||
<!-- top tiles -->
|
||
|
||
<div class="row" style="margin-right: 10px">
|
||
<div class="row">
|
||
<c:if test="${flag == 1 or true}">
|
||
<div class="col-6 col-lg-3">
|
||
<div class="card" style="margin-left:15px;margin-top: 10px">
|
||
<div class="card-block p-1 clearfix">
|
||
<i class="fa fa-cogs bg-primary p-1 font-2xl mr-1 float-left"></i>
|
||
<div class="h5 text-primary mb-0 mt-h">${indexStatistics.monthlyTotalCount}</div>
|
||
<div class="text-muted text-uppercase font-weight-bold font-xs">本月保险申请笔数</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/.col-->
|
||
</c:if>
|
||
<div class="col-6 col-lg-3">
|
||
<div class="card" style="margin-top: 10px">
|
||
<div class="card-block p-1 clearfix">
|
||
<i class="fa fa-laptop bg-info p-1 font-2xl mr-1 float-left"></i>
|
||
<div class="h5 text-info mb-0 mt-h">${indexStatistics.monthlyDealCount}</div>
|
||
<div class="text-muted text-uppercase font-weight-bold font-xs">本月保险成交笔数</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/.col-->
|
||
|
||
<div class="col-6 col-lg-3" style="margin-top: 10px">
|
||
<div class="card">
|
||
<div class="card-block p-1 clearfix">
|
||
<i class="fa fa-moon-o bg-warning p-1 font-2xl mr-1 float-left"></i>
|
||
<div class="h5 text-warning mb-0 mt-h">$${indexStatistics.monthlyDealSum}</div>
|
||
<div class="text-muted text-uppercase font-weight-bold font-xs">本月保险成交总金额</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/.col-->
|
||
|
||
<c:if test="${flag == 1 or true}">
|
||
|
||
<div class="col-6 col-lg-3" style="margin-top: 10px">
|
||
<div class="card">
|
||
<div class="card-block p-1 clearfix">
|
||
<i class="fa fa-bell bg-danger p-1 font-2xl mr-1 float-left"></i>
|
||
<div class="h5 text-danger mb-0 mt-h">${indexStatistics.personCount}</div>
|
||
<div class="text-muted text-uppercase font-weight-bold font-xs">当前系统会员总人数</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/.col-->
|
||
|
||
<div class="col-6 col-lg-3">
|
||
<div class="card" style="margin-left:15px">
|
||
<div class="card-block p-1 clearfix">
|
||
<i class="fa fa-cogs bg-primary p-1 font-2xl mr-1 float-left"></i>
|
||
<div class="h5 text-primary mb-0 mt-h">${indexStatistics.monthlyActivitySum}</div>
|
||
<div class="text-muted text-uppercase font-weight-bold font-xs">本月的活动数量</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/.col-->
|
||
|
||
<div class="col-6 col-lg-3">
|
||
<div class="card">
|
||
<div class="card-block p-1 clearfix">
|
||
<i class="fa fa-laptop bg-info p-1 font-2xl mr-1 float-left"></i>
|
||
<div class="h5 text-info mb-0 mt-h">${indexStatistics.monthlyRegisterSum}</div>
|
||
<div class="text-muted text-uppercase font-weight-bold font-xs">本月活动报名人数</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</c:if>
|
||
|
||
<!--/.col-->
|
||
<%--
|
||
<div class="col-6 col-lg-3">
|
||
<div class="card">
|
||
<div class="card-block p-1 clearfix">
|
||
<i class="fa fa-moon-o bg-warning p-1 font-2xl mr-1 float-left"></i>
|
||
<div class="h5 text-warning mb-0 mt-h">${indexStatistics.monthlyNotFinishedCount}</div>
|
||
<div class="text-muted text-uppercase font-weight-bold font-xs">当前未结束的活动总数</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/.col-->
|
||
|
||
<div class="col-6 col-lg-3">
|
||
<div class="card">
|
||
<div class="card-block p-1 clearfix">
|
||
<i class="fa fa-bell bg-danger p-1 font-2xl mr-1 float-left"></i>
|
||
<div class="h5 text-danger mb-0 mt-h">${indexStatistics.yearDealCount}</div>
|
||
<div class="text-muted text-uppercase font-weight-bold font-xs">年度保险成交笔数</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/.col-->
|
||
--%>
|
||
</div>
|
||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||
<!-- <div class="dashboard_graph"> -->
|
||
<%--
|
||
<div class="row x_title">
|
||
<!-- <div class="col-md-6"> -->
|
||
<!-- <h2>年度保险统计图</h2> -->
|
||
<!-- </div> -->
|
||
<div class="col-md-6">
|
||
<div id="reportrange" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px;">
|
||
|
||
<input style="width:150px" id="enterTimeStart" maxlength="50" class="laydate-icon layer-date form-control input-sm"/>
|
||
-
|
||
<input style="width:150px" id="enterTimeEnd" maxlength="50" class="laydate-icon layer-date form-control input-sm"/>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
--%>
|
||
<div class="col-md-12 col-sm-12 col-xs-12">
|
||
<!-- <div id="chart_plot_01" class="demo-placeholder" style="width:1060px;height:500px"> -->
|
||
|
||
<div class="ibox-content" style="width:1060px;padding:10px 15px 10px 8px;">
|
||
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
|
||
<div id="main" style="height:100%;width:100%;min-height:500px;min-width:1040px;margin: 5px;">图标初始化失败</div>
|
||
</div>
|
||
|
||
<script type="text/javascript">
|
||
// 基于准备好的dom，初始化echarts实例
|
||
var myChart = echarts.init(document.getElementById('main'));
|
||
var option = "";
|
||
|
||
option = ${str}
|
||
// 使用刚指定的配置项和数据显示图表。
|
||
myChart.setOption(option);
|
||
</script>
|
||
|
||
|
||
<!-- </div> -->
|
||
</div>
|
||
<!-- <div class="col-md-3 col-sm-3 col-xs-12 bg-white"> -->
|
||
|
||
|
||
|
||
|
||
<!-- </div> -->
|
||
<div class="clearfix"></div>
|
||
<!-- </div> -->
|
||
</div>
|
||
|
||
</div>
|
||
<%--
|
||
<div class="row tile_count" style="margin-left:5px">
|
||
<c:if test="${flag == 1}">
|
||
<div class="col-md-2 col-sm-3 col-xs-4 tile_stats_count">
|
||
<span class="count_top"><i class="fa fa-user"></i> 本月保险申请笔数</span>
|
||
<div class="count">${indexStatistics.monthlyTotalCount}</div>
|
||
<span class="count_bottom"><i class="green">4% </i> From last Week</span>
|
||
</div>
|
||
</c:if>
|
||
<div class="col-md-2 col-sm-3 col-xs-4 tile_stats_count">
|
||
<span class="count_top"><i class="fa fa-clock-o"></i> 本月保险成交笔数</span>
|
||
<div class="count">${indexStatistics.monthlyDealCount}</div>
|
||
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>3% </i> From last Week</span>
|
||
</div>
|
||
<div class="col-md-2 col-sm-3 col-xs-4 tile_stats_count">
|
||
<span class="count_top"><i class="fa fa-user"></i> 本月保险成交总金额</span>
|
||
<div class="count green">${indexStatistics.monthlyDealSum}</div>
|
||
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
|
||
</div>
|
||
<c:if test="${flag == 1}">
|
||
<div class="col-md-2 col-sm-3 col-xs-4 tile_stats_count">
|
||
<span class="count_top"><i class="fa fa-user"></i> 当前系统会员总人数</span>
|
||
<div class="count">${indexStatistics.personCount}</div>
|
||
<span class="count_bottom"><i class="red"><i class="fa fa-sort-desc"></i>12% </i> From last Week</span>
|
||
</div>
|
||
<div class="col-md-2 col-sm-3 col-xs-4 tile_stats_count">
|
||
<span class="count_top"><i class="fa fa-user"></i> 本月的活动数量</span>
|
||
<div class="count">${indexStatistics.monthlyActivitySum}</div>
|
||
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
|
||
</div>
|
||
<div class="col-md-2 col-sm-3 col-xs-4 tile_stats_count">
|
||
<span class="count_top"><i class="fa fa-user"></i> 本月活动的报名总人数</span>
|
||
<div class="count">${indexStatistics.monthlyRegisterSum}</div>
|
||
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
|
||
</div>
|
||
<%--
|
||
<div class="col-md-2 col-sm-3 col-xs-4 tile_stats_count">
|
||
<span class="count_top"><i class="fa fa-user"></i> 当前未结束的活动总数</span>
|
||
<div class="count">${indexStatistics.monthlyNotFinishedCount}</div>
|
||
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
|
||
</div>
|
||
--%>
|
||
<%-- </c:if> --%>
|
||
<%--
|
||
<div class="col-md-2 col-sm-3 col-xs-4 tile_stats_count">
|
||
<span class="count_top"><i class="fa fa-user"></i> 年度保险成交笔数</span>
|
||
<div class="count">${indexStatistics.yearDealCount}</div>
|
||
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span>
|
||
</div>
|
||
--%>
|
||
<%-- </div> --%>
|
||
</div>
|
||
</body> |