ah_jjzhgd_webscreen/pages/consQuality/consQuality.html

105 lines
5.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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">
<link rel="stylesheet" href="../../css/consQuality/consQuality.css">
<script src="../../js/publics/jquery-3.6.0.min.js" type="text/javascript"></script>
<script src="../../js/publics/public.js"></script>
<script src="../../plugin/scroll/jquery.nicescroll.min.js"></script>
<script src="../../js/publics/echarts.js"></script>
<script src="../../plugin/layui-v2.9.7/layui/layui.js"></script>
<script src="../../api/commonRequest.js" type="text/javascript"></script>
<script src="../../js/publics/aescbc.js"></script>
<script src="../../js/consQuality/consQuality.js"></script>
<title>施工质量</title>
</head>
<body>
<div class="large-frame layout">
<div class="left layout-vertical">
<div class="left-down">
<div class="background-img" style="background-image: url('../../img/consQuality/QualityInspection.png');">
<div style="display: flex;width: 100%;height: 100%;flex-direction: column;">
<div class="state-box">
<div class="state"></div>
<p>告警</p>
<div class="state"></div>
<p>正常</p>
<div class="state"></div>
<p>离线</p>
</div>
<div class="environment">
</div>
</div>
</div>
</div>
<div class="left-under">
<div class="background-img" style="background-image: url('../../img/consQuality/AlarmContent.png');">
<div style="height: 100%;width: 100%;overflow: auto;">
<table id="alarm" lay-filter="test"></table>
</div>
</div>
</div>
</div>
<div class="right layout-vertical">
<div class="right-down">
<div class="background-img layout-vertical" style="background-image: url('../../img/consQuality/ConstructionQuality.png');">
<div style="width: 100%;height: 100%;">
<form class="layui-form " onsubmit="return false">
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">时间:</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="ID-laydate-type-datetime" placeholder="HH:mm:ss">
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">施工工艺:</label>
<div class="layui-input-inline">
<select lay-search id="construction">
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">区域:</label>
<div class="layui-input-inline">
<select lay-search id="region">
</select>
</div>
</div>
<div class="layui-inline">
<div class="layui-col-xs12">
<button class="layui-btn" lay-submit lay-filter="demo-table-search">查询</button>
</div>
</div>
<div class="layui-inline">
<div class="layui-col-xs12">
<button id="myButton" class="layui-btn" lay-filter="demo-table-search">历史记录</button>
</div>
</div>
</div>
</form>
<div style="width: 100%;height: 85%;overflow: auto;">
<table class="layui-hide" id="demo" lay-filter="test"></table>
</div>
</div>
</div>
</div>
<div class="left-under layout">
<div class="background-img" style="background-image: url('../../img/consQuality/DetectionRecord.png');">
<div class="layout" style="width: 100%;height: 10%">
<div class="button-style" onclick="detectionRecord()">桩基成孔</div>
<div class="button-style" onclick="detectionRecord()">地面压实</div>
<div class="button-style" onclick="detectionRecord()">大面积混凝土浇筑</div>
</div>
<div id="dome" style="height: 90%;width: 100%;"></div>
</div>
</div>
</div>
</div>
</body>
</html>