148 lines
7.8 KiB
HTML
148 lines
7.8 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="../../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/质量检测设备.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 class="layout" style="width: 100%;height: 50%;">
|
|
<div class="layout monitor-data">
|
|
<div class="monitor-icon"></div>
|
|
<p>设备一</p>
|
|
</div>
|
|
<div class="layout monitor-data">
|
|
<div class="monitor-icon"></div>
|
|
<p>设备二</p>
|
|
</div>
|
|
<div class="layout monitor-data">
|
|
<div class="monitor-icon"></div>
|
|
<p>设备三</p>
|
|
</div>
|
|
</div>
|
|
<div class="layout" style="width: 100%;height: 50%;">
|
|
<div class="layout monitor-data">
|
|
<div class="monitor-icon"></div>
|
|
<p>设备一</p>
|
|
</div>
|
|
<div class="layout monitor-data">
|
|
<div class="monitor-icon"></div>
|
|
<p>设备二</p>
|
|
</div>
|
|
<div class="layout monitor-data">
|
|
<div class="monitor-icon"></div>
|
|
<p>设备三</p>
|
|
</div>
|
|
</div>
|
|
<div class="layout" style="width: 100%;height: 50%;">
|
|
<div class="layout monitor-data">
|
|
<div class="monitor-icon"></div>
|
|
<p>设备一</p>
|
|
</div>
|
|
<div class="layout monitor-data">
|
|
<div class="monitor-icon"></div>
|
|
<p>设备二</p>
|
|
</div>
|
|
<div class="layout monitor-data">
|
|
<div class="monitor-icon"></div>
|
|
<p>设备三</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="left-under">
|
|
<div class="background-img" style="background-image: url('../../img/consQuality/告警内容.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/施工质量列表.png');">
|
|
<div style="width: 100%;height: 100%;">
|
|
<form class="layui-form ">
|
|
<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>
|
|
<option value="">请选择</option>
|
|
<option value="AAA">选项 A</option>
|
|
<option value="BBB">选项 B</option>
|
|
<option value="CCC">选项 C</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">区域：</label>
|
|
<div class="layui-input-inline">
|
|
<select>
|
|
<option value="">请选择</option>
|
|
<option value="AAA">选项 A</option>
|
|
<option value="BBB">选项 B</option>
|
|
<option value="CCC">选项 C</option>
|
|
</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>
|
|
</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/检测记录对比.png');">
|
|
<div class="layout" style="width: 100%;height: 10%">
|
|
<div class="button-style">桩基成孔</div>
|
|
<div class="button-style">地面压实</div>
|
|
<div class="button-style">大面积混凝土浇筑</div>
|
|
</div>
|
|
<div id="dome" style="height: 90%;width: 100%;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |