364 lines
18 KiB
HTML
364 lines
18 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>安校平台</title>
|
||
|
|
<link rel="stylesheet" href="./public/layui/css/layui.css">
|
||
|
|
<link rel="stylesheet" href="./pages/index/css/index.css">
|
||
|
|
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="cityManageContent">
|
||
|
|
<div id="mainHeader">
|
||
|
|
<div class="mainHeaderTop">
|
||
|
|
<div class="mainTopMenuList mainTopLeft">
|
||
|
|
<div>
|
||
|
|
<p class="temperature"></p>
|
||
|
|
<p class="weatherCondition"></p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p class="windDirection"></p>
|
||
|
|
<p class="temIndexNumber"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="systemNameUpdate">
|
||
|
|
<p class="setTitle">安校平台</p>
|
||
|
|
</div>
|
||
|
|
<div class="mainTopMenuList">
|
||
|
|
<div>
|
||
|
|
<p class="loginUser"><img src="./pages/index/image/user.png">admin</p>
|
||
|
|
<p class="fullScreen" state="close"><img src="./pages/index/image/fullscreen.png">全屏</p>
|
||
|
|
<p class="cmdDispatch">指挥调度</p>
|
||
|
|
</div>
|
||
|
|
<div class="currentTime"><span>星期一</span> <span>2023-02-20 12:29:11</span></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="mainContent">
|
||
|
|
<div class="mainContentL">
|
||
|
|
<div class="mainContentL_sInfo">
|
||
|
|
<p>基础信息</p>
|
||
|
|
</div>
|
||
|
|
<div class="mainContentL_sEegant">
|
||
|
|
<p class="titleBg">
|
||
|
|
统计数据
|
||
|
|
<span class="levelName">芙蓉区</span>
|
||
|
|
</p>
|
||
|
|
<div class="mainContentL_sEegant_box">
|
||
|
|
<div>
|
||
|
|
<img src="./pages/index/image/totalDataImg.png" alt="">
|
||
|
|
<p class="schoolTotal">0</p>
|
||
|
|
<p>校园总数</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<img src="./pages/index/image/totalDataImg.png" alt="">
|
||
|
|
<p class="schoolStudentsNumber">0</p>
|
||
|
|
<p>学生总数</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<img src="./pages/index/image/totalDataImg.png" alt="">
|
||
|
|
<p class="schoolTeachersNumber">0</p>
|
||
|
|
<p>教职工总数</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<img src="./pages/index/image/totalDataImg.png" alt="">
|
||
|
|
<p class="schoolGuardersNumber">0</p>
|
||
|
|
<p>安保人员总数</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mainContent_SchoolSafety">
|
||
|
|
<p class="titleBg">
|
||
|
|
校安风采
|
||
|
|
<span class="levelName">芙蓉区</span>
|
||
|
|
</p>
|
||
|
|
<div class="schoolSafety">
|
||
|
|
<div>
|
||
|
|
<div>
|
||
|
|
<img src="./pages/index/image/xinwen1.png" alt="">
|
||
|
|
</div>
|
||
|
|
<div>2023年芙蓉区公安工作会议召开</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div>
|
||
|
|
<img src="./pages/index/image/xinwen2.png" alt="">
|
||
|
|
</div>
|
||
|
|
<div>看护校园最安心的“警”色</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="mainContentL_sSafe">
|
||
|
|
<div class="titleBg">
|
||
|
|
区域星级评分
|
||
|
|
<span class="levelName">芙蓉区</span>
|
||
|
|
</div>
|
||
|
|
<div class="mainContentL_sSafe_box"></div>
|
||
|
|
</div>
|
||
|
|
<div class="mainContentL_sManage">
|
||
|
|
<div class="titleBg">
|
||
|
|
校园星级分布
|
||
|
|
<span class="levelName">芙蓉区</span>
|
||
|
|
</div>
|
||
|
|
<div class="mainContentL_sManage_box">
|
||
|
|
<div id="sManage_box_echart">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mainContentC">
|
||
|
|
<div class="mainContentC_t">
|
||
|
|
<div class="superli">
|
||
|
|
<ul>
|
||
|
|
<li class="centerBg"><a>校内</a></li>
|
||
|
|
<li><a>校外</a></li>
|
||
|
|
<li><a>校岗</a></li>
|
||
|
|
<li><a>校餐</a></li>
|
||
|
|
<li><a>校车</a></li>
|
||
|
|
<li><a>告警</a></li>
|
||
|
|
</ul>
|
||
|
|
<div>
|
||
|
|
<p class="mainContentC_title">芙蓉区</p>
|
||
|
|
<p><span class="systemTotal">0</span><span>分</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="indexMapBg"></div>
|
||
|
|
</div>
|
||
|
|
<div class="mainContentC_b">
|
||
|
|
<div class="mainContentC_b_t">
|
||
|
|
<span>预警事件 <span>(0)</span></span>
|
||
|
|
<span>更多</span>
|
||
|
|
</div>
|
||
|
|
<div class="mainContentC_b_b">
|
||
|
|
<table class="layui-hide" id="eventUpload" lay-filter="eventUpload"></table>
|
||
|
|
<script type="text/html" id="eventUploadScript">
|
||
|
|
<a class="layui-btn " lay-event="handle">详情</a>
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mainContentR">
|
||
|
|
<div class="mainContentR_sInfo">
|
||
|
|
<p>体征监控</p>
|
||
|
|
</div>
|
||
|
|
<div class="mainContentR_t">
|
||
|
|
<p class="titleBg">
|
||
|
|
体征轮巡
|
||
|
|
<span class="mainContentR_t_title">---校内</span>
|
||
|
|
<span class="levelName">芙蓉区</span>
|
||
|
|
</p>
|
||
|
|
<div class="mainContentR_t_box">
|
||
|
|
<ul>
|
||
|
|
<li index=0 class="selectColor"><span>校内<br/>正常</span><img src="./pages/index/image/pointer.png"></li>
|
||
|
|
<li index=1><span>校外<br/>正常</span></li>
|
||
|
|
<li index=2><span>校岗<br/>正常</span></li>
|
||
|
|
<li index=3><span>校餐<br/>正常</span></li>
|
||
|
|
<li index=4><span>校车<br/>正常</span></li>
|
||
|
|
<li index=5><span>告警<br/>正常</span></li>
|
||
|
|
</ul>
|
||
|
|
<div class="mainContentR_t_carousel">
|
||
|
|
<div class="layui-carousel" id="carousel" lay-filter="myCarousel">
|
||
|
|
<div carousel-item>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<div class="carousel_inschool schoolCarousel">
|
||
|
|
<p>基础设施</p>
|
||
|
|
<div class="carousel_inschool_t">
|
||
|
|
<div>
|
||
|
|
<p>封闭校园</p>
|
||
|
|
<p class="sealzone_number">0</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>防冲撞设备</p>
|
||
|
|
<p class="collision_number">0</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>报警系统联网</p>
|
||
|
|
<p class="alarmpush_number">0</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>视频系统联网</p>
|
||
|
|
<p class="ipclinked_number">0</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>护学岗建立</p>
|
||
|
|
<p class="schoolbox_number">0</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>明厨亮照联网</p>
|
||
|
|
<p class="kitchensystem_number">0</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p>校园类型</p>
|
||
|
|
<div class="carousel_inschool_b schoolCarousel_b">
|
||
|
|
<div id="inschool_echart"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<div class="carousel_inschool schoolCarousel">
|
||
|
|
<p>基础设施</p>
|
||
|
|
<div class="carousel_inschool_t">
|
||
|
|
<div>
|
||
|
|
<p>监控摄像总数</p>
|
||
|
|
<p>844</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>预总数</p>
|
||
|
|
<p>7654</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>校园周边预警</p>
|
||
|
|
<p>654</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p>校园周边预警分布</p>
|
||
|
|
<div class="carousel_inschool_b schoolCarousel_b">
|
||
|
|
<div id="outschool_echart"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<div class="carousel_inschool schoolCarousel">
|
||
|
|
<p>签到数量</p>
|
||
|
|
<div class="carousel_inschool_t">
|
||
|
|
<div>
|
||
|
|
<p>护校警力</p>
|
||
|
|
<p class="police_percent_number">0</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>专职保安</p>
|
||
|
|
<p class="guarder_percent_number">0</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>行政值班</p>
|
||
|
|
<p class="staff_percent_number">0</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>校内志愿者</p>
|
||
|
|
<p class="protector_percent_number">2</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p>校岗人员</p>
|
||
|
|
<div class="carousel_inschool_b schoolCarousel_b">
|
||
|
|
<div id="postschool_echart"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<div class="carousel_inschool schoolCarousel">
|
||
|
|
<div class="carousel_inschool_t">
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<p>食堂总数</p>
|
||
|
|
<p>50</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>员工总数</p>
|
||
|
|
<p>100</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>明厨亮灶</p>
|
||
|
|
<p>100</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p>预警分布</p>
|
||
|
|
<div class="carousel_inschool_b schoolCarousel_b">
|
||
|
|
<div id="roomschool_echart"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<div class="carousel_inschool schoolCarousel">
|
||
|
|
<p>校车信息</p>
|
||
|
|
<div class="carousel_inschool_t">
|
||
|
|
<div>
|
||
|
|
<p>校车总数</p>
|
||
|
|
<p class="schoolbus_number">0</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>司机总数</p>
|
||
|
|
<p class="busdrivers_number">0</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>随车老师</p>
|
||
|
|
<p class="busteachers_number">0</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p>预警分布</p>
|
||
|
|
<div class="carousel_inschool_b schoolCarousel_b">
|
||
|
|
<div id="carschool_echart"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
|
||
|
|
<div class="carousel_inschool schoolCarousel">
|
||
|
|
<div class="carousel_inschool_t">
|
||
|
|
<div>
|
||
|
|
<p>告警总数</p>
|
||
|
|
<p>50</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>已处理</p>
|
||
|
|
<p>100</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<p>未处理</p>
|
||
|
|
<p>100</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p>告警分布</p>
|
||
|
|
<div class="carousel_inschool_b schoolCarousel_b">
|
||
|
|
<div id="alarmschool_echart"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mainContentR_b">
|
||
|
|
<p class="titleBg">
|
||
|
|
月度走势
|
||
|
|
<span class="levelName">芙蓉区</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="mainContentR_b_box">
|
||
|
|
<div class="systemgradebox">
|
||
|
|
<div>
|
||
|
|
<p>2023-03月 预警告警走势</p>
|
||
|
|
<p>
|
||
|
|
<span class="systemgradeboxSelectBg">月</span>
|
||
|
|
<span>周</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div id="systemgradechart"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="./public/js/countUp.js"></script>
|
||
|
|
<script src="./public/js/axios.min.js"></script>
|
||
|
|
<script src="./public/js/jquery-3.4.1.min.js"></script>
|
||
|
|
<script src="./public/layui/layui.all.js"></script>
|
||
|
|
<script src="./public/js/echarts.min.js"></script>
|
||
|
|
<script src="./public/js/md5.js"></script>
|
||
|
|
<script src="./pages/index/js/index.js" type="module"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|