<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>三色预警</title>
<link rel="stylesheet" href="../../public/layui/css/layui.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="../../viewer/css/viewer.min.css">
<link rel="stylesheet" href="css/layuireset.css">
</head>
<body>
<div id="cityManageContent">
<div id="mainTop">
<span class="setTitle"></span>-<span>三色预警<span>
</div>
<div id="mainContent">
<div class="mainContentL">
<div class="mainContentL_sInfo">
<p></p>
</div>
<div class="starraing_l">
<div class="mainContentL_bottom">
<div class="mainContentL_bottom_box">
<div class="schoolTotal">
<p class="titleBg">校园数量</p>
<div>
<div>
<p class="schoolInfoTotal">178</p>
<p>校园总数</p>
</div>
<div class="schoolBasicInfo"></div>
</div>
</div>
<div class="threeColorTotal">
<p class="titleBg">三色概况</p>
<div>
<div>
<p>
<span>校园总数</span>
<span class="schoolInfoTotal"></span>
</p>
<div id="threeColorTotalEchat"></div>
</div>
<div>
<p>
<span>幼儿园</span>
<span class="schoolInfo_y"></span>
</p>
<div id="threeColorYEchat"></div>
</div>
<div>
<p>
<span>小学</span>
<span class="schoolInfo_x"></span>
</p>
<div id="threeColorXEchat"></div>
</div>
<div>
<p>
<span>中学</span>
<span class="schoolInfo_z"></span>
</p>
<div id="threeColorZEchat"></div>
</div>
</div>
</div>
</div>
</div>
<div class="mainContentL_top">
<div class="mainContentL_top_box">
<p class="titleBg">排名后十</p>
<div class="mainContentL_top_info">
<div>
<table class="layui-hide" id="starraingTopTen" lay-filter="starraingTopTen"></table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mainContentC">
<div class="mainContentC_school_top">
<div class="mainContentC_school_select">
<form class="layui-form" action="" id="mainContentC_schoolForm" lay-filter="mainContentC_schoolForm" >
<div class="layui-inline">
<label class="layui-form-label">派出所:</label>
<div class="layui-input-inline">
<select lay-filter="mainContentC_boroughSelect" id="mainContentC_boroughSelect" lay-search></select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">学校:</label>
<div class="layui-input-inline">
<select lay-filter="mainContentC_schoolSelect" id="mainContentC_schoolSelect" lay-search></select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">时间:</label>
<div class="layui-input-inline">
<select lay-filter="mainContentC_school_time" id="mainContentC_school_time" lay-search></select>
</div>
</div>
<div class="layui-inline">
<button type="button" class="layui-btn selectThreeColorBtn">查询</button>
</div>
</form>
</div>
</div>
<div class="mainContentC_school_logo"></div>
<div class="mainContentC_school_center"></div>
<div class="mainContentC_school_bottom">
<p>历史数据</p>
<div id="trendChartChart"></div>
</div>
</div>
<div class="mainContentR">
<div class="mainContentL_sInfo">
<p></p>
</div>
<div class="mainContentR_top">
<div class="mainContentR_top_box">
<p class="titleBg">防范案事件</p>
<div class="mainContentR_top_info">
<div id="mainContentR_top_info_echart"></div>
</div>
</div>
</div>
<div class="mainContentR_center">
<div class="mainContentR_center_box">
<div class="titleBg">
<span>历史概况</span>
<p>
<span class="selectThreeColorHistoryData">历史详情</span>
<span class="selectThreeColorDataTotal">报表</span>
</p>
</div>
<div class="schoolLevelHistory">
<div>
<form class="layui-form" action="" id="schoolLevelHistoryForm" lay-filter="schoolLevelHistoryForm" >
<div class="layui-inline">
<label class="layui-form-label">请选择时间:</label>
<div class="layui-input-inline">
<select name="interest" lay-filter="schoolLevelHistory_time" id="schoolLevelHistory_time" lay-search></select>
</div>
</div>
<div class="layui-inline">
<button type="button" class="layui-btn schoolHistoricalOverviewBtn">查询</button>
</div>
</form>
</div>
<div class="schoolHistoricalOverview"></div>
</div>
</div>
</div>
<div class="mainContentR_bottom">
<div class="mainContentR_bottom_box">
<p class="titleBg">待整改项目</p>
<div class="mainContentR_bottom_info_notComp">
<div class="factoryInfo"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../../public/js/echarts.min.js"></script>
<script src="../../public/layui/layui.all.js"></script>
<script src="../../public/js/jquery-3.4.1.min.js"></script>
<script src="../../public/js/export2Excel.js"></script>
<script src="../../public/js/axios.min.js"></script>
<script src="../../viewer/js/viewer.min.js"></script>
<script src="../../public/js/setTilte.js"></script>
<script src="./js/index.js" type="module"></script>
</body>
</html>