196 lines
9.2 KiB
HTML
196 lines
9.2 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/sm4.js" type="text/javascript"></script>
|
|
<script src="../../../js/publics/jquery-3.6.0.min.js" type="text/javascript"></script>
|
|
<script src="../js/loader.js" type="text/javascript"></script>
|
|
<script src="../../../js/publics/public.js"></script>
|
|
<script src="../../../plugin/scroll/jquery.nicescroll.min.js"></script>
|
|
<script src="../../../plugin/scrollNum/scroll.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/aescbc.js"></script>
|
|
<script src="../../../js/publics/sm3.js"></script>
|
|
<!-- <script src="http://api.map.baidu.com/getscript?v=3.0&ak=s0zhKgClIXRG8hQp3HB4KtiXPWw1dP8B"></script> -->
|
|
<script src="../../../api/commonRequest.js"></script>
|
|
<script src="../../../plugin/watermark.js"></script>
|
|
<title>首页</title>
|
|
|
|
<style>
|
|
.mini-size {
|
|
font-size: 12px;
|
|
}
|
|
.pr-5 {
|
|
padding-right: 5px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<script type="text/javascript">
|
|
let text = nickName +"\r\n"+ roleName +"\r\n" + '建设部';
|
|
watermark.load({ watermark_txt: text });
|
|
</script>
|
|
<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 style="color: #29FCDF; font-size: 16px;">待建</p>
|
|
<p style="color: #29FCDF; font-size: 24px;" id="engineering-statistic-item-1">0</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="text-left engineering-statistic-item__left">
|
|
<p style="color: #29FCDF; font-size: 16px;">在建</p>
|
|
<p style="color: #29FCDF; font-size: 24px;" id="engineering-statistic-item-2">0</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="engineering-statistic-item" style="font-size: 30px; position: relative">
|
|
<p style="color: #29FCDF; font-size: 26px;" id="engineering-statistic-item-3">0</p>
|
|
<p style="color: #f0f0f0; position: absolute; bottom: 20%; font-size: 16px">总数</p>
|
|
</div>
|
|
<div class="engineering-statistic-item">
|
|
<div>
|
|
<div class="text-right engineering-statistic-item__right">
|
|
<p style="color: #FF9C65; font-size: 16px;">投产</p>
|
|
<p style="color: #FF9C65; font-size: 24px;" id="engineering-statistic-item-4">0</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="text-right engineering-statistic-item__right">
|
|
<p style="color: #FF9C65; font-size: 16px;">停工</p>
|
|
<p style="color: #FF9C65; font-size: 24px;" id="engineering-statistic-item-5">0</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="quality-ranking" style="padding: 7% 3% 3% 3%;">
|
|
<div id="quality-ranking-title" class="layout">
|
|
<p>排名</p>
|
|
<p>工程名称</p>
|
|
<p>班组名称</p>
|
|
<p>班组长</p>
|
|
<p>施工质量</p>
|
|
</div>
|
|
<ul id="quality-ranking-table" class="custom-table">
|
|
|
|
</ul>
|
|
</div>
|
|
<div id="environment-analysis">
|
|
<div id="environment-analysis-1" class="environment-analysis-item">
|
|
<div>
|
|
<p style="color: #34FEE5">正常 <span>0</span></p>
|
|
<p style="color: #FF8845">异常 <span>0</span></p>
|
|
</div>
|
|
<div class="mini-size pr-5">空气质量</div>
|
|
</div>
|
|
<div id="environment-analysis-2" class="environment-analysis-item">
|
|
<div>
|
|
<p style="color: #34FEE5">正常 <span>0</span></p>
|
|
<p style="color: #FF8845">异常 <span>0</span></p>
|
|
</div>
|
|
<div class="mini-size pr-5">噪声水平</div>
|
|
</div>
|
|
<div id="environment-analysis-3" class="environment-analysis-item">
|
|
<div>
|
|
<p style="color: #34FEE5">正常 <span>0</span></p>
|
|
<p style="color: #FF8845">异常 <span>0</span></p>
|
|
</div>
|
|
<div class="mini-size pr-5">灰尘浓度</div>
|
|
</div>
|
|
</div>
|
|
<div id="device-status">
|
|
<div class="device-status-text">
|
|
<p>
|
|
总设备：<span id="device-status__total">0</span>
|
|
</p>
|
|
 
|
|
<p style="color: #34FEE5">
|
|
在线：<span id="device-status__online">0</span>
|
|
</p>
|
|
 
|
|
<p style="color: #FF8845">
|
|
不在线：<span id="device-status__offline">0</span>
|
|
</p>
|
|
</div>
|
|
<div id="device-status-chart">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bid-pro-select" style="display: none;">
|
|
<form class="layui-form layout">
|
|
<select class="layui-form-select" lay-search id="bidPro" lay-filter="bidPro">
|
|
</select>
|
|
</form>
|
|
</div>
|
|
<div id="center-box">
|
|
<div class="switch-btn">
|
|
<form class="layui-form switch-form" onsubmit="return false;">
|
|
<div class="layui-form-item layout">
|
|
<p style="color: #fff;font-size: 18px;margin: 10px;">杆塔</p>
|
|
<input type="checkbox" name="terrain" lay-skin="switch" lay-filter="terrain">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div id="map" style="display: none;"></div>
|
|
<div id="echarts-map"></div>
|
|
<div class="multiselect layout" id="multiselect">
|
|
<div class="check-risk layout" isCheck='1'><img src="../image/xz.png">
|
|
<p checkedName="" style="color: white">全选</p>
|
|
</div>
|
|
<div class="check-risk layout" isCheck='1'><img src="../image/xz.png">
|
|
<p checkedName="2" style="color: #F53535;">二级</p>
|
|
</div>
|
|
<div class="check-risk layout" isCheck='1'><img src="../image/xz.png">
|
|
<p checkedName="3" style="color: #FD9B02;">三级</p>
|
|
</div>
|
|
<div class="check-risk layout" isCheck='1'><img src="../image/xz.png">
|
|
<p checkedName="4" style="color: #FFDE2D;">四级</p>
|
|
</div>
|
|
<div class="check-risk layout" isCheck='1'><img src="../image/xz.png">
|
|
<p checkedName="5" style="color: #17D660;">五级</p></div>
|
|
</div>
|
|
</div>
|
|
<div id="right-box">
|
|
<div id="safety-analysis"></div>
|
|
<div id="efficiency-analysis" style="box-sizing: border-box"></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" style="padding: 7% 3% 2% 3%">
|
|
<!-- <ul id="alarm-reminder-table" class="custom-table">
|
|
<li class="custom-table__title">
|
|
<div>工程名称</div>
|
|
<div>告警内容</div>
|
|
</li>
|
|
</ul>
|
|
<div style="text-align: center; line-height: 32px;" class="alarm-reminder__empty">暂无数据</div> -->
|
|
<div id="alarm-reminder-title" class="layout">
|
|
<p>工程名称</p>
|
|
<p>告警内容</p>
|
|
</div>
|
|
<ul id="alarm-reminder-table" class="custom-table">
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="../js/main.js" type="text/javascript"></script>
|
|
|
|
</html> |