hb_zhgd_screen/pages/towerAssInspect/towerAssInspect.html

118 lines
3.9 KiB
HTML
Raw Permalink Normal View History

2025-10-13 09:33:54 +08:00
<!DOCTYPE html>
<html lang="en">
2025-10-17 15:35:18 +08:00
2025-10-13 09:33:54 +08:00
<head>
2025-10-17 15:35:18 +08:00
<meta charset="UTF-8">
2025-10-13 09:33:54 +08:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../css/font.css">
<link rel="stylesheet" href="../../plugin/layui-v2.9.7/layui/css/layui.css">
2025-10-17 15:35:18 +08:00
<link rel="stylesheet" href="../../css/coreTable.css" />
2025-10-13 09:33:54 +08:00
<script src="../../js/publics/sm4.js" type="text/javascript"></script>
<link rel="stylesheet" href="../../css/towerAssInspect/towerAssInspect.css">
<link rel="stylesheet" href="../../plugin/toolTip/mTips.css">
<link rel="stylesheet" href="../../css/shuiYin/shuiYin.css">
<script src="../../js/publics/jquery-3.6.0.min.js" type="text/javascript"></script>
<script src="../../plugin/layui-v2.9.7/layui/layui.js"></script>
<script src="../../js/publics/public.js" type="text/javascript"></script>
<script src="../../api/commonRequest.js" type="text/javascript"></script>
<script src="../../js/publics/aescbc.js"></script>
<script src="../../js/publics/echarts.js"></script>
<script src="../../js/publics/shuiYin.js"></script>
<script src="../../plugin/watermark.js"></script>
2025-10-17 15:35:18 +08:00
<script src="../../js/publics/openIframe.js" type="text/javascript"></script>
<title>组塔检测</title>
2025-10-13 09:33:54 +08:00
</head>
<script type="text/javascript">
2025-10-17 15:35:18 +08:00
let text = nickName + "\r\n" + roleName + "\r\n" + '建设部';
watermark.load({ watermark_txt: text });
2025-10-13 09:33:54 +08:00
</script>
2025-10-17 15:35:18 +08:00
2025-10-13 09:33:54 +08:00
<body>
2025-10-17 15:35:18 +08:00
<div class="layout main-box">
2025-10-13 09:33:54 +08:00
<div class="top-box">
<!-- 基塔模型 -->
<div class="top-box-left">
<div class="img-style tower-model">
<div style="height: 10%;width: 100%;">
<form class="layui-form layout">
2025-10-17 15:35:18 +08:00
<select class="layui-form" lay-search id="gt" lay-filter="gt">
</select>
2025-10-13 09:33:54 +08:00
</form>
</div>
<div class="img-style model">
<iframe id="modelIframe" width="100%" height="99%" frameborder="0"></iframe>
</div>
</div>
</div>
2025-10-17 15:35:18 +08:00
2025-10-13 09:33:54 +08:00
<!-- 中间的 -->
<div class="top-box-center">
<!-- 设备列表 -->
<div class="top-box-center-top">
2025-10-17 15:35:18 +08:00
<div class="img-style device-list">
2025-10-13 09:33:54 +08:00
<div class="device-list-top">
<div class="alarm-title"></div> 告警
<div class="normal-title"></div> 正常
<div class="connection-title"></div> 掉线
</div>
<div class="device-list-bot" id="deviceList">
</div>
</div>
</div>
<!-- 实时检测 -->
<div class="top-box-center-bot">
<div class="img-style detection" id="detection">
<!-- <div class="detection-style detection-incline">
<div class="detection-style-font">
<div class="detection-style-font-top">倾斜检测</div>
<div class="detection-style-font-bot">倾角30°</div>
</div>
</div>
<div class="detection-style detection-tension">
<div class="detection-style-font">
<div class="detection-style-font-top">张力检测</div>
<div class="detection-style-font-bot">张力30N</div>
</div>
</div>
<div class="detection-style detection-crash">
<div class="detection-style-font">
<div class="detection-style-font-top">碰撞检测</div>
<div class="detection-style-font-bot">碰撞正常</div>
</div>
</div> -->
</div>
</div>
2025-10-17 15:35:18 +08:00
2025-10-13 09:33:54 +08:00
</div>
<!-- 变化趋势 -->
<div class="top-box-right">
2025-10-17 15:35:18 +08:00
<div class="img-style tendency">
2025-10-13 09:33:54 +08:00
<div id="tendency" style="height: 100%;width: 100%;"></div>
</div>
</div>
</div>
2025-10-17 15:35:18 +08:00
2025-10-13 09:33:54 +08:00
<div class="bot-box">
<!-- 实施告警 -->
<div class="bot-box-left">
<div class="img-style real">
<div class="right-down-right">
2025-10-17 15:35:18 +08:00
<table id="demo1" lay-filter="test"></table>
2025-10-13 09:33:54 +08:00
</div>
</div>
</div>
<!-- 历史记录 -->
<div class="bot-box-right">
<div class="img-style history">
<div class="right-down-right">
2025-10-17 15:35:18 +08:00
<table id="demo2" lay-filter="test"></table>
2025-10-13 09:33:54 +08:00
</div>
</div>
</div>
</div>
</div>
</body>
2025-10-17 15:35:18 +08:00
<script src="../../js/pages/towerAssInspect/towerAssInspect.js" type="text/javascript"></script>
2025-10-13 09:33:54 +08:00
</html>