275 lines
13 KiB
HTML
275 lines
13 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="./lunbo/shutter.css">
|
||
<link rel="stylesheet" href="../../viewer/css/viewer.min.css">
|
||
<link rel="stylesheet" href="./css/index.css">
|
||
</head>
|
||
<body>
|
||
|
||
<div id="schoolNavList">
|
||
<div class="schoolNavContent">
|
||
<ul>
|
||
<li class="basicInfo">
|
||
<img src="./image/2.png" alt="">
|
||
<span>首页</span>
|
||
</li>
|
||
<li class="videoInspection">
|
||
<img src="./image/1.png" alt="">
|
||
<span>视频巡查</span>
|
||
</li>
|
||
<li class="workInClock">
|
||
<img src="./image/6.png" alt="">
|
||
<span>护校考勤</span>
|
||
</li>
|
||
<li class="starrating">
|
||
<img src="./image/4.png" alt="">
|
||
<span>星级评定</span>
|
||
</li>
|
||
<li class="threeColorAlarm">
|
||
<img src="./image/5.png" alt="">
|
||
<span>三色预警</span>
|
||
</li>
|
||
<li class="schoolStyle">
|
||
<img src="./image/8.png" alt="">
|
||
<span>校园风采</span>
|
||
</li>
|
||
<li class="intelligenceEarlyWarning">
|
||
<img src="./image/7.png" alt="">
|
||
<span>智能预警</span>
|
||
</li>
|
||
<li class="policeProtectionLinkage">
|
||
<img src="./image/3.png" alt="">
|
||
<span>警保联动</span>
|
||
</li>
|
||
<li class="information">
|
||
<img src="./image/9.png" alt="">
|
||
<span>信息统计</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cityManageContent">
|
||
<div id="mainTop">
|
||
<div>
|
||
<img src="./image/slide.png" alt="" class="navSilde" state="close">
|
||
<ul>
|
||
<li class="selected">首页</li>
|
||
<li class="schoolStyle">安全管理</li>
|
||
<li class="intelligenceEarlyWarning">智能预警</li>
|
||
<li class="policeProtectionLinkage">警保联动</li>
|
||
</ul>
|
||
</div>
|
||
<div class="setTitle"></div>
|
||
<div>
|
||
<ul>
|
||
<li class="systemtime"></li>
|
||
<li class="systemweek"></li>
|
||
<li class="fullPage" state="close">全屏</li>
|
||
<li class="exit">退出</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div id="mainContent">
|
||
<div class="mainContentL">
|
||
<div class="basicInfo">
|
||
<p class="leftTitle">护校考勤</p>
|
||
<div class="basicInfoContent">
|
||
<div class="basicInfo_left basicInfo_Content_class">
|
||
<div>
|
||
<p>
|
||
<span></span>
|
||
<span>幼儿园</span>
|
||
</p>
|
||
<p class="school_y_number">0</p>
|
||
</div>
|
||
<div>
|
||
<p>
|
||
<span></span>
|
||
<span>小学</span>
|
||
</p>
|
||
<p class="school_x_number">0</p>
|
||
</div>
|
||
<div>
|
||
<p>
|
||
<span></span>
|
||
<span>中学</span>
|
||
</p>
|
||
<p class="school_z_number">0</p>
|
||
</div>
|
||
</div>
|
||
<div class="basicInfo_center">
|
||
<p class="school_total">0</p>
|
||
</div>
|
||
<div class="basicInfo_right basicInfo_Content_class">
|
||
<div>
|
||
<p>
|
||
<span></span>
|
||
<span>点位数量</span>
|
||
</p>
|
||
<p class="clockInTotal">0</p>
|
||
</div>
|
||
<div>
|
||
<p>
|
||
<span></span>
|
||
<span>已打点位</span>
|
||
</p>
|
||
<p class="clockInCheckedIn">0</p>
|
||
</div>
|
||
<div>
|
||
<p>
|
||
<span></span>
|
||
<span>未打点位</span>
|
||
</p>
|
||
<p class="clockInNoCheckedIn">0</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<p class="leftTitle">视频轮巡</p>
|
||
<div class="videoSecurityPlayZindex"></div>
|
||
</div>
|
||
<div class="intelligentEarlyWarning">
|
||
<p class="leftTitle">智能预警</p>
|
||
<div class="intelligentEarlyWarningContent">
|
||
<ul>
|
||
<li type="1" class="borderAnim">
|
||
<div>
|
||
<p>天网</p>
|
||
<p class="policeEventCount">0</p>
|
||
</div>
|
||
</li>
|
||
<li type="2">
|
||
<div>
|
||
<p>行为预警</p>
|
||
<p class="aiEventCount">0</p>
|
||
</div>
|
||
</li>
|
||
<li type="3">
|
||
|
||
<div>
|
||
<p>一键报警</p>
|
||
<p class="pushButtonEventCount">0</p>
|
||
</div>
|
||
</li>
|
||
<li type="4">
|
||
<div>
|
||
<p>移动报警</p>
|
||
<p class="mdevEventCount">0</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
|
||
<div class="intelligentEarlyWarningContentBox">
|
||
<div class="layui-carousel" id="intelligentAlarmCarousel" lay-filter="intelligentAlarmCarousel">
|
||
<div carousel-item=""></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="mainContentC">
|
||
<div>
|
||
<div class="schoolStyle">
|
||
<div >安全<br/>管理</div>
|
||
<div></div>
|
||
</div>
|
||
<div class="intelligenceEarlyWarning">
|
||
<div>智能<br/>预警</div>
|
||
<div></div>
|
||
</div>
|
||
<div class="policeProtectionLinkage">
|
||
<div>警保<br/>联动</div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
<div id="marinContentMapContent">
|
||
<div class="layui-carousel" id="systemCarousel" lay-filter="systemCarousel">
|
||
<div carousel-item="">
|
||
<div id="marinContentMap"></div>
|
||
<div id="systemIntroduction">
|
||
<p>芙蓉概况</p>
|
||
<p>芙蓉区区域面积42.8平方公里，常住人口60万。下辖13个街道、1个省级园区（隆平高科技园）。芙蓉区是湖南省会长沙的中心城区，也是湖南省委、省政府机关二院、省军区等首脑机关所在地。这里服务业发达，高端楼宇和现代商圈交相辉映，是商贾云集的繁荣之区；这里历史底蕴深厚，马王堆汉墓、白果园化龙池历史街区等承载着城市记忆，是文脉绵延的钟秀之区；这里万象俱新，隆平新区和种业硅谷焕发蓬勃生机，自贸试验区带来新的发展机遇，是创业创新的梦想之区。</p>
|
||
<p>芙蓉区用全市1/276的土地创造了近1/10的经济总量，是全省传统的区域性金融中心、商务中心、消费中心。全省4家金融监管一级总部机构均在芙蓉区，湖南省金融创新特色产业园获评全省服务业示范集聚区。芙蓉区楼宇经济拥有良好的发展基础，构建了以五一大道、芙蓉路、韶山路三条城市干道两厢为主体的三大楼宇经济带，建成了湖南第一高楼长沙国金中心、湖南第二高楼世茂环球金融中心等城市地标，汇聚了平和堂、乐和城、友谊商店、新世界等大型综合性商场，形成了五一商圈、芙蓉广场商圈、袁家岭商圈等全省、全市知名商圈。</p>
|
||
<p>展望“十四五”，芙蓉区将奋力实施“三高四新”战略，突出“三重三强”导向，构建“三极三区”格局，夯实“三十”具体支撑，奋力建设经济更具动力活力、城市更加精致精美、社会更为文明和谐、人民更感安全幸福的现代化精彩新芙蓉。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="alarmTrends">
|
||
<div class="layui-tab" lay-filter="alarmTrendsTab" id="alarmTrendsTab">
|
||
<ul class="layui-tab-title">
|
||
<li lay-id="22">重点视频</li>
|
||
</ul>
|
||
<div class="layui-tab-content">
|
||
<div class="layui-tab-item layui-show">
|
||
<div class="videoTrendInfo">
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="mainContentR">
|
||
<div class="schoolStyleInfo">
|
||
<p class="leftTitle">校园风采</p>
|
||
<div id="schoolStyleCarousel">
|
||
<div class="shutter">
|
||
<div class="shutter-img"></div>
|
||
<ul class="shutter-btn">
|
||
<li class="prev"></li>
|
||
<li class="next"></li>
|
||
</ul>
|
||
<div class="shutter-desc">
|
||
<p></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="starRatingInfo">
|
||
<p class="leftTitle">星级评定</p>
|
||
<div class="starRatingContent">
|
||
<ul></ul>
|
||
<div class="starRating_list_lh">
|
||
<ul></ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="threeColorInfo">
|
||
<p class="leftTitle">三色预警</p>
|
||
<div class="threeColorContent">
|
||
<ul></ul>
|
||
<div class="colorRating_list_lh">
|
||
<ul></ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="./js/echarts501.min.js"></script>
|
||
<script src="./js/echarts-gl.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/axios.min.js"></script>
|
||
<script src="../../viewer/js/viewer.min.js"></script>
|
||
<script src="../../public/js/setTilte.js"></script>
|
||
<script src="./js/count.js"></script>
|
||
<script src="js/scroll.js"></script>
|
||
<script src="./lunbo/velocity.js"></script>
|
||
<script src="./lunbo/shutter.js"></script>
|
||
<script src="./js/index.js" type="module"></script>
|
||
</body>
|
||
</html> |