256 lines
13 KiB
Plaintext
256 lines
13 KiB
Plaintext
|
<!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="../../js/layui-v2.9.2/layui/css/layui.css">
|
||
|
|
<link rel="stylesheet" href="../../css/font.css">
|
||
|
|
<link rel="stylesheet" href="../../css/compreDisplay/homeCity.css">
|
||
|
|
<link rel="stylesheet" href="../../js/public/scrollNum/scrollNum.css">
|
||
|
|
<link rel="stylesheet" href="../../js/public/toolTip/mTips.css">
|
||
|
|
<script src="../../js/public/jquery-3.6.0.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/public/public.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/public/ajaxRequest.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/public/sm3.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/public/aes.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/layui-v2.9.2/layui/layui.js"></script>
|
||
|
|
<script src="../../js/public/echarts.js"></script>
|
||
|
|
<script src="../../js/public/echarts-gl.min.js"></script>
|
||
|
|
<script src="../../js/public/commonUtils.js"></script>
|
||
|
|
<script src="../../js/public/permission.js"></script>
|
||
|
|
<script src="../../js/public/scrollNum/scrollNum.js"></script>
|
||
|
|
<script src="../../js/public/toolTip/mTips.js"></script>
|
||
|
|
<title>地市首页</title>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="content" class="layout">
|
||
|
|
<div id="left-box" class="main-box">
|
||
|
|
<!-- 地市电子地图 -->
|
||
|
|
<div id="echarts-map">
|
||
|
|
</div>
|
||
|
|
<!-- 风险等级勾选 -->
|
||
|
|
<div id="check-risk" class="layout">
|
||
|
|
<div class="check-risk layout" isCheck='1'><img src="../../img/title-btn/check/risk-1-check.png">
|
||
|
|
<p checkedName="" style="color: #fff;">全选(<span id="allNum">0</span>)</p>
|
||
|
|
</div>
|
||
|
|
<div class="check-risk layout" isCheck='1'><img src="../../img/title-btn/check/risk-2-check.png">
|
||
|
|
<p checkedName="2" style="color: #DD690B;">二级(<span id="twoNum">0</span>)</p>
|
||
|
|
</div>
|
||
|
|
<div class="check-risk layout" isCheck='1'><img src="../../img/title-btn/check/risk-3-check.png">
|
||
|
|
<p checkedName="3" style="color: #FFE91F;">三级(<span id="threeNum">0</span>)</p>
|
||
|
|
</div>
|
||
|
|
<div class="check-risk layout" isCheck='1'><img src="../../img/title-btn/check/risk-4-check.png">
|
||
|
|
<p checkedName="4" style="color: #2aa998;">四级(<span id="fourNum">0</span>)</p>
|
||
|
|
</div>
|
||
|
|
<div class="check-risk layout" isCheck='1'><img src="../../img/title-btn/check/risk-5-check.png">
|
||
|
|
<p checkedName="5" style="color: #70e180;">五级(<span id="fiveNum">0</span>)</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="center-box" class="main-box layout">
|
||
|
|
<div id="center-top" class="layout">
|
||
|
|
<!-- 工程统计 -->
|
||
|
|
<div id="pro-box">
|
||
|
|
<div class="module-title layout">
|
||
|
|
<p>工程统计</p>
|
||
|
|
</div>
|
||
|
|
<div id="pro-info" class="layout">
|
||
|
|
<div class="pro-div layout">
|
||
|
|
<div id="zj" class="pro-common layout">
|
||
|
|
<p style="color: #60F1F3;" id="zjNum">0</p>
|
||
|
|
<p>在建工程</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="pro-div layout">
|
||
|
|
<div id="zs" class="pro-common layout">
|
||
|
|
<p id="zsNum">0</p>
|
||
|
|
<p>待开工</p>
|
||
|
|
</div>
|
||
|
|
<div id="tg" class="pro-common layout">
|
||
|
|
<p id="tgNum">0</p>
|
||
|
|
<p>停工</p>
|
||
|
|
</div>
|
||
|
|
<div id="wg" class="pro-common layout">
|
||
|
|
<p id="wgNum">0</p>
|
||
|
|
<p>完工</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 作业票 -->
|
||
|
|
<div id="ticket-box">
|
||
|
|
<div class="module-title layout">
|
||
|
|
<p>作业票</p>
|
||
|
|
</div>
|
||
|
|
<div id="ticket-info" class="layout">
|
||
|
|
<div class="ticket-div layout">
|
||
|
|
<p>A票</p>
|
||
|
|
<p id="aTicketNum">0</p>
|
||
|
|
</div>
|
||
|
|
<div class="ticket-div layout">
|
||
|
|
<p>B票</p>
|
||
|
|
<p id="bTicketNum">0</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 风险情况 -->
|
||
|
|
<div id="center-center">
|
||
|
|
<div class="module-title other-title layout">
|
||
|
|
<p>风险情况</p>
|
||
|
|
</div>
|
||
|
|
<div id="risk-info" class="layout">
|
||
|
|
<div class="risk-div layout">
|
||
|
|
<p style="color: rgb(137, 37, 41) ;">二级</p>
|
||
|
|
<div id="rollNumberList2" class="number-box layout">
|
||
|
|
<div class="content-item">0</div>
|
||
|
|
<div class="content-item">0</div>
|
||
|
|
<div class="content-item">0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="risk-div layout">
|
||
|
|
<p style="color: #F9770F ;">三级</p>
|
||
|
|
<div id="rollNumberList3" class="number-box layout">
|
||
|
|
<div class="content-item">0</div>
|
||
|
|
<div class="content-item">0</div>
|
||
|
|
<div class="content-item">0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="risk-div layout">
|
||
|
|
<p style="color: #FFE922 ;">四级</p>
|
||
|
|
<div id="rollNumberList4" class="number-box layout">
|
||
|
|
<div class="content-item">0</div>
|
||
|
|
<div class="content-item">0</div>
|
||
|
|
<div class="content-item">0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="risk-div layout">
|
||
|
|
<p style="color: #32F474 ;">五级</p>
|
||
|
|
<div id="rollNumberList5" class="number-box layout">
|
||
|
|
<div class="content-item">0</div>
|
||
|
|
<div class="content-item">0</div>
|
||
|
|
<div class="content-item">0</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- 其他 -->
|
||
|
|
<div id="center-bottom">
|
||
|
|
<div class="module-title other-title layout">
|
||
|
|
<p>其他</p>
|
||
|
|
</div>
|
||
|
|
<div id="other-info" class="layout">
|
||
|
|
<div id="other-module">
|
||
|
|
<ul class="layout">
|
||
|
|
<li class="layout" isChecked='1' labelValue='1' onclick="checkLabel(this,'1','one')">人员情况
|
||
|
|
</li>
|
||
|
|
<li class="layout" isChecked='0' labelValue='2' onclick="checkLabel(this,'2','two')">队伍情况
|
||
|
|
</li>
|
||
|
|
<li class="layout" isChecked='0' labelValue='3' onclick="checkLabel(this,'3','three')">作业票趋势
|
||
|
|
</li>
|
||
|
|
<li class="layout" isChecked='0' labelValue='4' onclick="checkLabel(this,'4','four')">风险趋势
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div id="other-echarts">
|
||
|
|
<!-- 人员情况 -->
|
||
|
|
<div id="other-one" moduleValue='1' class="other-div layout">
|
||
|
|
<div id="person-num" class="layout">
|
||
|
|
<p>当日施工人数：<span id="sgNum">0</span>人</p>
|
||
|
|
<p>班组骨干：<span id="ggNum">0</span>人</p>
|
||
|
|
<p>特殊作业：<span id="tsNum">0</span>人</p>
|
||
|
|
<p>普通成员：<span id="ptNum">0</span>人</p>
|
||
|
|
</div>
|
||
|
|
<div id="person-echarts"></div>
|
||
|
|
</div>
|
||
|
|
<!-- 队伍情况 -->
|
||
|
|
<div id="other-two" moduleValue='2' class="other-div" style="display: none;">
|
||
|
|
<div id="team-num" class="layout">
|
||
|
|
<p>当日施工队伍数：<span id="teamNum">0</span></p>
|
||
|
|
</div>
|
||
|
|
<div id="team-echarts"></div>
|
||
|
|
</div>
|
||
|
|
<!-- 作业票趋势 -->
|
||
|
|
<div id="other-three" moduleValue='3' class="other-div" style="display: none;">
|
||
|
|
<div id="ticket-echarts"></div>
|
||
|
|
</div>
|
||
|
|
<!-- 风险趋势 -->
|
||
|
|
<div id="other-four" moduleValue='4' class="other-div" style="display: none;">
|
||
|
|
<div id="risk-echarts"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="right-box" class="main-box">
|
||
|
|
<div id="right-top">
|
||
|
|
<div class="module-title layout">
|
||
|
|
<p>许可及销号</p>
|
||
|
|
</div>
|
||
|
|
<div id="xk-info" class="layout">
|
||
|
|
<div class="xk-div layout" id="yxk">
|
||
|
|
<p id="yxkNum">0</p>
|
||
|
|
<p>已许可</p>
|
||
|
|
</div>
|
||
|
|
<div class="xk-div layout" id="bxk">
|
||
|
|
<p id="bxkNum">0</p>
|
||
|
|
<p>不许可</p>
|
||
|
|
</div>
|
||
|
|
<div class="xk-div layout" id="yxh">
|
||
|
|
<p id="yxhNum">0</p>
|
||
|
|
<p>已销号</p>
|
||
|
|
</div>
|
||
|
|
<div class="xk-div layout" id="wxh">
|
||
|
|
<p id="wxhNum">0</p>
|
||
|
|
<p>未销号</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="right-center">
|
||
|
|
<div class="module-title layout">
|
||
|
|
<p>周计划</p>
|
||
|
|
</div>
|
||
|
|
<div id="weekPlan-echarts"></div>
|
||
|
|
<div id="weekPlan-div" class="layout">
|
||
|
|
<p id="weekPlanNum">0</p>
|
||
|
|
<p>周计划总数</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="right-bottom">
|
||
|
|
<div class="module-title layout">
|
||
|
|
<p>预警提醒</p>
|
||
|
|
</div>
|
||
|
|
<div id="early-info" class="layout">
|
||
|
|
<div id="early-module">
|
||
|
|
<ul class="layout">
|
||
|
|
<li class="layout early-module" id="early-module1" isChecked='1' labelValue='1' onclick="checkEarlyLabel(this,'1')">今日无施工</li>
|
||
|
|
<li class="layout early-module" id="early-module2" isChecked='0' labelValue='2' onclick="checkEarlyLabel(this,'2')">新进班组</li>
|
||
|
|
<li class="layout early-module" id="early-module3" isChecked='0' labelValue='3' onclick="checkEarlyLabel(this,'3')">七日无施工</li>
|
||
|
|
<li class="layout early-module" id="early-module4" isChecked='0' labelValue='4' onclick="checkEarlyLabel(this,'4')">人数变化大</li>
|
||
|
|
<li class="layout early-module" id="early-module5" isChecked='0' labelValue='5' onclick="checkEarlyLabel(this,'5')">工序变化</li>
|
||
|
|
<li class="layout early-module" id="early-module6" isChecked='0' labelValue='6' onclick="checkEarlyLabel(this,'6')">作业类型</li>
|
||
|
|
<li class="layout early-module" id="early-module7" isChecked='0' labelValue='7' onclick="checkEarlyLabel(this,'7')">球机异常</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div id="early-table">
|
||
|
|
<ul id="early-ul">
|
||
|
|
<li class="layout">
|
||
|
|
<div class="li-child layout"><p>工程名称</p></div>
|
||
|
|
<div class="li-child layout"><p>班组长</p></div>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script src="../../js/compreDisplay/cityHome/cityHomeAjax.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/compreDisplay/cityHome/cityHomeStyle.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/compreDisplay/cityHome/cityHomeEcharts.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/compreDisplay/cityHome/cityHomeEchartsMap.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/compreDisplay/cityHome/cityHome.js" type="text/javascript"></script>
|
||
|
|
|
||
|
|
</html>
|