120 lines
5.8 KiB
HTML
120 lines
5.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>护线员首页</title>
|
|
<script src="../../plugs/jquery/jquery-3.6.0.min.js"></script>
|
|
<script src="../../js/public/jq.js"></script>
|
|
<script src="../../js/public/public.js"></script>
|
|
<script src="../../js/public/public_utils.js"></script>
|
|
<script src="../../js/public/aescbc.js"></script>
|
|
<script src="../../js/public/echarts.min.js"></script>
|
|
<script src="../../js/public/echarts-liquidfill.min.js"></script>
|
|
<script src="../../plugs/layui-v2.9.2/layui/layui.js"></script>
|
|
<link href="../../plugs/layui-v2.9.2/layui/css/layui.css" rel="stylesheet">
|
|
<script src="../../util/Interceptor.js"></script>
|
|
<!--业务js-->
|
|
<script src="../../js/wireManager/index.js"></script>
|
|
<!-- css -->
|
|
<link type="text/css" media="screen" href="../../css/wireManager/index.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div style="height: 100%;width: 100%;display: flex;flex-direction: column;margin: 0;">
|
|
<div id="dataOverview">
|
|
<div id="dataOverviewTitle">
|
|
<div><span>数据概览</span></div>
|
|
</div>
|
|
<div class="dataOverview">
|
|
<div class="dataOverviewTop" style="border-color: #FB6260" onclick="detailsClick()">
|
|
<div class="top">
|
|
<div class="typeTitle" style="font-size: 14px;">线路总数（项）</div>
|
|
<div class="iconBox"> <img src="../../image/dataIcon1.png" alt="" srcset=""> </div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div id="proNum">--</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dataOverviewTop" style="border-color: #0099FF" onclick="detailsClick(1)">
|
|
<div class="top">
|
|
<div class="typeTitle" style="font-size: 14px;">护线员人数（人）</div>
|
|
<div class="iconBox"> <img src="../../image/dataIcon2.png" alt="" srcset=""> </div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div id="workerNum">--</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dataOverviewTop" style="border-color: #8167F5" onclick="inherentClick()">
|
|
<div class="top">
|
|
<div class="typeTitle" style="font-size: 14px;">杆塔总数（基）</div>
|
|
<div class="iconBox"> <img src="../../image/dataIcon3.png" alt="" srcset=""> </div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div id="towerNum">--</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dataOverviewTop" style="border-color: #51D351" onclick="inherentClick()">
|
|
<div class="top">
|
|
<div class="typeTitle" style="font-size: 14px;">本月已巡视（基）</div>
|
|
<div class="iconBox"> <img src="../../image/dataIcon4.png" alt="" srcset=""> </div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div id="makeNum">--</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dataOverviewTop" style="border-color: #FF7A8C" onclick="detailsClick()">
|
|
<div class="top">
|
|
<div class="typeTitle" style="font-size: 14px;">本月未巡视（基）</div>
|
|
<div class="iconBox"> <img src="../../image/dataIcon5.png" alt="" srcset=""> </div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div id="notMakeNum">--</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="dataOverviewTop" style="border-color: #FBA64B" onclick="detailsClick()">
|
|
<div class="top">
|
|
<div class="typeTitle" style="font-size: 14px;">本月特巡天数（天）</div>
|
|
<div class="iconBox"> <img src="../../image/dataIcon5.png" alt="" srcset=""> </div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div id="specialDayNum">--</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="h50bg">
|
|
<div class="title">
|
|
<div><span>到位率</span><b>（已巡杆塔数/总杆塔数）</b></div>
|
|
</div>
|
|
<div class="titleEcharts" style="flex-direction: row">
|
|
<div style="height: 100%;width: 38%;display: flex;flex-direction: column;">
|
|
<div style="height: 95%;width: 100%;">
|
|
<div style="height: 100%;width: 100%;" id="monthRate">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="height: 100%;width: 62%;">
|
|
<div style="height: 94%;width: 100%;margin-top: 1%;">
|
|
<div style="height: 100%;width: 100%;overflow: auto;" id="personnelRate" class="scrollable">
|
|
<table id="personnelTable" border="0" style="width: 100%;white-space: nowrap;">
|
|
<thead>
|
|
<tr></tr>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |