|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>网络安全数据分析</title>
|
|
|
<link href="./js/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
|
<link rel="stylesheet" href="js\fontawesome-free-5.11.2\css\all.css">
|
|
|
<link rel="stylesheet" href="js\fontawesome-free-5.11.2\css\v4-shims.css">
|
|
|
<script src="./js/jquery.2.1.1.min.js"></script>
|
|
|
<script src="./js/bootstrap/js/bootstrap.min.js"></script>
|
|
|
<script src="./js/jquery.cookie.js"></script>
|
|
|
<script src="./js/echarts1.min.js"></script>
|
|
|
<style>
|
|
|
body{
|
|
|
background: rgb(240, 242, 245);
|
|
|
}
|
|
|
.network_security{
|
|
|
font-size: 14px;
|
|
|
width: 1170px;
|
|
|
height: 100%;
|
|
|
margin:0 auto;
|
|
|
background: #fff;
|
|
|
margin-top: 5px;
|
|
|
}
|
|
|
/* .network_security .network_security_h5{
|
|
|
color: #31a8fa;
|
|
|
border-bottom: 1px #d9d9d9 solid;
|
|
|
}
|
|
|
.network_security .network_security_h5 > h5{
|
|
|
display: inline-block;
|
|
|
border-bottom: 3px solid #31a8fa;
|
|
|
padding: 20px;
|
|
|
margin: 0;
|
|
|
}*/
|
|
|
.security_incident,
|
|
|
.security_notice{
|
|
|
overflow: hidden;
|
|
|
border-bottom: 3px solid #d9d9d9;
|
|
|
padding: 20px 50px;
|
|
|
}
|
|
|
.security_incident > h5,
|
|
|
.security_notice > h5{
|
|
|
float: left;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
.security_incident > h5:first-child,
|
|
|
.security_notice > h5:first-child{
|
|
|
width: 64%;
|
|
|
margin-left: 5%;
|
|
|
}
|
|
|
.security_notice > h5:first-child{
|
|
|
color: #31a8fa;
|
|
|
}
|
|
|
.security_incident > h5:last-child,
|
|
|
.security_notice > h5:last-child{
|
|
|
width: 30%
|
|
|
}
|
|
|
.security_incident .security_pic,
|
|
|
.security_notice .security_pic{
|
|
|
width: 69%;
|
|
|
height: 400px;
|
|
|
float: left;
|
|
|
}
|
|
|
.security_incident .security_list,
|
|
|
.security_notice .security_list{
|
|
|
float: left;
|
|
|
width: 30%;
|
|
|
height: 400px;
|
|
|
}
|
|
|
.security_incident .security_list ul,
|
|
|
.security_notice .security_list ul{
|
|
|
float: left;
|
|
|
width: 35%;
|
|
|
list-style-type: none;
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
}
|
|
|
.security_incident .security_list ul li,
|
|
|
.security_notice .security_list ul li{
|
|
|
line-height: 48px
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<!--
|
|
|
<div class="navbar navbar-inverse navbar-fixed-top">
|
|
|
<div class="container">
|
|
|
<div class="navbar-header">
|
|
|
<a class="navbar-brand hidden-sm" href="#"><i class="fas fa-book-reader"></i>
|
|
|
教育管理公共服务平台
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="navbar-collapse collapse" role="navigation">
|
|
|
<ul class="nav navbar-nav">
|
|
|
<li><a href="#">个人工作台</a></li>
|
|
|
<li><a href="/baseService/html/pages/statistical/index.html" target="_blank">数据云图</a></li>
|
|
|
<li class="dropdown">
|
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
|
|
|
aria-expanded="false">基础数据分析 <span class="caret"></span></a>
|
|
|
<ul class="dropdown-menu">
|
|
|
<li>
|
|
|
<a href="../report/report.html?id=15" target="_blank">学校情况</a>
|
|
|
</li>
|
|
|
<li class="dropdown-submenu">
|
|
|
<a href="#">班级情况</a>
|
|
|
<ul class="dropdown-menu">
|
|
|
<li><a href="../report/report.html?id=1" target="_blank">小学班额情况</a></li>
|
|
|
<li><a href="../report/report.html?id=2" target="_blank">初高中班额情况</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li class="dropdown-submenu">
|
|
|
<a href="#">学生情况</a>
|
|
|
<ul class="dropdown-menu">
|
|
|
<li><a href="../report/report.html?id=3" target="_blank">各阶段学校</a></li>
|
|
|
<li><a href="../report/report.html?id=4" target="_blank">幼儿年龄分布</a></li>
|
|
|
<li><a href="../report/report.html?id=5" target="_blank">小学年龄分布</a></li>
|
|
|
<li><a href="../report/report.html?id=6" target="_blank">初中年龄分布</a></li>
|
|
|
<li><a href="../report/report.html?id=7" target="_blank">高中年龄分布</a></li>
|
|
|
<li><a href="../report/report.html?id=8" target="_blank">随迁、留守儿童小学</a></li>
|
|
|
<li><a href="../report/report.html?id=9" target="_blank">随迁、留守儿童初中</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li class="dropdown-submenu">
|
|
|
<a href="#">教职工情况</a>
|
|
|
<ul class="dropdown-menu">
|
|
|
<li><a href="../report/report.html?id=10" target="_blank">各阶段教职工数量</a></li>
|
|
|
<li><a href="../report/report.html?id=11" target="_blank">县级以上骨干教师情况</a></li>
|
|
|
<li><a href="../report/report.html?id=12" target="_blank">专业技术职务、年龄情况</a></li>
|
|
|
<li><a href="../report/report.html?id=13" target="_blank">各县区师生比</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li class="dropdown-submenu">
|
|
|
<a href="#">办学条件</a>
|
|
|
<ul class="dropdown-menu">
|
|
|
<li><a href="../report/report.html?id=14" target="_blank">各阶段学校办学条件</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li><a href="#">网络安全数据分析</a></li>
|
|
|
</ul>
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
|
<li><a href="/baseService/logout">退出系统</a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-->
|
|
|
<div class="network_security">
|
|
|
<!-- <div class="network_security_h5">
|
|
|
<h5>网络安全数据分析</h5>
|
|
|
</div> -->
|
|
|
<div class="security_incident">
|
|
|
<h5>安全事件总量趋势分析</h5>
|
|
|
<h5>近3年安全事件情况</h5>
|
|
|
<div id="main" class="security_pic"></div>
|
|
|
<div class="security_list">
|
|
|
<ul>
|
|
|
<li>年度</li>
|
|
|
<li>2018年</li>
|
|
|
<li>2019年</li>
|
|
|
<li>2020年</li>
|
|
|
</ul>
|
|
|
<ul>
|
|
|
<li>安全事件总数</li>
|
|
|
<li>4370</li>
|
|
|
<li>1447</li>
|
|
|
<li>94</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="security_notice">
|
|
|
<h5>被上级通知数趋势分析</h3>
|
|
|
<h5>近3年通知数量情况</h5>
|
|
|
<div id="brokenline" class="security_pic"></div>
|
|
|
<div class="security_list">
|
|
|
<ul>
|
|
|
<li>年度</li>
|
|
|
<li>2018年</li>
|
|
|
<li>2019年</li>
|
|
|
<li>2020年</li>
|
|
|
</ul>
|
|
|
<ul>
|
|
|
<li>被上级部门通知数</li>
|
|
|
<li>28</li>
|
|
|
<li>7</li>
|
|
|
<li>0</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = echarts.init(document.getElementById('main'));
|
|
|
|
|
|
// 指定图表的配置项和数据
|
|
|
var option = {
|
|
|
color: ['#bb1111', '#eea633', '#d9d900'],
|
|
|
legend: {},
|
|
|
tooltip: {},
|
|
|
dataset: {
|
|
|
dimensions: ['product', '高危事件总数', '中危事件总数', '低调危事件总数'],
|
|
|
source: [
|
|
|
{product: '2018', '高危事件总数': 1185, '中危事件总数': 175, '低调危事件总数': 3010},
|
|
|
{product: '2019', '高危事件总数': 123, '中危事件总数': 757, '低调危事件总数': 567},
|
|
|
{product: '2020', '高危事件总数': 15, '中危事件总数': 75, '低调危事件总数': 4},
|
|
|
]
|
|
|
},
|
|
|
xAxis: {type: 'category'},
|
|
|
yAxis: {},
|
|
|
// Declare several bar series, each will be mapped
|
|
|
// to a column of dataset.source by default.
|
|
|
series: [
|
|
|
{
|
|
|
type: 'bar',
|
|
|
label: {
|
|
|
show: true,
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
type: 'bar',
|
|
|
label: {
|
|
|
show: true,
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
type: 'bar',
|
|
|
label: {
|
|
|
show: true,
|
|
|
}
|
|
|
}
|
|
|
]
|
|
|
};
|
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
|
|
|
var brokenline = echarts.init(document.getElementById('brokenline'));
|
|
|
var options = {
|
|
|
color: ['#31a8fa'],
|
|
|
tooltip: {},
|
|
|
xAxis: {
|
|
|
boundaryGap: false,
|
|
|
data: ["2018","2019","2020"]
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'value'
|
|
|
},
|
|
|
series: [{
|
|
|
type: 'line',
|
|
|
label: {
|
|
|
show: true,
|
|
|
},
|
|
|
data: [28, 7, 0]
|
|
|
}]
|
|
|
|
|
|
};
|
|
|
|
|
|
brokenline.setOption(options);
|
|
|
</script>
|
|
|
</body>
|
|
|
</html> |
