137 lines
5.7 KiB
HTML
137 lines
5.7 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/main.css">
|
|
<link rel="stylesheet" href="../css/table.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/publics/aes.js"></script>
|
|
<script src="../../../js/publics/sm3.js"></script>
|
|
<title>首页</title>
|
|
|
|
<style>
|
|
.layui-table-body {
|
|
background-color: transparent !important; /* 设置表格主体背景为透明 */
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="main-box" class="layout">
|
|
|
|
<div id="left-box">
|
|
<div id="engineering-statistic">
|
|
<div id="engineering-statistic-bg">
|
|
<div class="engineering-statistic-item">
|
|
<div>
|
|
<div class="text-left engineering-statistic-item__left">
|
|
<p>待建</p>
|
|
<p>300</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="text-left engineering-statistic-item__left">
|
|
<p>在建</p>
|
|
<p>300</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="engineering-statistic-item" style="font-size: 30px">100</div>
|
|
<div class="engineering-statistic-item">
|
|
<div>
|
|
<div class="text-right engineering-statistic-item__right">
|
|
<p>投产</p>
|
|
<p>300</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="text-right engineering-statistic-item__right">
|
|
<p>停工</p>
|
|
<p>300</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="quality-ranking" class="transparentDataTable" style="padding: 10% 3% 2% 3%">
|
|
<table id="demo" lay-filter="test"></table>
|
|
</div>
|
|
<div id="environment-analysis">
|
|
<div id="environment-analysis-1" class="environment-analysis-item">
|
|
<div>
|
|
<p>正常999</p>
|
|
<p>异常999</p>
|
|
</div>
|
|
<div>空气质量</div>
|
|
</div>
|
|
<div id="environment-analysis-2" class="environment-analysis-item">
|
|
<div>
|
|
<p>正常999</p>
|
|
<p>异常999</p>
|
|
</div>
|
|
<div>噪声水平</div>
|
|
</div>
|
|
<div id="environment-analysis-3" class="environment-analysis-item">
|
|
<div>
|
|
<p>正常999</p>
|
|
<p>异常999</p>
|
|
</div>
|
|
<div>灰尘浓度</div>
|
|
</div>
|
|
</div>
|
|
<div id="device-status">
|
|
<div>
|
|
<p>
|
|
<span></span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="center-box">
|
|
<div id="echarts-map">
|
|
|
|
</div>
|
|
<div class="multiselect layout" id="multiselect">
|
|
<div class="check-risk layout" isCheck='1'><img src="../image/未选择.png">
|
|
<p checkedName="" style="color: white">全选</p>
|
|
</div>
|
|
<div class="check-risk layout" isCheck='1'><img src="../image/未选择.png">
|
|
<p checkedName="2" style="color: #bf0b2c;">二级</p>
|
|
</div>
|
|
<div class="check-risk layout" isCheck='1'><img src="../image/未选择.png">
|
|
<p checkedName="3" style="color: #DD690B;">三级</p>
|
|
</div>
|
|
<div class="check-risk layout" isCheck='1'><img src="../image/未选择.png">
|
|
<p checkedName="4" style="color: #dcdc43;">四级</p>
|
|
</div>
|
|
<div class="check-risk layout" isCheck='1'><img src="../image/未选择.png">
|
|
<p checkedName="5" style="color: #28db18;">五级</p></div>
|
|
</div>
|
|
</div>
|
|
<div id="right-box">
|
|
<div id="safety-analysis"></div>
|
|
<div id="efficiency-analysis"></div>
|
|
<div id="resource-rate">
|
|
<div class="resource-rate-item">人员利用率</div>
|
|
<div class="resource-rate-item">设备利用率</div>
|
|
<div class="resource-rate-item">能源利用率</div>
|
|
</div>
|
|
<div id="alarm-reminder" class="transparentDataTable" style="padding: 10% 3% 2% 3%">
|
|
<table id="demo2" lay-filter="test2"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<!--<script src="../../../js/pages/index/indexEcharts.js" type="text/javascript"></script>-->
|
|
<!--<script src="../../../js/pages/index/index.js" type="text/javascript"></script>-->
|
|
<script src="../js/main.js" type="text/javascript"></script>
|
|
|
|
</html> |