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

465 lines
22 KiB
HTML
Raw Normal View History

项目初始化
2025-05-20 16:37:46 +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="../../js/layui-v2.8.18/layui/css/layui.css" media="all" />
<link rel="stylesheet" href="../../css/schedule.css">
</head>
<style>
/*.layui-layer layui-layer-tips{*/
/* background-color: #0D101B!important;*/
/*}*/
.layui-layer-tips .layui-layer-content {
position: relative;
line-height: 22px;
min-width: 12px;
padding: 8px 15px;
font-size: 12px;
_float: left;
border-radius: 2px;
box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
background-color: black !important;
background: rgb(0 0 0 / 0.8)!important;
color: #fff;
}
.layui-layer-setwin .layui-layer-close {
color: #d7d7d7 !important;
}
</style>
<body>
<div class="figure">
<div class="figures">
<div style="padding-top: 5%;">
<img src="../../img/home/name.png" style="margin-left: 20%;">
<span style="font-size: 18px;color: #ffffff;" id="returnPage">形象进度</span>
</div>
</div>
</div>
<div class="time" id="nowTime"></div>
<div class="tou">
<div class="head centers clickable-text">
线路承载力看板
</div>
<div class="main">
<div class="info" >
<div class="one">
<span></span>&nbsp;工程基本信息
<img id="switchPage" src="../../img/home/switch.png" style=" margin-left: 55%;">
</div>
<div class="two" style="flex-direction: column;">
<div class="infoBg" style="color: #F1D062; letter-spacing: 3px;">
<span class="infoBg" id="proName"></span>
</span>
</div>
<div class="infoBg" style="margin-top: 3%;">
<span class="fonts">电压等级: <span id="volLevelName" class="fonts"></span></span>
<span class="fonts" style="margin-left: -80px">计划开工日期: <span id="startTime" class="fonts"></span></span>
</div>
<div class="infoBg">
<span class="fonts">线路长度: <span id="lineLength" class="fonts"></span>km</span>
<span class="fonts" style="margin-left: -80px">计划完工日期: <span id="endTime" class="fonts"></span></span>
</div>
<div class="infoBg">
<span class="fonts">杆塔数量: <span id="towerNum" class="fonts"></span>基</span>
</div>
</div>
<div class="one" >
<span></span>&nbsp;分公司项目管理资源
</div>
<div class="two" style="flex: 3;flex-direction: column;">
<div class="infoBg" style="margin-top: 3%;">
<span class="fonts"><span id="orgName" class="fonts"></span></span>
<span class="fonts" style="display: none">团队数量: <span class="fonts" id="listNum">0</span></span>
<span class="fonts">团队人数: <span class="fonts" id="personNum">0</span></span>
</div>
<div class="infoBg" style="display: none">
<span class="fonts">团队名称：<span class="fonts" id="proTeamName"></span><img id="proTeamName_png" style="display: none" src="../../img/home/more.png" ></span>
<span class="fonts">电压等级：<span class="fonts" id="volLevel"></span><img id="volLevel_png" style="display: none" src="../../img/home/more.png" ></span>
</div>
<div class="infoBg">
<span class="fonts">分管领导：<span id="projectLeader" class="fonts" style="color: #BFA858;">无</span><img id="projectManager_png2" src="../../img/home/more.png" style="display: none"></span>
<span class="fonts">项目经理：<span id="projectManager" class="fonts" style="color: #BFA858;">无</span><img id="projectManager_png" src="../../img/home/more.png" style="display: none"></span>
</div>
<div class="infoBg">
<span class="fonts">项目副经理：<span id="projectDeputyManager" class="fonts" style="color: #1681D5">无</span><img id="projectDeputyManager_png" src="../../img/home/more.png" style="display: none"></span>
<span class="fonts">项目总工：<span id="projectChief" class="fonts" style="color: #1681D5">无</span><img id="projectChief_png" src="../../img/home/more.png" style="display: none"></span>
</div>
<div class="infoBg">
<span class="fonts">安全员：<span id="safetyOfficer" class="fonts" style="color: #1681D5">无</span><img id="safetyOfficer_png" src="../../img/home/more.png" style="display: none">
</span>
<span class="fonts">技术员：<span id="technician" class="fonts" style="color: #1681D5">无</span><img id="technician_png" src="../../img/home/more.png" style="display: none"></span>
</div>
<div class="infoBg">
<span class="fonts">协调员：<span id="coordinator" class="fonts" style="color: #1681D5">无</span><img id="coordinator_png" src="../../img/home/more.png" style="display: none"></span>
<span class="fonts">资料员：<span id="ocumenter" class="fonts" style="color: #1681D5">无</span><img id="ocumenter_png" src="../../img/home/more.png" style="display: none"></span>
</div>
</div>
<div class="one" >
<span></span>&nbsp;产业工人/自有人员
</div>
<div class="two" style="flex-direction:column;">
<div style="flex: 1;color: #00E1DC;display: flex;flex-direction: row-reverse;font-weight: 600;font-size: 16px;">
产业工人
</div>
<div style="display: flex;flex: 2;margin-top: 3%;">
<div class="infoBg cursor" style="flex-direction: column;">
<span style="font-size: 14px;">在场人数（人）</span>
<span class="blue" id="industry_dataKey"></span>
</div>
<div class="infoBg board" style="margin-left: 3%;flex-direction: column;">
<span style="font-size: 14px;">出勤（人）</span>
<span class="green" id="industry_dataValue"></span>
</div>
<div class="infoBg board" style="margin-left: 3%;flex-direction: column;">
<span style="font-size: 14px;">缺勤（人）</span>
<span class="red" id="industry_dataNum"></span>
</div>
</div>
<div style="flex: 1;color: #00E1DC;display: flex;flex-direction: row-reverse;font-weight: 600;font-size: 16px;margin-top: 3%;">
自有人员
</div>
<div style="display: flex;flex: 2;margin-top: 3%;">
<div class="infoBg cursor" style="flex-direction: column;">
<span style="font-size: 14px;">在职人数（人）</span>
<span class="blue" id="own_dataKey"></span>
</div>
<div class="infoBg board" style="margin-left: 3%;flex-direction: column;">
<span style="font-size: 14px;">出勤（人）</span>
<span class="green" id="own_dataValue"></span>
</div>
<div class="infoBg board" style="margin-left: 3%;flex-direction: column;">
<span style="font-size: 14px;">缺勤（人）</span>
<span class="red" id="own_dataNum"></span>
</div>
</div>
</div>
</div>
<div class="resource" style="flex: 4;">
<iframe src="map.html" style="display: flex;flex:1;"></iframe>
<div style="position: absolute;height: 50px;width: 50px;top: 15%;border-radius: 15px;margin-left: 40%;">
<img src="../../img/home/large.png" style="height: 40px;width: 40px;cursor: pointer" onclick="largeMap()">
</div>
<div style="position: absolute;height: 110px;width: 140px;background-color: rgba(144, 146, 150, 0.6);bottom: 10px;border-radius: 15px;margin-left: 10px;">
<div class="tou" style="display: flex;flex-direction: column;">
<div class="one">
<img src="../../img/home/redFlag.png" style="">
未开始<span class="fonts" id="not_finish" style="border: 0px;">0</span>
</div>
<div class="one">
<img src="../../img/home/greenFlag.png" style="">
已完成<span class="fonts" id="basic_num" style="border: 0px;">0</span>
</div>
<!-- <div class="one">-->
<!-- <img src="../../img/home/tangerine_1.png" style="">-->
<!-- 组塔<span class="fonts" id="group_tower_num" style="border: 0px;">0</span>-->
<!-- </div>-->
<div class="one">
<img src="../../img/home/frame.png" style="">项目部
</div>
</div>
</div>
</div>
<div class="resource" >
<div class="one">
<span style="border: 2px solid #1B9DFC; "></span>&nbsp;在建工程形象进度
<!-- <span style="margin-left: 35%;color: #FFFFFF;border: 0px;">2023-12-01</span>-->
<!-- <img src="../../img/home/renew.png" >-->
<!-- <span style="color: #16D3E8;border: 0px;">更新时间</span>-->
</div>
<div class="two" style="flex-direction: column;">
<div style="flex: 1;display: flex;">
<div style="color: #ffffff;font-size: 18px;flex: 2;text-align: center;">整体进度</div>
<div id="is_ok" style="border: 1px solid #151F42;background-image: linear-gradient(to right, #75FEFE, #52ADFF);flex: 7;height: 17px;margin-top: 0.8%;"></div>
<div id="is_not" style="border: 1px solid #151F42;background-color: rgba(25,35,69, 0.8);flex: 3;height: 17px;margin-top: 0.8%;"></div>
<div id="progress_value" style="color: #ffffff;font-size: 18px;flex: 1;text-align: center;">70%</div>
</div>
<div style="flex: 1;display: flex;justify-content: space-between;margin-left: 15%;display: none " >
<div style="color: #ffffff;font-size: 16px;">2022-11-02</div>
<div style="color: #ffffff;font-size: 16px;">2022-11-02</div>
<div style="color: #ffffff;font-size: 16px;">2022-11-02</div>
</div>
<div style="flex: 4;display: flex;justify-content: space-around;">
<div style="flex:1;" >
<div style="height: 100%;width: 100%;" id="foundation"></div>
</div>
<div style="flex:1;">
<div style="height: 100%;width: 100%;" id="tower"></div>
</div>
<div style="flex:1;">
<div style="height: 100%;width: 100%;" id="line"></div>
</div>
</div>
</div>
<div class="one" >
<span style="border: 2px solid #1B9DFC; "></span>&nbsp;当前投入分包资源
</div>
<div class="two" style="flex: 3;flex-direction: column;">
<div class="infoBg" style="margin-top: 3%;display: none;">
<span class="fonts" id="sub_team_num" style="visibility: hidden"></span>
</div>
<div class="infoBg" style="">
<div style="width: 100%;" id="sub_name" >
<!-- <img src="img/home/sub.png" style="margin-left: 3%;margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;">湖南鸿城电力建设工程有限公司:</span>-->
<!-- <img src="img/home/sub.png" style="margin-left: 3%;margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;">西格玛电器股份有限公司:</span>-->
<!-- <img src="img/home/more.png" >-->
</div>
</div>
<!--分包商的详情展示 开始-->
<!-- <div style="position: absolute;background: rgb(13,16,27,0.75); width: 28.5%;height: 31%;display: none;">-->
<!-- <div style="display: flex;flex-direction: column;">-->
<!-- <div style="color: #5CFEFE;font-size: 18px;margin-left: 3%;">-->
<!-- 分包商-->
<!-- </div>-->
<!-- <div style="margin: 3% 0 0% 0;">-->
<!-- <img src="img/home/sub.png" style="margin-left: 3%;margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #ffffff;">湖南鸿城电力建设工程有限公司:</span>-->
<!-- </div>-->
<!-- <div style="margin: 3% 0 0% 0;">-->
<!-- <img src="img/home/sub.png" style="margin-left: 3%;margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #ffffff;">湖南鸿城电力建设工程有限公司:</span>-->
<!-- </div>-->
<!-- <div style="margin: 3% 0 0% 0;">-->
<!-- <img src="img/home/sub.png" style="margin-left: 3%;margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #ffffff;">湖南鸿城电力建设工程有限公司:</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--分包商的详情展示 结束-->
<div class="infoBg" style="flex: 7;">
<table style="height: 100%;width: 100%;" id="tools_table">
<tr >
<td class="titles" id="baseArray_sub">基础班组</td>
<td class="titles" id="towerArray">组塔班组</td>
<td class="titles" id="lineArray">架线班组</td>
</tr>
<!-- <tr>-->
<!-- <td>-->
<!-- <span class="fonts" style="font-size: 14px;color: #00BFC5;">基础01</span>-->
<!-- <span style="font-size: 14px;color: #FEDB65;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #FEDB65;">限公司)</span>-->
<!-- </td>-->
<!-- <td>-->
<!-- <span class="fonts" style="font-size: 14px;color: #00BFC5;">基础01</span>-->
<!-- <span style="font-size: 14px;color: #FEDB65;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #FEDB65;">限公司)</span>-->
<!-- </td>-->
<!-- <td >-->
<!-- <span class="fonts" style="font-size: 14px;color: #00BFC5;">基础凉</span>-->
<!-- <span style="font-size: 14px;color: #FEDB65;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #FEDB65;">限公司)</span>-->
<!--&lt;!&ndash; <img src="img/home/more.png" >&ndash;&gt;-->
<!-- </td>-->
<!-- </tr>-->
<!--班组的详情展示 开始-->
<!-- <div style="position: absolute;background: rgb(13,16,27,0.75); width:9%;height: 22%;right: 2%;margin-top:2%;border-radius: 10px;display: none;">-->
<!-- <div style="display: flex;flex-direction: column;">-->
<!-- <div style="margin: 2% 0 0 5%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #ffffff;">基础凉</span>-->
<!-- <span style="font-size: 14px;color: #ffffff;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #ffffff;">限公司)</span>-->
<!-- </div>-->
<!-- <div style="margin: 2% 0 0 5%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #ffffff;">基础凉</span>-->
<!-- <span style="font-size: 14px;color: #ffffff;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #ffffff;">限公司)</span>-->
<!-- </div>-->
<!-- <div style="margin: 2% 0 0 5%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #ffffff;">基础凉</span>-->
<!-- <span style="font-size: 14px;color: #ffffff;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #ffffff;">限公司)</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--班组的详情展示 结束-->
<!-- <tr>-->
<!-- <td>-->
<!-- <span class="fonts" style="font-size: 14px;color: #00BFC5;">基础01</span>-->
<!-- <span style="font-size: 14px;color: #FEDB65;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #FEDB65;">限公司)</span>-->
<!-- </td>-->
<!-- <td>-->
<!-- <span class="fonts" style="font-size: 14px;color: #00BFC5;">基础01</span>-->
<!-- <span style="font-size: 14px;color: #FEDB65;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #FEDB65;">限公司)</span>-->
<!-- </td>-->
<!-- <td>-->
<!-- <span class="fonts" style="font-size: 14px;color: #00BFC5;">基础01</span>-->
<!-- <span style="font-size: 14px;color: #FEDB65;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #FEDB65;">限公司)</span>-->
<!-- </td>-->
<!-- </tr>-->
<!-- <tr>-->
<!-- <td>-->
<!-- <span class="fonts" style="font-size: 14px;color: #00BFC5;">基础01</span>-->
<!-- <span style="font-size: 14px;color: #FEDB65;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #FEDB65;">限公司)</span>-->
<!-- </td>-->
<!-- <td>-->
<!-- <span class="fonts" style="font-size: 14px;color: #00BFC5;">基础01</span>-->
<!-- <span style="font-size: 14px;color: #FEDB65;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #FEDB65;">限公司)</span>-->
<!-- </td>-->
<!-- <td>-->
<!-- <span class="fonts" style="font-size: 14px;color: #00BFC5;">基础01</span>-->
<!-- <span style="font-size: 14px;color: #FEDB65;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #FEDB65;">限公司)</span>-->
<!-- </td>-->
<!-- </tr>-->
<!-- <tr>-->
<!-- <td>-->
<!-- <span class="fonts" style="font-size: 14px;color: #00BFC5;">基础01</span>-->
<!-- <span style="font-size: 14px;color: #FEDB65;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #FEDB65;">限公司)</span>-->
<!-- </td>-->
<!-- <td>-->
<!-- <span class="fonts" style="font-size: 14px;color: #00BFC5;">基础01</span>-->
<!-- <span style="font-size: 14px;color: #FEDB65;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #FEDB65;">限公司)</span>-->
<!-- </td>-->
<!-- <td>-->
<!-- <span class="fonts" style="font-size: 14px;color: #00BFC5;">基础01</span>-->
<!-- <span style="font-size: 14px;color: #FEDB65;">(</span>-->
<!-- <img src="img/home/name.png" style="margin-top: -2%;">-->
<!-- <span class="fonts" style="font-size: 14px;color: #FEDB65;">限公司)</span>-->
<!-- </td>-->
<!-- </tr>-->
</table>
</div>
</div>
<div class="one" >
<span style="border: 2px solid #1B9DFC; "></span>&nbsp;设备工机具
</div>
<div class="two device" style="flex-direction:column;">
<table style="height: 100%;width: 100%;">
<tr >
<td style="width: 30%;">
<span class="fonts" style="font-size: 14px;color: #ffffff;">设备数量</span>
<span id="tools_all_num" style="font-size: 14px;color: #ffffff;margin-left: 2%;"></span>
</td>
<td style="width: 70%;">
</td>
</tr>
<tr>
<td style="width: 30%;">
<span class="fonts" style="font-size: 14px;color: #ffffff;">基础设备</span>
<span id="tools_base_key" style="font-size: 14px;color: #ffffff;margin-left: 2%;"></span>
</td>
<td style="width: 70%;">
<span id="tools_base_value" class="fonts" style="font-size: 14px;color: #00BFC5;"></span>
</td>
</tr>
<tr>
<td>
<span class="fonts" style="font-size: 14px;color: #ffffff;">组塔设备</span>
<span id="tools_tower_key" style="font-size: 14px;color: #ffffff;margin-left: 2%;"></span>
</td>
<td colspan="2">
<span id="tools_tower_value" class="fonts" style="font-size: 14px;color: #00BFC5;"></span>
</td>
</tr>
<tr>
<td>
<span class="fonts" style="font-size: 14px;color: #ffffff;">架线设备</span>
<span id="tools_line_key" style="font-size: 14px;color: #ffffff;margin-left: 2%;"></span>
</td>
<td colspan="2">
<span id="tools_line_value" class="fonts" style="font-size: 14px;color: #00BFC5;"></span>
</td>
</tr>
<tr>
<td>
<span class="fonts" style="font-size: 14px;color: #ffffff;">新研发设备</span>
<span id="tools_new_key"style="font-size: 14px;color: #ffffff;margin-left: 2%;">0</span>
</td>
<td colspan="2">
<span id="tools_new_value" class="fonts" style="font-size: 14px;color: #00BFC5;"></span>
</td>
</tr>
</table>
<!--设备工机具的详情展示 开始-->
<div style="position: absolute;background: rgb(13,16,27,0.75); width:9%;height: 22%;right: 2%;margin-top:2%;border-radius: 10px;display: none;">
<div style="display: flex;flex-direction: column;">
<div style="margin: 2% 0 0 5%;">
<span class="fonts" style="font-size: 14px;color: #5BFCFC;">电建钻机2</span>
</div>
<div style="margin: 2% 0 0 5%;">
<span class="fonts" style="font-size: 14px;color: #5BFCFC;">电建钻机2</span>
</div>
<div style="margin: 2% 0 0 5%;">
<span class="fonts" style="font-size: 14px;color: #5BFCFC;">电建钻机2</span>
</div>
</div>
</div>
<!--设备工机具的详情展示 结束-->
</div>
</div>
</div>
</div>
</div>
</body>
</html>
漏洞修改
2025-10-28 17:05:44 +08:00
<script type="text/javascript" src="../../js/libs/jquery.min.js"></script>
项目初始化
2025-05-20 16:37:46 +08:00
<script type="text/javascript" src="../../js/layui-v2.8.18/layui/layui.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/schedule.js"></script>