anxiao_web/pages/newIndex/index.html

275 lines
13 KiB
HTML
Raw Normal View History

2024-07-24 09:22:32 +08:00
<!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>