94 lines
2.4 KiB
HTML
94 lines
2.4 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">
|
|
<link rel="stylesheet" href="css/index.css">
|
|
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
|
|
<!-- <script type="text/javascript" src="js/echarts.min.js"></script> -->
|
|
<script type="text/javascript" src="js/echarts.min.old.js"></script>
|
|
<title>大屏监控</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header-container">
|
|
<div class="tou">
|
|
<div class="zi">数 据 可 视 化 看 板</div>
|
|
<img src="img/tou.png">
|
|
</div>
|
|
<div class="datetime-box">
|
|
<div class="shijian"></div>
|
|
<div class="riqi"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content-wrapper">
|
|
<div class="lanes-container">
|
|
<!-- Lane 1 -->
|
|
<div class="lane-column">
|
|
<div class="lane-header">1巷道</div>
|
|
<div class="lane-part">
|
|
<div class="divHead">
|
|
<div class="name">任务监控</div>
|
|
<div class="name1"></div>
|
|
</div>
|
|
<div class="part-content" id="lane1"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Lane 2 -->
|
|
<div class="lane-column">
|
|
<div class="lane-header">2巷道</div>
|
|
<div class="lane-part">
|
|
<div class="divHead">
|
|
<div class="name">任务监控</div>
|
|
<div class="name1"></div>
|
|
</div>
|
|
<div class="part-content" id="lane2"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Lane 3 -->
|
|
<div class="lane-column">
|
|
<div class="lane-header">3巷道</div>
|
|
<div class="lane-part">
|
|
<div class="divHead">
|
|
<div class="name">任务监控</div>
|
|
<div class="name1"></div>
|
|
</div>
|
|
<div class="part-content" id="lane3"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Alarm Section -->
|
|
<div class="alarm-section">
|
|
<div class="divHead">
|
|
<div class="name">报警信息</div>
|
|
<div class="name1"></div>
|
|
</div>
|
|
<div class="alarm-list-container" id="alarm-list">
|
|
<ul class="kuang">
|
|
<li>
|
|
<p>任务号</p>
|
|
<p>时间</p>
|
|
<p>类型</p>
|
|
<p>详情</p>
|
|
</li>
|
|
</ul>
|
|
<div class="alarm-content-scroll">
|
|
<ul class="alarm-items">
|
|
<!-- Dynamic content will go here -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript" src="js/index.js"></script>
|
|
</body>
|
|
|
|
</html> |