369 lines
19 KiB
Plaintext
369 lines
19 KiB
Plaintext
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<link rel="stylesheet" href="../../css/font.css">
|
||
|
|
<script src="../../js/public/jquery-3.6.0.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/public/aes.js"></script>
|
||
|
|
<script src="../../js/public/public.js"></script>
|
||
|
|
<link rel="stylesheet" href="../../js/layui/css/layui.css">
|
||
|
|
<link rel="stylesheet" href="../../css/font.css">
|
||
|
|
<link rel="stylesheet" href="../../css/main/homeIndex.css">
|
||
|
|
<link rel="stylesheet" href="../../css/main/home.css">
|
||
|
|
<script src="../../js/layui/layui.js"></script>
|
||
|
|
<script src="../../js/public/commonUtils.js"></script>
|
||
|
|
<script src="../../js/public/echarts.js"></script>
|
||
|
|
<script src="../../js/public/sm3.js"></script>
|
||
|
|
<title>首页</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="back-title" class="layout">
|
||
|
|
<div class="title-top layout">
|
||
|
|
<div class="date layout"></div>
|
||
|
|
<div class="btns layout">
|
||
|
|
<img title="数据中心" onclick="dataSetting()" src="../../img/system-mge.png">
|
||
|
|
<!-- <img title="消息通知" onclick="notice()" src="../../img/info-notice.png">-->
|
||
|
|
<!-- <p style="letter-spacing: 2px;" id="use-org">管理员/建设分公司</p>-->
|
||
|
|
<img title="退出登录" onclick="logout()" src="../../img/logout.png">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="title-bottom layout">
|
||
|
|
<ul class="layui-nav">
|
||
|
|
<li class="layui-nav-item">
|
||
|
|
<a href="javascript:;">视频监控</a>
|
||
|
|
<dl class="layui-nav-child">
|
||
|
|
<dd><a href="javascript:;" idx="6" targetUrl="../../html/video/video.html">实时监控</a></dd>
|
||
|
|
<dd><a href="javascript:;" idx="7" targetUrl="../../html/video/videoHistory.html">历史记录</a></dd>
|
||
|
|
</dl>
|
||
|
|
</li>
|
||
|
|
<li class="layui-nav-item">
|
||
|
|
<a href="javascript:;">工程信息</a>
|
||
|
|
<dl class="layui-nav-child">
|
||
|
|
<dd><a href="javascript:;" idx="9" targetUrl="../../html/projectInformation/projectDetails.html">工程明细</a>
|
||
|
|
</dd>
|
||
|
|
<dd><a href="javascript:;" idx="10" targetUrl="../../html/projectInformation/weekRiskDeatils.html">周风险明细</a>
|
||
|
|
</dd>
|
||
|
|
</dl>
|
||
|
|
</li>
|
||
|
|
<li class="layui-nav-item" style="margin-right: 30px;">
|
||
|
|
<a href="javascript:;">班组信息</a>
|
||
|
|
<dl class="layui-nav-child">
|
||
|
|
<dd><a href="javascript:;" idx="11" targetUrl="../../html/teamInformation/teamDetails.html">班组明细</a>
|
||
|
|
</dd>
|
||
|
|
<dd><a href="javascript:;" idx="12" targetUrl="../../html/teamInformation/classMeet.html">站班会记录</a>
|
||
|
|
</dd>
|
||
|
|
<dd><a href="javascript:;" idx="13"
|
||
|
|
targetUrl="../../html/teamInformation/teamBlackList.html">人员黑名单</a></dd>
|
||
|
|
</dl>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="ifr-box">
|
||
|
|
<div class="layui-tab" id="layui-tab" hidden lay-filter="menu-tab" style="height: 100%;margin: 0;"
|
||
|
|
lay-allowclose="true">
|
||
|
|
<ul class="layui-tab-title" style="width: 98%;margin: 0 1%;border: none;color: #fff" id="menu-childer">
|
||
|
|
</ul>
|
||
|
|
<div class="layui-tab-content" id="menu-content"
|
||
|
|
style="width: 98%;height: 94%;margin: 0 1%;padding: 0;">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="homeIndexContent">
|
||
|
|
|
||
|
|
<div class="bottom-box">
|
||
|
|
<div id="left">
|
||
|
|
<div class="main-box" style="height: 23%">
|
||
|
|
<div class="main-box1-title"></div>
|
||
|
|
<div class="echarts-two layout" id="pro-plan">
|
||
|
|
<div class="layout" id="kg" onclick="openProPlan('1')">
|
||
|
|
<div id="kg-content" class="layout">
|
||
|
|
<div class="pro-plan-pj layout">
|
||
|
|
<p id="kg-pj">0%</p>
|
||
|
|
<p>平均数</p>
|
||
|
|
</div>
|
||
|
|
<div class="pro-plan-type layout">
|
||
|
|
<div class="bd layout"><p>变电</p>
|
||
|
|
<p id="kg-bd">0%</p></div>
|
||
|
|
<div class="xl layout"><p>线路</p>
|
||
|
|
<p id="kg-xl">0%</p></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p class="pro-plan-title">开工完成率</p>
|
||
|
|
</div>
|
||
|
|
<div class="layout" id="tc" onclick="openProPlan('2')">
|
||
|
|
<div id="tc-content" class="layout">
|
||
|
|
<div class="pro-plan-pj layout">
|
||
|
|
<p id="tc-pj">0%</p>
|
||
|
|
<p>平均数</p>
|
||
|
|
</div>
|
||
|
|
<div class="pro-plan-type layout">
|
||
|
|
<div class="bd layout"><p>变电</p>
|
||
|
|
<p id="tc-bd">0%</p></div>
|
||
|
|
<div class="xl layout"><p>线路</p>
|
||
|
|
<p id="tc-xl">0%</p></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<p class="pro-plan-title">投产完成率</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="main-box">
|
||
|
|
<div class="main-box2-title">
|
||
|
|
<div class="dbArea"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="echarts-two hsb">
|
||
|
|
<div class="hsb-content">
|
||
|
|
<div class="hsb-content-child hsb-content-one">
|
||
|
|
<p id="eia"></p>
|
||
|
|
<p>%</p>
|
||
|
|
</div>
|
||
|
|
<div class="hsb-content-child hsb-content-two">
|
||
|
|
<p id="soil"></p>
|
||
|
|
<p>%</p>
|
||
|
|
</div>
|
||
|
|
<div class="hsb-content-child hsb-content-three">
|
||
|
|
<p id="eia_check"></p>
|
||
|
|
<p>%</p>
|
||
|
|
</div>
|
||
|
|
<div class="hsb-content-child hsb-content-four">
|
||
|
|
<p id="soil_check"></p>
|
||
|
|
<p>%</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="hsb-title">
|
||
|
|
<p>环评项目<br>完成率</p>
|
||
|
|
<p>水保项目<br>完成率</p>
|
||
|
|
<p>环保验收项目<br>完成率</p>
|
||
|
|
<p>水保验收项目<br>完成率</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="main-box" style="height: 27.5%">
|
||
|
|
<div class="main-box3-title"></div>
|
||
|
|
<div class="echarts-two" style="display: flex;align-items: center;justify-content: center;">
|
||
|
|
<div class="enginee-cost">
|
||
|
|
<div class="enginee-cost-one" style="cursor: pointer;" onclick="openEngineerCost('1')">
|
||
|
|
<div><p id="jsPro"></p>
|
||
|
|
<p style="font-size: 14px;margin-top: 34%;">个</p></div>
|
||
|
|
<p>结算项目数</p>
|
||
|
|
</div>
|
||
|
|
<div class="enginee-cost-two">
|
||
|
|
<div style="margin-left: 15%;"><p id="wclPro"></p>
|
||
|
|
<p style="font-size: 28px">%</p></div>
|
||
|
|
<p style="margin-left: 15%;text-align: center;">结算按期<br>完成率</p>
|
||
|
|
</div>
|
||
|
|
<div class="enginee-cost-three">
|
||
|
|
<div><p id="jrPro" style="font-size: 20px;"></p>
|
||
|
|
<p style="font-size: 12px;margin-top: 6%;">万元</p></div>
|
||
|
|
<p>结算总金额</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="main-box" style="height: 24.5%">
|
||
|
|
<div class="main-box4-title">
|
||
|
|
<div class="dbArea"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="echarts-two">
|
||
|
|
<div class="engineer-techno">
|
||
|
|
<div class="engineer-techno-child engineer-techno-one">
|
||
|
|
<p id="tysj"></p>
|
||
|
|
<p>%</p>
|
||
|
|
</div>
|
||
|
|
<div class="engineer-techno-child engineer-techno-two">
|
||
|
|
<p id="sbyy"></p>
|
||
|
|
<p>%</p>
|
||
|
|
</div>
|
||
|
|
<div class="engineer-techno-child engineer-techno-three" style="cursor: pointer;"
|
||
|
|
onclick="openDesignProblem()">
|
||
|
|
<p id="sjwt"></p>
|
||
|
|
<p style="margin-top: 5%;">个</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="center-box">
|
||
|
|
|
||
|
|
<div class="switch-type">
|
||
|
|
<div id="echarts-map">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="warning-info layout">
|
||
|
|
<img src="../../img/title-btn/check/warning.png" style="margin-left: 20px;">
|
||
|
|
<div class="animate-p layout">
|
||
|
|
<p class="animate" id="outText"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="switch-type2" style="display: none;">
|
||
|
|
<div class="back layout" style="display: none;" onclick="back()">
|
||
|
|
<img src="../../img/compreDisplay/back-btn.png" style="cursor: pointer;">
|
||
|
|
<p style="cursor: pointer;">返回</p>
|
||
|
|
</div>
|
||
|
|
<div class="basic-info layout">
|
||
|
|
<div class="city layout">
|
||
|
|
<p id="cityName"></p>
|
||
|
|
</div>
|
||
|
|
<div class="pro-attendance-risk-info layout">
|
||
|
|
<div class="pro-info layout">
|
||
|
|
<div class="pro layout"><p>在建工程：<span id="cityProNum">0</span></p></div>
|
||
|
|
<div class="pro layout"><p>在施工程：<span id="cityProNum2">0</span></p></div>
|
||
|
|
<div class="pro layout"><p>停工工程：<span id="cityProNum3">0</span></p></div>
|
||
|
|
</div>
|
||
|
|
<div class="attendance-info layout">
|
||
|
|
<div class="attendance layout"><p>班组骨干：<span id="attendanceNum">0</span>人</p></div>
|
||
|
|
<div class="attendance layout"><p>特种作业：<span id="attendanceNum2">0</span>人</p></div>
|
||
|
|
<div class="attendance layout"><p>普通作业：<span id="attendanceNum3">0</span>人</p></div>
|
||
|
|
</div>
|
||
|
|
<div class="risk-info layout">
|
||
|
|
<div class="risk layout"><p>昨日风险：</p>
|
||
|
|
<p style="margin-left: -6%;color: #DD690B;">二级：<span id="lastTwoRiskNum">0</span>
|
||
|
|
</p>
|
||
|
|
<p style="color: #FFE91F;">三级：<span id="lastThreeRiskNum">0</span></p>
|
||
|
|
<p style="color: #2aa998;">四级：<span id="lastFourRiskNum">0</span></p>
|
||
|
|
<p style="color: #70e180;">五级：<span id="lastFiveRiskNum">0</span></p></div>
|
||
|
|
<div class="risk layout"><p>今日风险：</p>
|
||
|
|
<p style="margin-left: -6%;color: #DD690B;">二级：<span id="dayTwoRiskNum">0</span>
|
||
|
|
</p>
|
||
|
|
<p style="color: #FFE91F;">三级：<span id="dayThreeRiskNum">0</span></p>
|
||
|
|
<p style="color: #2aa998;">四级：<span id="dayFourRiskNum">0</span></p>
|
||
|
|
<p style="color: #70e180;">五级：<span id="dayFiveRiskNum">0</span></p></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="echarts-map2">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!--地图风险等级选中-->
|
||
|
|
<div id="check-risk">
|
||
|
|
<div class="multiselect layout">
|
||
|
|
<div class="check-risk layout" isCheck='1'><img
|
||
|
|
src="../../img/title-btn/check/risk-1-check.png">
|
||
|
|
<p checkedName="" style="color: #fff;">全选</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;">二级</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;">三级</p></div>
|
||
|
|
<div class="check-risk layout" isCheck='1'><img
|
||
|
|
src="../../img/title-btn/check/risk-4-check.png" style="margin-left: 10%;">
|
||
|
|
<p checkedName="4" style="color: #2aa998;text-align: center;">四级及以下</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;">五级</p></div>-->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="right">
|
||
|
|
|
||
|
|
<div class="main-box-ten">
|
||
|
|
<div class="main-right-box1-title">
|
||
|
|
<div class="clickMap" onclick="getMapProNum()"></div>
|
||
|
|
<div class="proBtn">
|
||
|
|
<button class="main-right-box1-btns" btnValue='' onclick="getProStatisNum('')" id="all">全部
|
||
|
|
</button>
|
||
|
|
<button class="main-right-box1-btns" btnValue='01' onclick="getProStatisNum('01')" id="sub">
|
||
|
|
变电
|
||
|
|
</button>
|
||
|
|
<button class="main-right-box1-btns" btnValue='03' onclick="getProStatisNum('03')"
|
||
|
|
id="line">线路
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="echarts-two">
|
||
|
|
<div class="pro-count">
|
||
|
|
<div class="pro-count-child">
|
||
|
|
<div class="pro-count-one-img"></div>
|
||
|
|
<div class="pro-count-one-content" onclick="getProtj('1')">
|
||
|
|
<p>在建工程(单项)</p>
|
||
|
|
<p style="font-size: 28px;color: #38D6F6;" id="zjNum"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="pro-count-child">
|
||
|
|
<div class="pro-count-two-img"></div>
|
||
|
|
<div class="pro-count-two-content" onclick="getProtj('2')">
|
||
|
|
<p>在施工程(单项)</p>
|
||
|
|
<p style="font-size: 28px;color: #A6FDC0;" id="sgNum"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="pro-count-child">
|
||
|
|
<div class="pro-count-three-img"></div>
|
||
|
|
<div class="pro-count-three-content" onclick="getProtj('3')">
|
||
|
|
<p>停工工程(单项)</p>
|
||
|
|
<p style="font-size: 28px;color: #4BF3E6;" id="tgNum"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="main-box-thirty">
|
||
|
|
<div class="main-right-box2-title" id="teamNumMap">
|
||
|
|
<div class="clickMap" onclick="getTeamNumMap()"></div>
|
||
|
|
<div class="person-info">
|
||
|
|
<p>班组数：<span id="teamNums" style="color: #6DC1EF"></span></p>
|
||
|
|
<p>人员数：<span id="perNums" style="color: #68E3E6"></span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="echarts-two">
|
||
|
|
<div style="height: 100%;width: 100%;" id="teams"></div>
|
||
|
|
|
||
|
|
<div class="warning-info layout">
|
||
|
|
<img src="../../img/title-btn/check/warning.png" style="margin-left: 20px;">
|
||
|
|
<div class="animate-p layout">
|
||
|
|
<p class="animate" id="outText2"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="main-box-thirty">
|
||
|
|
<div class="main-right-box3-title">
|
||
|
|
<div class="clickMap" onclick="getDayRiskByMap(2)"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="echarts-two">
|
||
|
|
<div style="height: 100%;width: 100%;" id="dailyRisk"></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="main-box-thirty">
|
||
|
|
<div class="main-right-box4-title">
|
||
|
|
<div class="clickMap" onclick="getAwardsListOnMap()"></div>
|
||
|
|
<div class="dbArea" style="width: 30%;float: left"></div>
|
||
|
|
<div class="award-info">
|
||
|
|
<button class="main-right-box4-btns" onclick="switchAwards()" id="awards">获奖情况</button>
|
||
|
|
<button class="main-right-box4-btn" onclick="getExcellRateByOrg(1)" id="excellRate">优良率
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="echarts-two">
|
||
|
|
<div style="height: 100%;width: 100%;" id="construction"></div>
|
||
|
|
<div style="height: 100%;width: 100%;overflow: auto;padding: 2% 8%;box-sizing: border-box;"
|
||
|
|
id="awardsText"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script src="../../js/main/homeEcharts.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/main/map.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/main/cityMap.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/compreDisplay/compreDisplayAjaxReq.js" type="text/javascript"></script>
|
||
|
|
<script src="../../js/main/homeIndex.js" type="text/javascript"></script>
|
||
|
|
</html>
|