anxiao_web/index.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>