183 lines
9.0 KiB
HTML
183 lines
9.0 KiB
HTML
|
<!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>
|