IntelligentRecognition/ah-jjsp-web/.svn/pristine/d9/d908155150ae725f879ee696dd5...

434 lines
22 KiB
Plaintext
Raw Permalink Normal View History

2024-05-24 16:09:40 +08:00
<!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>