434 lines
22 KiB
Plaintext
434 lines
22 KiB
Plaintext
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<link rel="stylesheet" href="../../js/layui-v2.9.2/layui/css/layui.css">
|
||
<!-- <link rel="stylesheet" href="../../js/layui/css/layui.css"> -->
|
||
<link href="../../js/layui/formSelects-v4.css" rel="stylesheet" type="text/css" />
|
||
<link rel="stylesheet" href="../../css/font.css">
|
||
<link rel="stylesheet" href="../../css/compreDisplay/compreDisplay.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/sm3.js" type="text/javascript"></script>
|
||
<script src="../../js/public/aes.js" type="text/javascript"></script>
|
||
<!-- <script src="../../js/layui/layui.js"></script> -->
|
||
<script src="../../js/public/echarts.js"></script>
|
||
<script src="../../js/public/commonUtils.js"></script>
|
||
<script src="../../js/public/select.js"></script>
|
||
<script src="../../js/public/permission.js"></script>
|
||
<script src="../../js/public/ajaxRequest.js"></script>
|
||
<script src="http://api.map.baidu.com/getscript?v=3.0&ak=s0zhKgClIXRG8hQp3HB4KtiXPWw1dP8B"></script>
|
||
<script src="../../js/layui-v2.9.2/layui/layui.js"></script>
|
||
<title>综合展示</title>
|
||
</head>
|
||
|
||
<body id="body">
|
||
<div id="allMap" style="width: 100%;height: 100%"></div>
|
||
<div id="content-box" class="layout" style="position: relative;top: -100%;">
|
||
<div id="left" class="layout common-height">
|
||
<div id="left-box" class="common-height">
|
||
<!--工程类型切换按钮-->
|
||
<div class="pro-type-btn layout">
|
||
<p class="pro-type check-p" proValue="">全部</p>
|
||
<p class="pro-type" proValue="01">变电</p>
|
||
<p class="pro-type" proValue="03">线路</p>
|
||
<p class="pro-type" proValue="04">其他</p>
|
||
</div>
|
||
<!-- 周风险/日计划 -->
|
||
<div class="main-box-merge">
|
||
<div class="change-type-btn layout">
|
||
<p class="change-type check-p" typeValue="1">周风险</p>
|
||
<p class="change-type" typeValue="2">日计划</p>
|
||
</div>
|
||
<!--周风险-->
|
||
<div class="main-box2">
|
||
<div class="main-box2-title"></div>
|
||
<div class="main-box2-btn layout">
|
||
<div style="width: 150px;flex-direction: row" class="layout">
|
||
<div class="legend-title layout" style="color: #DD690B;"><img style="margin-top: 0px"
|
||
src="../../img/compreDisplay/circle.png">二级</div>
|
||
<div class="legend-title layout" style="color: #FFE91F;"><img style="margin-top: 0px"
|
||
src="../../img/compreDisplay/circle2.png">三级</div>
|
||
</div>
|
||
<div class="city-select">
|
||
<form class="layui-form" onsubmit="return false;">
|
||
<div class="layui-form-item" style="margin-bottom: 0;">
|
||
<div class="layui-inline" style="height: 36px;">
|
||
<input type="text" id="weekRiskDate" class="layui-input" placeholder="日期"
|
||
readonly>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div id="echarts-two"></div>
|
||
</div>
|
||
<!--日计划-->
|
||
<div class="main-box" style="display: none;">
|
||
<div class="main-box-title"></div>
|
||
<div class="main-box-btn layout">
|
||
<div class="date-btn layout">
|
||
<!-- <div class="date-type"><p dayValue='1'>前日</p><img src="../../img/compreDisplay/line2.png"-->
|
||
<!-- style="display: none;">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="date-type"><p dayValue='2'>昨日</p><img src="../../img/compreDisplay/line2.png"-->
|
||
<!-- style="display: none;">-->
|
||
<!-- </div>-->
|
||
<!-- <div class="date-type"><p class="check-p2" dayValue='3'>当日</p><img-->
|
||
<!-- src="../../img/compreDisplay/line2.png"></div>-->
|
||
</div>
|
||
<div class="echarts-legend layout">
|
||
<div class="legend-title layout"><img src="../../img/compreDisplay/legend-title.png">
|
||
<p>计划数</p>
|
||
</div>
|
||
<div class="legend-title layout"><img src="../../img/compreDisplay/legend-title2.png">
|
||
<p>已执行</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="count-num layout">
|
||
<div class="count layout" style="cursor: pointer;" onclick="openDayRisk('','计划数')">
|
||
<p id="totalNum"></p>
|
||
<p>日计划总数</p>
|
||
</div>
|
||
<div class="count2 layout" style="cursor: pointer;" onclick="openDayRisk('','已执行')">
|
||
<p id="executedDayNum"></p>
|
||
<p>已执行总数</p>
|
||
</div>
|
||
</div>
|
||
<div id="echarts-one">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="plan-history">
|
||
<div class="plan-history-title layout">
|
||
<p>历史记录</p>
|
||
<div class="change-type-btn2 layout">
|
||
<p class="change-type2 check-p" dateType="1">日</p>
|
||
<p class="change-type2" dateType="2">周</p>
|
||
<p class="change-type2" dateType="3">月</p>
|
||
</div>
|
||
</div>
|
||
<div id="plan-echarts">
|
||
|
||
</div>
|
||
</div>
|
||
<!-- 预警信息 -->
|
||
<div class="early-main-box">
|
||
<div class="early-main-box-title"></div>
|
||
<div class="early-info-list" onclick="openEarlyInfo()">
|
||
<ul>
|
||
<li class="layout"><p style="width: 40%;">预警信息共<span id="earlyTotalNum">0</span>条 </p><p style="width: 30%;">已处理<span id="earlyDealNum">0</span>条 </p><p style="width: 30%;">未处理<span id="earlyNoDealNum">0</span>条</p></li>
|
||
<li class="layout"><p>预警类型</p><p>是否处理</p><p>处理时间</p></li>
|
||
</ul>
|
||
<ul id="early-info-ul">
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="left-box2" class="common-height">
|
||
<div class="switch-btn">
|
||
<form class="layui-form switch-form" onsubmit="return false;">
|
||
<!--<div class="layui-form-item layout">
|
||
<p>天气</p>
|
||
<input type="checkbox" name="weather" lay-skin="switch" lay-filter="weather" title="风险开关">
|
||
</div>-->
|
||
<div class="layui-form-item layout">
|
||
<p>地形</p>
|
||
<input type="checkbox" name="terrain" lay-skin="switch" lay-filter="terrain" title="地形">
|
||
</div>
|
||
<div class="layui-form-item layout">
|
||
<p>杆塔</p>
|
||
<input type="checkbox" name="terrain" lay-skin="switch" lay-filter="terrain2" title="杆塔">
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<div class="back layout" style="display: none;" onclick="back()">
|
||
<img src="../../img/compreDisplay/back-btn.png">
|
||
<p>返回</p>
|
||
</div>
|
||
<div class="pro-container layout">
|
||
<div class="pro-box layout">
|
||
<div class="pro-img pro-img-common layout" style="flex-direction: column;">
|
||
<p id="buildNum" onclick="openPro(1,'在建',1)">0</p>
|
||
<p id="buildNum2" onclick="openPro(1,'在建',2)">0</p>
|
||
</div>
|
||
<p>在建工程</p>
|
||
</div>
|
||
<div class="pro-box layout" onclick="openPro(0,'待开工',1)">
|
||
<div class="pro-img0 pro-img-common layout">
|
||
<p id="dkgNum">0</p>
|
||
</div>
|
||
<p>待开工工程</p>
|
||
</div>
|
||
<div class="pro-box layout" onclick="openPro(2,'停工',1)">
|
||
<div class="pro-img2 pro-img-common layout">
|
||
<p id="consNum">0</p>
|
||
</div>
|
||
<p>停工工程</p>
|
||
</div>
|
||
<div class="pro-box layout" onclick="openPro(3,'投产',1)">
|
||
<div class="pro-img3 pro-img-common layout">
|
||
<p id="stopNum">0</p>
|
||
</div>
|
||
<p>投产工程</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="center-box" class="common-height">
|
||
<div class="switch-type">
|
||
<div class="search layout" style="display: none;">
|
||
<input name="keyWord" class="keyWord" placeholder="请输入关键字" autocomplete="off"
|
||
onblur="searchRiskData()">
|
||
<img src="../../img/title-btn/check/voice.png" title="语音搜索">
|
||
</div>
|
||
<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="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="cityProNum4">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 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="bid-pro-select" style="display: none;">
|
||
<form class="layui-form layout">
|
||
<select class="layui-form-select" lay-search id="bidPro" lay-filter="bidPro">
|
||
</select>
|
||
</form>
|
||
</div>
|
||
<div id="right" class="layout common-height">
|
||
<div id="center-box2" class="common-height">
|
||
<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;">全选(<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"
|
||
style="">
|
||
<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;">五级</p></div>-->
|
||
</div>
|
||
</div>
|
||
<div id="right-box" class="common-height">
|
||
<!--作业票-->
|
||
<div class="main-box3">
|
||
<div class="main-box3-title">
|
||
<div class="change-type-btn3 layout">
|
||
<p class="change-type3 check-p" dateType="1">日</p>
|
||
<p class="change-type3" dateType="2">周</p>
|
||
<p class="change-type3" dateType="3">月</p>
|
||
</div>
|
||
</div>
|
||
<div class="ticket layout">
|
||
<div class="ticket-pie">
|
||
<div class="echarts-legend2 layout">
|
||
<div class="legend-title layout" style="cursor: pointer;" onclick="openTicket(2,'2')">
|
||
<img style="margin-top: 0px" src="../../img/compreDisplay/circle.png">
|
||
<p id="two" style="color: #DD690B">二级：0</p>
|
||
</div>
|
||
<div class="legend-title layout" style="cursor: pointer;" onclick="openTicket(2,'3')">
|
||
<img style="margin-top: 0px" src="../../img/compreDisplay/circle2.png">
|
||
<p id="three" style="color: #FFE91F">三级：0</p>
|
||
</div>
|
||
<div class="legend-title2 layout" style="cursor: pointer;" onclick="openTicket(2,'4')">
|
||
<img src="../../img/compreDisplay/circle3.png">
|
||
<p id="four" style="color: #2aa998">四级：0</p>
|
||
</div>
|
||
<div class="legend-title2 layout" style="cursor: pointer;" onclick="openTicket(2,'5')">
|
||
<img src="../../img/compreDisplay/circle4.png">
|
||
<p id="five" style="color: #70e180">五级：0</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="ticket-history-echarts"></div>
|
||
</div>
|
||
</div>
|
||
<!--站班会-->
|
||
<div class="main-box5">
|
||
<div class="main-box5-title"></div>
|
||
<div class="ticket-bar">
|
||
<div class="ticket-bar-btn layout">
|
||
<div class="date3-btn layout">
|
||
<div class="date3-type">
|
||
<p classType="1" class="check-p3">风险等级</p><img
|
||
src="../../img/compreDisplay/line2.png">
|
||
</div>
|
||
<div class="date3-type">
|
||
<p classType="2">地市</p><img src="../../img/compreDisplay/line2.png"
|
||
style="display: none;">
|
||
</div>
|
||
</div>
|
||
<div class="echarts-legend layout" style="margin-left: 38%;">
|
||
<form class="layui-form" onsubmit="return false;">
|
||
<div class="layui-form-item" style="margin-bottom: 0;">
|
||
<div class="layui-inline" style="height: 36px;">
|
||
<input type="text" id="classDate" class="layui-input" placeholder="日期"
|
||
readonly>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div id="echarts-five">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--人员统计-->
|
||
<div class="main-box4">
|
||
<div class="main-box4-title"></div>
|
||
<div id="echarts-six"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
<style>
|
||
.layui-laydate .layui-this {
|
||
background-color: #2F5D6B !important;
|
||
color: #fff !important;
|
||
}
|
||
|
||
.layui-laydate,
|
||
.layui-laydate-hint {
|
||
border: 1px solid #d2d2d2;
|
||
background-color: #06182E !important;
|
||
color: #666;
|
||
}
|
||
|
||
.layui-laydate-list {
|
||
background-color: #06182E !important;
|
||
}
|
||
|
||
.layui-laydate-header i {
|
||
position: absolute;
|
||
top: 10px;
|
||
padding: 0 5px;
|
||
color: #d9d9d9;
|
||
font-size: 18px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.layui-laydate-content>table>thead>tr>th {
|
||
color: #fff;
|
||
}
|
||
|
||
.layui-laydate-content td {
|
||
color: #fff;
|
||
}
|
||
|
||
.layui-laydate-content .laydate-day-next,
|
||
.layui-laydate-content .laydate-day-prev {
|
||
color: #666;
|
||
}
|
||
|
||
.layui-laydate-footer span:first-child.layui-laydate-preview {
|
||
color: #fff !important;
|
||
}
|
||
|
||
.layui-laydate-content td:hover {
|
||
color: #fff;
|
||
background-color: #2F5D6B !important;
|
||
}
|
||
|
||
.layui-laydate-list>li:hover {
|
||
background-color: #2F5D6B !important;
|
||
color: #fff;
|
||
}
|
||
|
||
.layui-laydate-header i:hover,
|
||
.layui-laydate-header span:hover {
|
||
color: #2F5D6B !important;
|
||
}
|
||
|
||
.laydate-footer-btns span:hover {
|
||
color: #2F5D6B !important;
|
||
}
|
||
</style>
|
||
<script src="../../js/compreDisplay/compreDisplayEcharts.js" type="text/javascript"></script>
|
||
<script src="../../js/compreDisplay/gtmap.js" type="text/javascript"></script>
|
||
<script src="../../js/compreDisplay/map.js" type="text/javascript"></script>
|
||
<script src="../../js/compreDisplay/cityMap.js" type="text/javascript"></script>
|
||
<script src="../../js/compreDisplay/terrainMap.js" type="text/javascript"></script>
|
||
<script src="../../js/compreDisplay/openChildPage.js" type="text/javascript"></script>
|
||
<script src="../../js/compreDisplay/compreDisplayAjaxReq.js" type="text/javascript"></script>
|
||
<script src="../../js/compreDisplay/compreDisplay.js" type="text/javascript"></script>
|
||
<!-- <script src="../../js/public/remind.js" type="text/javascript"></script> -->
|
||
<!-- <script src="../../js/compreDisplay/webSocket.js" type="text/javascript"></script> -->
|
||
|
||
</html> |