bonus
/
hn_cloud_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
hn_cloud_web/czl-screen/pages/home/home.html

386 lines
22 KiB
HTML
Raw Normal View History

first commit
2025-11-27 16:55:35 +08:00
<!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>&nbsp;基本信息
</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>&nbsp;在建工程形象进度
<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>&nbsp;项目资源管理
</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>&nbsp;<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>&nbsp;预测释放资源
</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>&nbsp;预安排工程-->
<!-- </div>-->
<!-- <div class="one" style="margin: 4% 0 0 0">-->
<!--&lt;!&ndash; <div style="display: flex;">&ndash;&gt;-->
<!--&lt;!&ndash; <div class="centers text">组塔班组</div>&ndash;&gt;-->
<!--&lt;!&ndash; <div class="centers text">架线班组</div>&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!--&lt;!&ndash; <div style="display: flex;margin-top: 3%;">&ndash;&gt;-->
<!--&lt;!&ndash; <div class="textFont centers" style="flex: 1;">&ndash;&gt;-->
<!--&lt;!&ndash; <span class="greens centers textFonts" style="color: #FEDB65;"&ndash;&gt;-->
<!--&lt;!&ndash; id="tower_one_1">0</span>&ndash;&gt;-->
<!--&lt;!&ndash; <span class="greens centers textFonts" style="color: #FEDB65;"&ndash;&gt;-->
<!--&lt;!&ndash; id="tower_one_2">0</span>&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!--&lt;!&ndash; <div class="textFont centers" style="flex: 1;">&ndash;&gt;-->
<!--&lt;!&ndash; <span class="greens centers textFonts" style="color: #FEDB65;"&ndash;&gt;-->
<!--&lt;!&ndash; id="line_one_1">0</span>&ndash;&gt;-->
<!--&lt;!&ndash; <span class="greens centers textFonts" style="color: #FEDB65;"&ndash;&gt;-->
<!--&lt;!&ndash; id="line_one_2">0</span>&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!--&lt;!&ndash; <div style="display: flex;margin-top: 6%;">&ndash;&gt;-->
<!--&lt;!&ndash; <div class="textFont centers" style="flex: 1;">&ndash;&gt;-->
<!--&lt;!&ndash; <span class="yellows centers textFonts" style="color: #FEDB65;"&ndash;&gt;-->
<!--&lt;!&ndash; id="tower_three_1">0</span>&ndash;&gt;-->
<!--&lt;!&ndash; <span class="yellows centers textFonts" style="color: #FEDB65;"&ndash;&gt;-->
<!--&lt;!&ndash; id="tower_three_2">0</span>&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!--&lt;!&ndash; <div class="textFont centers" style="flex: 1;">&ndash;&gt;-->
<!--&lt;!&ndash; <span class="yellows centers textFonts" style="color: #FEDB65;"&ndash;&gt;-->
<!--&lt;!&ndash; id="line_three_1">0</span>&ndash;&gt;-->
<!--&lt;!&ndash; <span class="yellows centers textFonts" style="color: #FEDB65;"&ndash;&gt;-->
<!--&lt;!&ndash; id="line_three_2">0</span>&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!--&lt;!&ndash; </div>&ndash;&gt;-->
<!-- </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>&nbsp;设备工机具资源
</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>
添加公共js
2025-12-09 18:44:29 +08:00
<script type="text/javascript" src="../../../public/public.js"></script>
first commit
2025-11-27 16:55:35 +08:00
<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>