hn_cloud_web/smz-screen/page/home/home.html

128 lines
4.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../../css/home/home.css" />
<link rel="stylesheet" type="text/css" href="../../css/core/bootstrap/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="../../css/core/bootstrap-table/bootstrap-table.css"/>
<title>农民工实名制管理系统</title>
<script src="../../js/core/jquery-3.6.0.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=PM43nB8eDNTBrXkQwGrTQFcmOni3Z9nO"></script>
<script src="../../js/core/layer-v3.1.0/layer/layer.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/core/bootstrap/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/core/bootstrap-table/bootstrap-table.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/core/bootstrap-table/locale/bootstrap-table-zh-CN.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/core/echarts.js"></script>
<script src="../../js/core/public.js"></script>
<script src="../../js/home/home.js"></script>
<!-- <script src="https://echarts.baidu.com/resource/echarts-gl-latest/dist/echarts-gl.min.js"></script>-->
<script src="../../js/home/map.js" type="text/javascript"></script>
</head>
<body>
<div id="top">
<div id="topData">
<div style="width: 60%;height: 100%;float: left;">
<div style="width: 20%;height: 100%;float: left;">
<img src="../../img/home/time.png" style="margin-top: 35%;margin-left: 10%;"/>
</div>
<div style="width: 80%;height: 100%;float: left;">
<span id="hours"></span><br/><span id="year"></span>
</div>
</div>
<div style="width: 40%;height: 100%;float: left;">
<div style="width: 20%;height: 100%;float: left;">
<img src="../../img/home/position.png" style="margin-top: 48%;margin-left: 10%;"/>
</div>
<div style="width: 80%;height: 100%;float: left;">
<div id="city"></div>
</div>
</div>
</div>
</div>
<div id="mid">
<div id="left">
<!-- 工种统计 -->
<div id="workType"></div>
<!-- 合同统计 -->
<div id="contract"></div>
<!-- 项目概况 -->
<!-- <div id="proView"> -->
<!-- 已完工 -->
<!-- <div id="overPro" onclick="showProInfo('已完工')"></div> -->
<!-- 未完工 -->
<!-- <div id="unfinishedPro" onclick="showProInfo('未完工')"></div> -->
<!-- </div> -->
<!-- 人员管理 -->
<div id="peopleManage">
<div id="peopleDiv">
<div id="peopleTypeCount">
<div id="zcDiv">
<div id="zcImg"></div>
<div id="zcData"></div>
</div>
<div id="kqDiv">
<div id="kqImg"></div>
<div id="kqData"></div>
</div>
<div id="kqReviewedDiv">
<div id="kqReviewedImg"></div>
<div id="kqReviewedData"></div>
</div>
</div>
</div>
<div id="peopleEcharts"></div>
</div>
</div>
<div id="center">
<!-- 电子地图 -->
<div id="mapDiv"></div>
<div style="position: fixed;margin-top: 4.3%;width: 44%; text-align: center;">
<p id="countPersonSum" style="color: #80FFFF;font-size: 19px;">总人数:</p>
<!-- <input style="background: none;outline: none;border: 2px solid #036BCB;height: 60%;width: 78%;color: #FFFFFF;background-color: rgba(1,114,228,0.3);" placeholder="--搜索工程--" type="text" name="search" id = "searchMap"> -->
<!-- <img id = "searchBth" src="../../img/home/查询.png" style="width: 50px;height: 30px;background-size: 100% 100%;position: absolute;"/> -->
</div>
<!---->
<!--<div style="position: fixed;margin-top: 4.3%;width: 10%;height: 45%; text-align: left;padding-left: 1.625rem;">
<p id="projectCount" style="color: #ffffff;font-size: 19px;position: absolute;bottom: 0;">在建工程数量:164</p>
</div>-->
<!-- 考试培训 -->
<div id="train" style="display: none;">
<!-- 培训 -->
<div id="trainLeft" style="display: none;"></div>
<!-- 考试 -->
<div id="trainRight" style="display: none;"></div>
</div>
<!-- 工资统计 -->
<!-- <div id="wages"></div> -->
</div>
<div id="right">
<!-- 年龄结构 -->
<div id="ageDiv">
<div id="age1"></div>
</div>
<!-- 人员出入场统计 -->
<!-- <div id="inOut"></div> -->
<!-- 红黑名单 -->
<div id="redBlackWhite">
</div>
<!-- 施工人脸甄别 -->
<div id="workerPhoto">
<div id='progWitnes'>
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="4000">
<div class="carousel-inner" id="WorkPhoto"></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>