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>
|