<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
|
<!DOCTYPE HTML>
|
<html>
|
<head>
|
<base href="<%=basePath%>">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>地质资料利用情况</title>
|
<link href="static/plugins/font-awesome/css/font-awesome.css"
|
rel="stylesheet" type="text/css">
|
<link href="static/plugins/jquery-easyui/themes/bootstrap/easyui.css"
|
rel="stylesheet" type="text/css">
|
<link rel="stylesheet" href="static/styles/initialize.css"
|
type="text/css">
|
<link rel="stylesheet" href="static/styles/common.css" type="text/css">
|
<link rel="stylesheet" href="static/styles/archives.css" type="text/css">
|
<script type="text/javascript" src="static/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript"
|
src="static/plugins/jquery-easyui/jquery.easyui.min.js"></script>
|
<script type="text/javascript"
|
src="static/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
|
<script src="static/plugins/echarts/echarts.min.js"></script>
|
<script type="text/javascript" src="static/plugins/jquery-easyui/plugins/datagrid-cellediting.js"></script>
|
<script type="text/javascript" src="static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
|
|
<!-- wcp组件 -->
|
<script type="text/javascript" src="static/wcp/scripts/wcp.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.layer.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.blockUI.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.spin.js"></script>
|
<script type="text/javascript" src="static/wcp/scripts/libs/wcp.jquery.js"></script>
|
<style>
|
html, body {
|
height: 100%;
|
}
|
|
.table_statistical {
|
width: 100%;
|
height: 100%;
|
border: 0;
|
}
|
|
.table_statistical tr td {
|
width: 50%;
|
height: 100%;
|
}
|
|
.table_statistical_div {
|
width: 100%;
|
height: 100%;
|
padding-top: 3%;
|
}
|
</style>
|
</head>
|
|
<body class="pt-tree">
|
<div class="archives_statistics">
|
<h3 class="statistics_title">
|
【地质资料利用情况】
|
</h3>
|
<div class="option_row clear">
|
<span class="option_col1">统计数据过滤查询</span>
|
<ul class="clear">
|
|
<li>年度： <input class="easyui-textbox" id="deptName"
|
style="width:150px; height: 24px;"/>
|
</li>
|
<%-- <li>起止汇交时间：--%>
|
<%-- <input class="easyui-datebox" id="startDate" style="width:150px;height:24px"/>--%>
|
<%-- ---%>
|
<%-- <input class="easyui-datebox" id="endDate" style="width:150px;height:24px"/>--%>
|
<%-- </li>--%>
|
<li class="statistics_btn_row" style="display: flex;align-items:center;height:24px">
|
<button class="pt-btn pt-btn-purple" onclick="startStatistics()"><i class="fa fa-bar-chart"></i>开始统计
|
</button>
|
</li>
|
|
</ul>
|
</div>
|
</div>
|
|
<div class="statistics_txt">
|
<div class="title">统计结果</div>
|
<div class="statistics_scroll" style="padding:0">
|
<div id="tab_statistical" class="fulltext_row2" style="width: 100%;height:100%;">
|
<div id="pie_statisticals" style="width: 100%;height:100%;overflow: hidden;"></div>
|
<%-- <iframe name="statisticsIframe" id="statisticsIframe" width="100%" frameborder="no" border="0"--%>
|
<%-- marginwidth="0" marginheight="0" allowtransparency="yes"></iframe>--%>
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript" src="static/scripts/ResizeScroll.js"></script>
|
<script>
|
|
|
$(function () {
|
new ResizeScroll({
|
"id": ".statistics_scroll",
|
fun: function () {
|
var wh = $(window).height();
|
//重新计算iframe高度
|
$("#statisticsIframe").height(wh - 60 - 160);
|
return (wh - 60 - 124);
|
}
|
});
|
utilizationStatistics();
|
})
|
|
function utilizationStatistics() {
|
var myChart = echarts.init(document.getElementById('pie_statisticals'));
|
var colors = ['#87CEFA', '#945b6c', '#00FFFF', '#FFA500'];
|
option = {
|
title: {
|
text: '借阅统计',
|
left: 'center',
|
textStyle: {
|
color: '#0c0c0c'
|
}
|
},
|
tooltip: {
|
trigger: 'item',
|
formatter: '{a} <br/>{b}: {c} ({d}%)'
|
},
|
legend: {
|
orient: 'vertical',
|
left: 'left',
|
data: ['非密', '内部', '秘密', '机密'],
|
textStyle: {
|
color: '#0e0e0e'
|
}
|
},
|
series: [
|
{
|
name: '纸质借阅',
|
type: 'pie',
|
radius: ['0%', '40%'], // 内半径和外半径
|
center: ['50%', '50%'], // 圆心位置
|
data: [],
|
color: colors,
|
label: {
|
color: '#2d2424'
|
}
|
},
|
{
|
name: '电子借阅',
|
type: 'pie',
|
radius: ['50%', '70%'], // 内半径和外半径
|
center: ['50%', '50%'], // 圆心位置
|
data: [],
|
color: colors,
|
label: {
|
color: '#100f0f'
|
}
|
}
|
]
|
};
|
|
myChart.showLoading(); //loading动画
|
|
$.ajax({
|
type: "post",
|
async: true,
|
url: "screen/getBorrowEchartsPie",
|
dataType: "json",
|
success: function (result) {
|
if (result) {
|
myChart.hideLoading();
|
// 假设返回的数据包含纸质借阅和电子借阅两组数据
|
myChart.setOption({
|
series: [
|
{ data: result.paperData || [] }, // 纸质借阅数据
|
{ data: result.electronicData || [] } // 电子借阅数据
|
]
|
});
|
}
|
},
|
error: function (errorMsg) {
|
//请求失败时执行该函数
|
alert("请求数据失败!");
|
myChart.hideLoading();
|
}
|
});
|
|
myChart.setOption(option);
|
|
|
<%--var reportFile = "borrow_approval_hn.ureport%202.xml";--%>
|
<%--var path = "<%=path%>";--%>
|
<%--var url = path + "/ureport/preview?_u=file:" + reportFile ;--%>
|
<%--$('#statisticsIframe').attr('src', url); //注：不能用window.open方式打开，否则放大缩小会被清空--%>
|
}
|
|
</script>
|
</body>
|
</html>
|
