385 lines
22 KiB
HTML
385 lines
22 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<title>线路承载力看板</title>
|
|
<link rel="stylesheet" href="../../layui/css/layui.css" media="all"/>
|
|
<link rel="stylesheet" href="../../css/home.css">
|
|
</head>
|
|
<!-- <IfModule mod_headers.c>-->
|
|
<!-- Header set Cache-Control "max-age=60, public"-->
|
|
<!-- </IfModule>-->
|
|
<style>
|
|
.hand:hover {
|
|
cursor: pointer
|
|
}
|
|
.custom-dialog .layui-layer-content {
|
|
background:url(../../img/home/bg.png) no-repeat ;
|
|
background-size: cover;
|
|
color: white;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div class="time" id="nowTime"></div>
|
|
|
|
<div class="tou">
|
|
<div class="head centers">
|
|
<!-- 线路承载力分析-->
|
|
线路承载力看板
|
|
</div>
|
|
|
|
<div class="main">
|
|
<div class="info">
|
|
<div class="one">
|
|
<span style="border: 2px solid #1B9DFC; "></span> 基本信息
|
|
</div>
|
|
<div class="two hand" id="JumpProject">
|
|
<div class="infoBg cursor" id="Jump_building_pro">
|
|
<span>在建工程（个）</span>
|
|
<span class="blue" id="pro_dataNum"></span>
|
|
</div>
|
|
<div class="infoBg board" style="margin-left: 3%" id="Jump_finish_pro">
|
|
<span>完工（个）</span>
|
|
<span class="green" id="pro_dataKey"></span>
|
|
</div>
|
|
<div class="infoBg board" style="margin-left: 3%" id="Jump_no_start_pro">
|
|
<span>待开工工程（个）</span>
|
|
<span class="red" id="pro_dataValue"></span>
|
|
</div>
|
|
</div>
|
|
<div class="two hand" id="JumpSchedule_base">
|
|
<div class="infoBg cursor">
|
|
<span>基础数（基）</span>
|
|
<span class="blue" id="base_dataNum"></span>
|
|
</div>
|
|
<div class="infoBg board" style="margin-left: 3%">
|
|
<span>完成（基）</span>
|
|
<span class="green" id="base_dataKey"></span>
|
|
</div>
|
|
<div class="infoBg board" style="margin-left: 3%">
|
|
<span>未完成（基）</span>
|
|
<span class="red" id="base_dataValue"></span>
|
|
</div>
|
|
</div>
|
|
<div class="two hand" id="JumpSchedule_tower">
|
|
<div class="infoBg cursor">
|
|
<span>组塔数（基）</span>
|
|
<span class="blue" id="tower_dataNum"></span>
|
|
</div>
|
|
<div class="infoBg board" style="margin-left: 3%">
|
|
<span>完成（基）</span>
|
|
<span class="green" id="tower_dataKey"></span>
|
|
</div>
|
|
<div class="infoBg board" style="margin-left: 3%">
|
|
<span>未完成（基）</span>
|
|
<span class="red" id="tower_dataValue"></span>
|
|
</div>
|
|
</div>
|
|
<div class="two hand" id="JumpSchedule_line">
|
|
<div class="infoBg cursor">
|
|
<span>架线（千米）</span>
|
|
<span class="blue" id="line_dataNum"></span>
|
|
</div>
|
|
<div class="infoBg board" style="margin-left: 3%">
|
|
<span>完成（千米）</span>
|
|
<span class="green" id="line_dataKey"></span>
|
|
</div>
|
|
<div class="infoBg board" style="margin-left: 3%">
|
|
<span>未完成（千米）</span>
|
|
<span class="red" id="line_dataValue"></span>
|
|
</div>
|
|
</div>
|
|
<div class="two hand" id="">
|
|
<div class="infoBg cursor" id="JumpSchedule_unitTeam_item">
|
|
<span>项目团队（个）</span>
|
|
<span class="blue" id="own_dataNum"></span>
|
|
</div>
|
|
<div class="infoBg board" id="JumpSchedule_unitTeam_input" style="margin-left: 3%">
|
|
<span>投入数（个）</span>
|
|
<span class="green" id="own_dataKey"></span>
|
|
</div>
|
|
<div class="infoBg board" id="JumpSchedule_unitTeam_idle" style="margin-left: 3%">
|
|
<span>闲置数（个）</span>
|
|
<span class="yellow" id="own_dataValue"></span>
|
|
</div>
|
|
</div>
|
|
<div class="four hand" id="JumpSchedule_subTeam">
|
|
<div class="infoBg cursor" id="JumpSchedule_subTeam_item">
|
|
<span>分包班组（个）</span>
|
|
<span class="blue" id="sub_AllNum">698</span>
|
|
<span>基础：<span id="sub_baseAllNum" class="ash"></span></span>
|
|
<span>组塔：<span id="sub_TowerAllNum" class="ash"></span></span>
|
|
<span>架线：<span id="sub_LineAllNum" class="ash"></span></span>
|
|
</div>
|
|
<div class="infoBg board" id="JumpSchedule_subTeam_input" style="margin-left: 3%">
|
|
<span>投入数（个）</span>
|
|
<span class="green" id="sub_trAllNum">600</span>
|
|
<span class="ash">基础：<span class="ass" id="sub_tfBaseNum"></span></span>
|
|
<span class="ash">组塔：<span class="ass" id="sub_tfTowerNum"></span></span>
|
|
<span class="ash">架线：<span class="ass" id="sub_tfLineNum"></span></span>
|
|
</div>
|
|
<div class="infoBg board" id="JumpSchedule_subTeam_idle" style="margin-left: 3%">
|
|
<span>闲置数（个）</span>
|
|
<span class="yellow" id="sub_xzAllNum">98</span>
|
|
<span class="ash">基础：<span class="ye" id="sub_xzBaseNum"></span></span>
|
|
<span class="ash">组塔：<span class="ye" id="sub_xzTowerNum"></span></span>
|
|
<span class="ash">架线：<span class="ye" id="sub_xzLineNum"></span></span>
|
|
</div>
|
|
</div>
|
|
<div class="four hand" id="JumpSchedule_ownTeam">
|
|
<div class="infoBg cursor" id="JumpSchedule_ownTeam_item">
|
|
<span>自有班组（个）</span>
|
|
<span class="blue" id="own_AllNum">698</span>
|
|
<span>基础：<span class="ash" id="own_baseAllNum"></span></span>
|
|
<span>组塔：<span class="ash" id="own_TowerAllNum"></span></span>
|
|
<span>架线：<span class="ash" id="own_LineAllNum"></span></span>
|
|
</div>
|
|
<div class="infoBg board" id="JumpSchedule_ownTeam_input" style="margin-left: 3%">
|
|
<span>投入数（个）</span>
|
|
<span class="green" id="own_trAllNum"></span>
|
|
<span class="ash">基础：<span id="own_tfBaseNum" class="ass"></span></span>
|
|
<span class="ash">组塔：<span id="own_tfTowerNum" class="ass"></span></span>
|
|
<span class="ash">架线：<span id="own_tfLineNum" class="ass"></span></span>
|
|
</div>
|
|
<div class="infoBg board" id="JumpSchedule_ownTeam_idle" style="margin-left: 3%">
|
|
<span>闲置数（个）</span>
|
|
<span class="yellow" id="own_xzAllNum"></span>
|
|
<span class="ash">基础：<span id="own_xzBaseNum" class="ye"></span></span>
|
|
<span class="ash">组塔：<span id="own_xzTowerNum" class="ye"></span></span>
|
|
<span class="ash">架线：<span id="own_xzLineNum" class="ye"></span></span>
|
|
</div>
|
|
</div>
|
|
<div class="two hand" id="JumpSchedule_RealName">
|
|
<div class="infoBg cursor">
|
|
<span>实名制在场（人）</span>
|
|
<span class="blue" id="real_dataKey"></span>
|
|
</div>
|
|
<div class="infoBg board" style="margin-left: 3%">
|
|
<span>考勤数（人）</span>
|
|
<span class="green" id="real_dataValue"></span>
|
|
</div>
|
|
<div class="infoBg board" style="margin-left: 3%">
|
|
<span>未考勤（人）</span>
|
|
<span class="red" id="real_dataNum"></span>
|
|
</div>
|
|
</div>
|
|
<div class="two hand" id="JumpSchedule_Tools">
|
|
<div class="infoBg cursor">
|
|
<span>设备工机具（套）</span>
|
|
<span class="blue" id="tools_allNum"></span>
|
|
</div>
|
|
<div class="infoBg board" style="margin-left: 3%">
|
|
<span>在用（套）</span>
|
|
<span class="green" id="tools_useNum"></span>
|
|
</div>
|
|
<div class="infoBg board" style="margin-left: 3%">
|
|
<span>库存（套）</span>
|
|
<span class="red" id="tools_unUseNum"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="resource">
|
|
<div class="one hand" style="margin-left: 2%;margin-top: 3%;flex: 0">
|
|
<span style="border: 2px solid #1B9DFC; "></span> 在建工程形象进度
|
|
<img src="../../img/home/fBig.png" style="width: 25px;height: 25px;float: right;margin-right: 1.5%"
|
|
id="c_echart">
|
|
</div>
|
|
+
|
|
<div class="four" style="margin-left: 2%;flex: 6">
|
|
<div class="tou" id="project"></div>
|
|
</div>
|
|
<div class="one" style="margin-left: 2%;margin-top:0%;flex: 0">
|
|
<span style="border: 2px solid #1B9DFC; "></span> 项目资源管理
|
|
</div>
|
|
<div class="four" style="margin-left: 2%;">
|
|
<div class="infoBg hand">
|
|
<div class="tou" id="lineOne"></div>
|
|
</div>
|
|
<div class="infoBg hand">
|
|
<div class="tou" id="lineTwo"></div>
|
|
</div>
|
|
<div class="infoBg hand">
|
|
<div class="tou" id="vigorously"></div>
|
|
</div>
|
|
</div>
|
|
<div class="one" style="margin-left: 2%;margin-top: 3%;flex: 0">
|
|
<span style="border: 2px solid #1B9DFC; "></span> <span id="change_text" style="font-size: 18px;font-weight: bold">分包商承载力</span>
|
|
<span id="changeView" style="float: right;color: #00D1FF;" class="hand">自有班组>></span>
|
|
</div>
|
|
<div class="four" style="margin-left: 2%;" id="sub_div">
|
|
<div class="infoBg hand">
|
|
<div class="tou" id="foundation"></div>
|
|
</div>
|
|
<div class="infoBg hand">
|
|
<div class="tou" id="tower"></div>
|
|
</div>
|
|
<div class="infoBg hand">
|
|
<div class="tou" id="line"></div>
|
|
</div>
|
|
</div>
|
|
<div class="four" style="margin-left: 2%;display: none" id="own_div">
|
|
<div class="infoBg hand">
|
|
<div class="tou" id="own_foundation"></div>
|
|
</div>
|
|
<div class="infoBg hand">
|
|
<div class="tou" id="own_tower"></div>
|
|
</div>
|
|
<div class="infoBg hand">
|
|
<div class="tou" id="own_line"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="resource">
|
|
<div class="four" id="right_top" style="z-index: 999;position: absolute">
|
|
<div class="tou" style="display: flex;">
|
|
<div style="flex: 3">
|
|
<div class="one" style="margin-left: -100%; margin-top: 16%;">
|
|
<span style="border: 2px solid #1B9DFC; "></span> 预测释放资源
|
|
</div>
|
|
<div class="one" style="position: absolute;margin-left: -95%;cursor: pointer"
|
|
>
|
|
<div style="display: flex;flex-direction: row;justify-content: center">
|
|
<!-- <div style="visibility: hidden;flex: 1;"> 111</div>-->
|
|
<!-- <div class="centers text">项目数</div>-->
|
|
<div class="centers text" style="margin-left: 23%">项目团队</div>
|
|
<div class="centers text">基础班组</div>
|
|
<div class="centers text">组塔班组</div>
|
|
<div class="centers text" style="margin-right: 2%;">架线班组</div>
|
|
</div>
|
|
<div style="display: flex;margin-top: 2%;" id="Jump_release_1">
|
|
<div style="flex: 3;color: #00CCCB;width: 100px;" class="centers">进度≥90%</div>
|
|
<div class="textFont centers">
|
|
<!-- <span class="greens textFont centers" >0</span>-->
|
|
</div>
|
|
<div class="textFont centers" style="flex: 2;margin-right: 15px;">
|
|
<span class="greens textFont centers" style="color: #FEDB65;"
|
|
id="team_one_1">0</span>
|
|
<span class="greens textFont centers" style="color: #FEDB65;"
|
|
id="team_one_2">0</span>
|
|
</div>
|
|
<div class="textFont centers" style="margin-right: 15px;">
|
|
<span class="greens textFont centers" style="color: #FEDB65;"
|
|
id="basic_one_1">0</span>
|
|
<span class="greens textFont centers" style="color: #FEDB65;"
|
|
id="basic_one_2">0</span>
|
|
</div>
|
|
<div class="textFont centers" style="flex: 1;margin-right: 15px;">
|
|
<span class="greens centers textFonts" style="color: #FEDB65;"
|
|
id="tower_one_1">0</span>
|
|
<span class="greens centers textFonts" style="color: #FEDB65;"
|
|
id="tower_one_2">0</span>
|
|
</div>
|
|
<div class="textFont centers" style="flex: 1;margin-right: 15px;">
|
|
<span class="greens centers textFonts" style="color: #FEDB65;"
|
|
id="line_one_1">0</span>
|
|
<span class="greens centers textFonts" style="color: #FEDB65;"
|
|
id="line_one_2">0</span>
|
|
</div>
|
|
</div>
|
|
<div style="display: flex;margin-top: 3%;" id="Jump_release_2">
|
|
<div style="flex: 3;color: #FEDB65;" class="centers">近3月</div>
|
|
<div class="textFont centers">
|
|
<!-- <span class="yellows textFonts centers">0</span>-->
|
|
<!-- <span class="yellows textFonts centers">0</span>-->
|
|
</div>
|
|
<div style="flex: 2;margin-right: 15px;" class="textFont centers">
|
|
<span class="yellows textFonts centers" id="team_three_1">0</span>
|
|
<span class="yellows textFonts centers" id="team_three_2">0</span>
|
|
</div>
|
|
<div class="textFont centers" style="margin-right: 15px;">
|
|
<span class="yellows textFonts centers" id="basic_three_1">0</span>
|
|
<span class="yellows textFonts centers" id="basic_three_2">0</span>
|
|
</div>
|
|
<div class="textFont centers" style="flex: 1;margin-right: 15px;">
|
|
<span class="yellows centers textFonts" style="color: #FEDB65;"
|
|
id="tower_three_1">0</span>
|
|
<span class="yellows centers textFonts" style="color: #FEDB65;"
|
|
id="tower_three_2">0</span>
|
|
</div>
|
|
<div class="textFont centers" style="flex: 1;margin-right: 15px;">
|
|
<span class="yellows centers textFonts" style="color: #FEDB65;"
|
|
id="line_three_1">0</span>
|
|
<span class="yellows centers textFonts" style="color: #FEDB65;"
|
|
id="line_three_2">0</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div style="position: absolute; left: 53%; top: 26%;cursor: pointer" id="Jump_release_2">-->
|
|
<!-- <div class="one" style="margin-left: 2%;margin-top: 5%;flex: 0;visibility: hidden">-->
|
|
<!-- <span style="border: 2px solid #1B9DFC; "></span> 预安排工程-->
|
|
<!-- </div>-->
|
|
<!-- <div class="one" style="margin: 4% 0 0 0">-->
|
|
<!--<!– <div style="display: flex;">–>-->
|
|
<!--<!– <div class="centers text">组塔班组</div>–>-->
|
|
<!--<!– <div class="centers text">架线班组</div>–>-->
|
|
<!--<!– </div>–>-->
|
|
<!--<!– <div style="display: flex;margin-top: 3%;">–>-->
|
|
<!--<!– <div class="textFont centers" style="flex: 1;">–>-->
|
|
<!--<!– <span class="greens centers textFonts" style="color: #FEDB65;"–>-->
|
|
<!--<!– id="tower_one_1">0</span>–>-->
|
|
<!--<!– <span class="greens centers textFonts" style="color: #FEDB65;"–>-->
|
|
<!--<!– id="tower_one_2">0</span>–>-->
|
|
<!--<!– </div>–>-->
|
|
<!--<!– <div class="textFont centers" style="flex: 1;">–>-->
|
|
<!--<!– <span class="greens centers textFonts" style="color: #FEDB65;"–>-->
|
|
<!--<!– id="line_one_1">0</span>–>-->
|
|
<!--<!– <span class="greens centers textFonts" style="color: #FEDB65;"–>-->
|
|
<!--<!– id="line_one_2">0</span>–>-->
|
|
<!--<!– </div>–>-->
|
|
<!--<!– </div>–>-->
|
|
<!--<!– <div style="display: flex;margin-top: 6%;">–>-->
|
|
<!--<!– <div class="textFont centers" style="flex: 1;">–>-->
|
|
<!--<!– <span class="yellows centers textFonts" style="color: #FEDB65;"–>-->
|
|
<!--<!– id="tower_three_1">0</span>–>-->
|
|
<!--<!– <span class="yellows centers textFonts" style="color: #FEDB65;"–>-->
|
|
<!--<!– id="tower_three_2">0</span>–>-->
|
|
<!--<!– </div>–>-->
|
|
<!--<!– <div class="textFont centers" style="flex: 1;">–>-->
|
|
<!--<!– <span class="yellows centers textFonts" style="color: #FEDB65;"–>-->
|
|
<!--<!– id="line_three_1">0</span>–>-->
|
|
<!--<!– <span class="yellows centers textFonts" style="color: #FEDB65;"–>-->
|
|
<!--<!– id="line_three_2">0</span>–>-->
|
|
<!--<!– </div>–>-->
|
|
<!--<!– </div>–>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="four" id="right_middle" style="margin-left: 2%;flex: 10;z-index: 1">
|
|
<div class="tou" id="map" style="height:60%;top: 17%"></div>
|
|
</div>
|
|
<div class="four" id="right_bottom" style="margin-left: 0;position:absolute;bottom: 0;width:33%;height:30%;z-index: 999;">
|
|
<div style="display:flex;flex-direction:column;width:100%">
|
|
<div class="one" style="margin-top: 1%;float:left;">
|
|
<span style="border: 2px solid #1B9DFC; "></span> 设备工机具资源
|
|
</div>
|
|
<div class="four" style="margin-top: 2%">
|
|
<div class="tou" id="device"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script type="text/javascript" src="../../layui/layui.js"></script>
|
|
<script type="text/javascript" src="../../js/libs/jquery.min.js"></script>
|
|
<script type="text/javascript" src="../../js/jq.js"></script>
|
|
<script type="text/javascript" src="../../js/publicJs.js"></script>
|
|
<script type="text/javascript" src="../../js/echarts.js"></script>
|
|
<script type="text/javascript" src="../../js/home.js"></script>
|
|
<script type="text/javascript" src="../../js/map.js"></script> |