You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2125 lines
85 KiB
2125 lines
85 KiB
10 months ago
|
<#include "../_include/_t.ftl"/>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title></title>
|
||
|
|
<#include "../_include/_h.ftl"/>
|
||
|
|
<#include "../_include/_l.ftl"/>
|
||
|
|
<#include "../_include/_j.ftl"/>
|
||
|
|
<#include "../_include/_z.ftl"/>
|
||
|
|
<#include "../_include/_e.ftl"/>
|
||
|
|
<#include "../_include/bdata/_c.ftl"/>
|
||
|
|
<style type="text/css">
|
||
|
|
* {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#body {
|
||
|
|
font-family: "微软雅黑", arial, helvetica, sans-serif;
|
||
|
|
font-size: 16px;
|
||
|
|
border: 0;
|
||
|
|
outline: none;
|
||
|
|
color: #FFFFFF;
|
||
|
|
background: #032c56;
|
||
|
|
}
|
||
|
|
|
||
|
|
.clearfix:after {
|
||
|
|
display: block;
|
||
|
|
clear: both;
|
||
|
|
content: "";
|
||
|
|
visibility: hidden;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#body a {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.clearfix {
|
||
|
|
zoom: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fl {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fr {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.m-10 {
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-title1 {
|
||
|
|
height: 60px;
|
||
|
|
background: #1c5997;
|
||
|
|
line-height: 60px;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-time {
|
||
|
|
width: 100%;
|
||
|
|
height: 56px;
|
||
|
|
padding: 20px;
|
||
|
|
padding-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-time1 {
|
||
|
|
width: 50%;
|
||
|
|
height: 36px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-print {
|
||
|
|
width: 90px;
|
||
|
|
height: 36px;
|
||
|
|
line-height: 36px;
|
||
|
|
background: url(${ctx}/style/images/jc-time1.png) no-repeat;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-print a {
|
||
|
|
display: block;
|
||
|
|
color: #FFFFFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-bgzq {
|
||
|
|
width: 118px;
|
||
|
|
height: 36px;
|
||
|
|
line-height: 36px;
|
||
|
|
font-size: 18px;
|
||
|
|
color: #0096ff;
|
||
|
|
background: url(${ctx}/style/images/jc-bgzq.png) left center no-repeat;
|
||
|
|
padding-left: 35px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-select {
|
||
|
|
width: 120px;
|
||
|
|
height: 36px;
|
||
|
|
background: #0e3d6e;
|
||
|
|
border: 1px solid #1c5997;
|
||
|
|
border-radius: 2px;
|
||
|
|
line-height: 34px;
|
||
|
|
padding-left: 10px;
|
||
|
|
color: #95d3ff;
|
||
|
|
outline: none;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-cont {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-title2 {
|
||
|
|
height: 50px;
|
||
|
|
background: url(${ctx}/style/images/jc-title2.jpg) repeat-x;
|
||
|
|
line-height: 50px;
|
||
|
|
font-size: 18px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-dwxx {
|
||
|
|
width: 100%;
|
||
|
|
padding: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-dwxx table {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-dwxx table td {
|
||
|
|
border: 1px solid #1c5997;
|
||
|
|
background: #0e3d6e;
|
||
|
|
height: 44px;
|
||
|
|
line-height: 44px;
|
||
|
|
color: #FFFFFF;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-dwxx table td.jc-dwxx-tit {
|
||
|
|
background: #0e4a86;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-jrxt {
|
||
|
|
width: 100%;
|
||
|
|
height: 255px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-jrxt1 {
|
||
|
|
margin-left: 20px;
|
||
|
|
width: 50px;
|
||
|
|
height: 255px;
|
||
|
|
background: #0e4a86;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 18px;
|
||
|
|
padding-top: 110px;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-jrxt2 {
|
||
|
|
width: calc(100% - 100px);
|
||
|
|
height: 338px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-jrxt2 li {
|
||
|
|
width: 24%;
|
||
|
|
height: 80px;
|
||
|
|
background: #0e3d6e;
|
||
|
|
margin-left: 6px;
|
||
|
|
margin-bottom: 6px;
|
||
|
|
float: left;
|
||
|
|
line-height: 80px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-jrxt2 li img {
|
||
|
|
vertical-align: middle;
|
||
|
|
display: inline-block;
|
||
|
|
margin-right: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-bjtj {
|
||
|
|
width: 100%;
|
||
|
|
padding: 0 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-row {
|
||
|
|
width: 100%;
|
||
|
|
padding: 20px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-title3 {
|
||
|
|
width: 100%;
|
||
|
|
font-size: 18px;
|
||
|
|
color: #FFFFFF;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jc-title3 span {
|
||
|
|
font-family: impact;
|
||
|
|
font-size: 30px;
|
||
|
|
color: #00fcff;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body class="layui-layout-body">
|
||
|
|
<div class="page_content_noside"
|
||
|
|
style="position: absolute;top: 60px;width: 100%;padding: 5px 10px;background: url(${ctx}/style/cls1/img/nb-con.png) no-repeat;
|
||
|
|
background-size: 100% 100%;">
|
||
|
|
<div id="body" style="width: 100%; height: 90%; margin: 2px auto;top: 30px">
|
||
|
|
<div class="jc-title1">消防安全报告</div>
|
||
|
|
<div class="page_tools" style="margin-left: 50px;margin-top: 10px;">
|
||
|
|
<#-- <div class="layui-inline layui-form" style="width:90px;">-->
|
||
|
|
<#-- <select id="date_type" lay-filter="select_type">-->
|
||
|
|
<#-- <option value="">自定义</option>-->
|
||
|
|
<#-- <option value="1">本周</option>-->
|
||
|
|
<#-- <option value="2">本月</option>-->
|
||
|
|
<#-- <option value="3">本季度</option>-->
|
||
|
|
<#-- <option value="4">本年</option>-->
|
||
|
|
<#-- </select>-->
|
||
|
|
<#-- </div>-->
|
||
|
|
<div class="layui-inline" style="width:120px;">
|
||
|
|
<input class="layui-input" type="text" id="data_1_01_beginDate" value="${.now?string('yyyy-MM')}"
|
||
|
|
placeholder="月份" autocomplete="off"
|
||
|
|
style="font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>
|
||
|
|
</div>
|
||
|
|
<div class="layui-inline"></div>
|
||
|
|
<#-- <div class="layui-inline" style="width:120px;">-->
|
||
|
|
<#-- <input class="layui-input" type="text" id="data_1_01_endDate" value="${.now?string('yyyy-MM-dd')}"-->
|
||
|
|
<#-- placeholder="年份" autocomplete="off"-->
|
||
|
|
<#-- style="font-size:16px;padding-top:4px;cursor:pointer;letter-spacing:1px;"/>-->
|
||
|
|
<#-- </div>-->
|
||
|
|
<button id="queryBtn" class="layui-btn layui-btn-normal"><i class="layui-icon"></i>查询</button>
|
||
|
|
<button id="exportToWord" class="layui-btn layui-btn-normal"><i class="layui-icon"></i>导出word
|
||
|
|
</button>
|
||
|
|
<button id="exportToPdf" class="layui-btn layui-btn-normal"><i class="layui-icon"></i>导出pdf</button>
|
||
|
|
</div>
|
||
|
|
<div class="jc-cont">
|
||
|
|
<div class="jc-title2">联网单位信息</div>
|
||
|
|
<div class="jc-dwxx"><#--class="jc-dwxx"-->
|
||
|
|
<table cellpadding="0" cellspacing="0">
|
||
|
|
<tr>
|
||
|
|
<td class="jc-dwxx-tit" colspan="2">辖区名称</td>
|
||
|
|
<td colspan="2"><span id="socName_id"></span></td>
|
||
|
|
<td class="jc-dwxx-tit" colspan="2">接入单位数量</td>
|
||
|
|
<td colspan="2"><span id="regionVals_count">12</span><span id="socAddr_id"></span></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="jc-dwxx-tit">重点单位</td>
|
||
|
|
<td><span id="important_org1">0</span></td>
|
||
|
|
<td class="jc-dwxx-tit">一般单位</td>
|
||
|
|
<td><span id="important_org2">0</span></td>
|
||
|
|
<td class="jc-dwxx-tit">九小场所</td>
|
||
|
|
<td><span id="important_org3">0</span></td>
|
||
|
|
<td class="jc-dwxx-tit">其他单位</td>
|
||
|
|
<td><span id="important_org4">0</span></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="jc-dwxx-tit">接入设备</td>
|
||
|
|
<td><span id="inout_countall">0</span></td>
|
||
|
|
<td class="jc-dwxx-tit">在线设备</td>
|
||
|
|
<td><span id="inout_countonline">0</span></td>
|
||
|
|
<td class="jc-dwxx-tit">报警设备</td>
|
||
|
|
<td><span id="inout_countwarn">0</span></td>
|
||
|
|
<td class="jc-dwxx-tit">在线率</td>
|
||
|
|
<td><span id="inout_countpercentage">0</span></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
<div class="jc-jrxt">
|
||
|
|
<div class="jc-jrxt1 fl">接<br/>
|
||
|
|
入<br/>
|
||
|
|
系<br/>
|
||
|
|
统
|
||
|
|
</div>
|
||
|
|
<div class="jc-jrxt2 fr">
|
||
|
|
<ul>
|
||
|
|
<li><img src="${ctx}/style/images/jc-dqhz.png">电气火灾监测系统</li>
|
||
|
|
<li>总设备<span style="margin: 0 30px;">|</span><span id="electricity_1"
|
||
|
|
style="color: #00fcff;"></span>
|
||
|
|
</li>
|
||
|
|
<li><img src="${ctx}/style/images/jc-xfs.png">消防用水监测系统</li>
|
||
|
|
<li>总设备<span style="margin: 0 30px;">|</span><span id="water_1" style="color: #00fcff;"></span>
|
||
|
|
</li>
|
||
|
|
<#-- <li><img src="${ctx}/style/images/jc-dlyg.png">高位水箱监测系统</li>-->
|
||
|
|
<#-- <li>总设备<span style="margin: 0 30px;">|</span><span id="YG_1" style="color: #00fcff;"></span>-->
|
||
|
|
<#-- </li>-->
|
||
|
|
<#-- <li><img src="${ctx}/style/images/jc-krqt.png">消火栓监测系统</li>-->
|
||
|
|
<#-- <li>总设备<span style="margin: 0 30px;">|</span><span id="KRQ_1" style="color: #00fcff;"></span>-->
|
||
|
|
<#-- </li>-->
|
||
|
|
<#-- <li><img src="${ctx}/style/images/jc-krqt.png">自动喷淋监测系统</li>-->
|
||
|
|
<#-- <li>总设备<span style="margin: 0 30px;">|</span><span id="KRQ_1" style="color: #00fcff;"></span>-->
|
||
|
|
<#-- </li>-->
|
||
|
|
<li><img src="${ctx}/style/images/zdlw.png">自动联网报警系统</li>
|
||
|
|
<li>总设备<span style="margin: 0 30px;">|</span><span id="alarmauto_1"
|
||
|
|
style="color: #00fcff;"></span>
|
||
|
|
</li>
|
||
|
|
<li><img src="${ctx}/style/images/jc-dlyg.png">独立烟感探测系统</li>
|
||
|
|
<li>总设备<span style="margin: 0 30px;">|</span><span id="smoke_1" style="color: #00fcff;"></span>
|
||
|
|
</li>
|
||
|
|
<li><img src="${ctx}/style/images/jc-krqt.png">可燃气体监测系统</li>
|
||
|
|
<li>总设备<span style="margin: 0 30px;">|</span><span id="comgas_1" style="color: #00fcff;"></span>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="jc-cont">
|
||
|
|
<div class="jc-title2">安装总览</div>
|
||
|
|
<div style="padding: 10px 20px;">
|
||
|
|
<table class="layui-hide" id="test"></table>
|
||
|
|
</div>
|
||
|
|
<div class="jc-bjtj">
|
||
|
|
<div class="jc-title1" style="height: 50px;line-height: 50px;font-size: 18px;">报警信息</div>
|
||
|
|
<div class="jc-dwxx">
|
||
|
|
<table cellpadding="0" cellspacing="0">
|
||
|
|
<tr>
|
||
|
|
<td class="jc-dwxx-tit">报警总数</td>
|
||
|
|
<td><span id="alarm_countall">0</span>次</td>
|
||
|
|
<td class="jc-dwxx-tit">电气火灾监测系统报警</td>
|
||
|
|
<td><span id="alarm_dq">0</span>次</td>
|
||
|
|
<td class="jc-dwxx-tit">建筑消防用水报警</td>
|
||
|
|
<td><span id="alarm_jz">0</span>次</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="jc-dwxx-tit">烟感报警</td>
|
||
|
|
<td><span id="alarm_yg">0</span>次</td>
|
||
|
|
<td class="jc-dwxx-tit">可燃气体报警</td>
|
||
|
|
<td><span id="alarm_krq">0</span>次</td>
|
||
|
|
<td class="jc-dwxx-tit">火警</td>
|
||
|
|
<td><span id="alarm_fire">0</span>次</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td class="jc-dwxx-tit">报警次数最多</td>
|
||
|
|
<td><span id="alarm_morename">暂无报警</span></td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="jc-cont">
|
||
|
|
<div class="jc-title2">报警统计</div>
|
||
|
|
<div class="jc-row clearfix">
|
||
|
|
<div id="bjlb" style="width:400px;height:340px; float: left;margin-left: 150px;"></div>
|
||
|
|
<div id="wl-yzbj" style="width:1100px;height:340px;float: right;margin-right: 200px;"></div>
|
||
|
|
<div id="bjqyfx" style="width:850px;height:300px;float: left;margin-left: 60px;"></div>
|
||
|
|
<div id="wl_hjdw"
|
||
|
|
style="width:700px;height:300px;float: left;margin-left: 210px;margin-top: 20px;"></div>
|
||
|
|
</div>
|
||
|
|
<div class="jc-cont">
|
||
|
|
<div class="jc-title2">电气火灾隐患预警监测报告</div>
|
||
|
|
<div class="jc-row clearfix">
|
||
|
|
<div style="width: 800px; height: 430px; float: left;">
|
||
|
|
<div class="jc-title3">报警次数总数：<span id="bj_zs1"></span>次</div>
|
||
|
|
<div id="dqbjcs" style="width: 100%; height: 370px;margin-left: 95px;"></div>
|
||
|
|
</div>
|
||
|
|
<div id="dq_bjsbfx"
|
||
|
|
style="width:700px;height:370px;float: left;margin-left: 380px;margin-top: 30px;"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="jc-cont">
|
||
|
|
<div class="jc-title2">区域电气火灾报警分析</div>
|
||
|
|
<div class="jc-row clearfix">
|
||
|
|
<div id="huo_qybj" style="width:1500px;height:360px; float: left;"></div>
|
||
|
|
<div style="float: left;margin-left: 90px;font-size: 20px;margin-top: 100px;width: 200px"><span
|
||
|
|
id="alarmareaname"
|
||
|
|
style="font-size: 36px;color: #00BFFF">A</span>区域报警次数最多
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="jc-cont">
|
||
|
|
<div class="jc-title2">建筑消防用水监测报告</div>
|
||
|
|
<div class="jc-row clearfix">
|
||
|
|
<div style="width: 800px; height: 430px; float: left;">
|
||
|
|
<div class="jc-title3">报警次数总数：<span id="bj_watercount"></span>次</div>
|
||
|
|
<div id="jzbjcs" style="width: 100%; height: 370px;margin-left: 95px;"></div>
|
||
|
|
</div>
|
||
|
|
<div id="jz_bjsbfx"
|
||
|
|
style="width:500px;height:370px;float: left;margin-left: 380px;margin-top: 30px;"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="jc-cont">
|
||
|
|
<div class="jc-title2">区域建筑消防用水报警分析</div>
|
||
|
|
<div class="jc-row clearfix">
|
||
|
|
<div id="jz_qybj" style="width:1500px;height:360px; float: left;"></div>
|
||
|
|
<div style="float: left;margin-left: 90px;font-size: 20px;margin-top: 100px;width: 200px"><span
|
||
|
|
id="ysalarmname"
|
||
|
|
style="font-size: 36px;color: #00BFFF"></span>区域报警次数最多
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="jc-cont">
|
||
|
|
<div class="jc-title2">火灾报警系统运行报告</div>
|
||
|
|
<div class="jc-row clearfix">
|
||
|
|
<div id="hz_bjsbfx"
|
||
|
|
style="width:500px;height:370px;float: left;margin-left: 60px;margin-top: 30px;"></div>
|
||
|
|
<div style="width: 1000px; height: 430px; float: left;">
|
||
|
|
<div id="hzbjcs" style="width: 100%; height: 370px;margin-left: 95px;"></div>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;font-size: 20px;margin-left: 1745px;width: 215px;margin-top: 75px;position: absolute;">
|
||
|
|
报警总数<span id="hzalarmsum" style="color: #00BFFF;font-size: 35px">383</span>次
|
||
|
|
</div>
|
||
|
|
<div style="float: left;font-size: 20px;margin-left: 1745px;width: 200px;margin-top: 120px;position: absolute;">
|
||
|
|
报警设备<span id="hzalarmeq" style="color: #00BFFF;font-size: 35px">31</span>个
|
||
|
|
</div>
|
||
|
|
<div style="float: left;font-size: 20px;margin-left: 1745px;width: 200px;margin-top: 165px;position: absolute;">
|
||
|
|
<span id="hzalarmname" style="color: #00BFFF;font-size: 35px">阿</span>区域报警次数最多
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="jc-cont">
|
||
|
|
<div class="jc-title2">独立烟感报警系统运行报告</div>
|
||
|
|
<div class="jc-row clearfix">
|
||
|
|
<div style="width: 1600px; height: 430px; float: left;">
|
||
|
|
<div id="ygbjcs" style="width: 90%; height: 370px;margin-left: 30px;"></div>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;font-size: 20px;margin-left: 1650px;width: 200px;margin-top: 75px;position: absolute;">
|
||
|
|
报警总数<span id="ygalarmtotal" style="color: #00BFFF;font-size: 35px">0</span>次
|
||
|
|
</div>
|
||
|
|
<div style="float: left;font-size: 20px;margin-left: 1650px;width: 200px;margin-top: 120px;position: absolute;">
|
||
|
|
报警设备<span id="ygalarmeq" style="color: #00BFFF;font-size: 35px">0</span>个
|
||
|
|
</div>
|
||
|
|
<div style="float: left;font-size: 20px;margin-left: 1650px;width: 200px;margin-top: 165px;position: absolute;">
|
||
|
|
<span id="ygalarmmaxname" style="color: #00BFFF;font-size: 35px">A</span>区域报警次数最多
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="jc-cont">
|
||
|
|
<div class="jc-title2">可燃气体监测系统监测报告</div>
|
||
|
|
<div class="jc-row clearfix">
|
||
|
|
<div style="width: 1600px; height: 430px; float: left;">
|
||
|
|
<div id="krqbjcs" style="width: 90%; height: 370px;margin-left: 95px;"></div>
|
||
|
|
</div>
|
||
|
|
<div style="float: left;font-size: 20px;margin-left: 1650px;width: 200px;margin-top: 75px;position: absolute;">
|
||
|
|
报警总数<span id="krqalarmtotal" style="color: #00BFFF;font-size: 35px">0</span>次
|
||
|
|
</div>
|
||
|
|
<div style="float: left;font-size: 20px;margin-left: 1650px;width: 200px;margin-top: 120px;position: absolute;">
|
||
|
|
报警设备<span id="krqalarmeq" style="color: #00BFFF;font-size: 35px">0</span>个
|
||
|
|
</div>
|
||
|
|
<div style="float: left;font-size: 20px;margin-left: 1650px;width: 200px;margin-top: 165px;position: absolute;">
|
||
|
|
<span id="krqalarmmaxname" style="color: #00BFFF;font-size: 35px">A</span>区域报警次数最多
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<#-- <div class="jc-cont">-->
|
||
|
|
<#-- <div class="jc-title2">报告结论</div>-->
|
||
|
|
<#-- <div class="jc-dwxx">-->
|
||
|
|
<#-- <table cellpadding="0" cellspacing="0">-->
|
||
|
|
<#-- <tr>-->
|
||
|
|
<#-- <td class="jc-dwxx-tit" style="width: 300px;">设备在线率</td>-->
|
||
|
|
<#-- <td style="width: 207px;"><span id="zxl"></span>%</td>-->
|
||
|
|
<#-- <td class="jc-dwxx-tit" style="width: 300px;">设备运行情况</td>-->
|
||
|
|
<#-- <td style="width: 207px;"><span id="yxqk"></span></td>-->
|
||
|
|
<#-- <td class="jc-dwxx-tit" style="width: 300px;">周期内累计报警</td>-->
|
||
|
|
<#-- <td style="width: 207px;"><span id="ljbj"></span>次</td>-->
|
||
|
|
<#-- </tr>-->
|
||
|
|
<#-- <tr>-->
|
||
|
|
<#-- <td class="jc-dwxx-tit">消防安全成绩</td>-->
|
||
|
|
<#-- <td><span id="soc_score"></span>分</td>-->
|
||
|
|
<#-- <td class="jc-dwxx-tit">消防安全等级</td>-->
|
||
|
|
<#-- <td><span id="soc_level"></span>级</td>-->
|
||
|
|
<#-- </tr>-->
|
||
|
|
<#-- </table>-->
|
||
|
|
<#-- </div>-->
|
||
|
|
<#-- </div>-->
|
||
|
|
</div>
|
||
|
|
<div style="width: 100%;height: 100px"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
var data_table = []
|
||
|
|
var data1aaa = []
|
||
|
|
var data2 = []
|
||
|
|
var dqmaxorgname = '暂无'
|
||
|
|
var hzmaxorgname = '暂无'
|
||
|
|
var ygmaxorgname = '暂无'
|
||
|
|
var krqmaxorgname = '暂无'
|
||
|
|
var orgtotal = 0
|
||
|
|
$("#socName_id").html("${manager_user['groupName']}")
|
||
|
|
getalldata()
|
||
|
|
var rundateend = "${.now?string("yyyy-MM-dd")}"
|
||
|
|
var rundatestart = "${.now?string("yyyy-MM-01")}"
|
||
|
|
var day = []
|
||
|
|
$("#queryBtn").click(function () {
|
||
|
|
rundatestart = $("#data_1_01_beginDate").val() + "-01"
|
||
|
|
if (Number(rundatestart.split("-")[0]) % Number(4) == 0) {
|
||
|
|
day = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
|
||
|
|
}
|
||
|
|
if (Number(rundatestart.split("-")[0]) % Number(4) != 0) {
|
||
|
|
day = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
|
||
|
|
}
|
||
|
|
var no = Number(rundatestart.split("-")[1]) - 1
|
||
|
|
if ("${.now?string("yyyy-MM")}" == $("#data_1_01_beginDate").val()) {
|
||
|
|
rundateend = "${.now?string("yyyy-MM-dd")}"
|
||
|
|
} else {
|
||
|
|
rundateend = $("#data_1_01_beginDate").val() + "-" + day[no]
|
||
|
|
}
|
||
|
|
getalldata()
|
||
|
|
})
|
||
|
|
|
||
|
|
function getalldata() {
|
||
|
|
$("#inout_countall").html()
|
||
|
|
$("#inout_countonline").html()
|
||
|
|
$("#inout_countwarn").html()
|
||
|
|
$("#bj_zs1").html()
|
||
|
|
var dqyDta = []
|
||
|
|
$("#bj_watercount").html()
|
||
|
|
var num = 0
|
||
|
|
var ysdata = []
|
||
|
|
$("#inout_countpercentage").html()
|
||
|
|
$("#electricity_1").html()
|
||
|
|
$("#water_1").html()
|
||
|
|
$("#alarmauto_1").html()
|
||
|
|
$("#smoke_1").html()
|
||
|
|
$("#comgas_1").html()
|
||
|
|
$("#hzalarmeq").html()
|
||
|
|
$("#ygalarmeq").html()
|
||
|
|
$("#krqalarmeq").html()
|
||
|
|
$("#alarm_countall").html()
|
||
|
|
$("#alarm_dq").html()
|
||
|
|
$("#alarm_jz").html()
|
||
|
|
$("#alarm_yg").html()
|
||
|
|
$("#alarm_krq").html()
|
||
|
|
$("#alarm_fire").html()
|
||
|
|
var array = 0;
|
||
|
|
var namealarm = ''
|
||
|
|
var dataalarm = []
|
||
|
|
var XName = []
|
||
|
|
var dq_alarmtrend = []
|
||
|
|
var xfys_alarmtrend = []
|
||
|
|
var yg_alarmtrend = []
|
||
|
|
var krq_alarmtrend = []
|
||
|
|
var hj_alarmtrend = []
|
||
|
|
var data11 = []
|
||
|
|
var Xdata = []
|
||
|
|
var Ydata = []
|
||
|
|
var dqYdata0 = []
|
||
|
|
var dqYdata1 = []
|
||
|
|
var dqYdata2 = []
|
||
|
|
var dqYdata3 = []
|
||
|
|
var ysYdata0 = []
|
||
|
|
var ysYdata1 = []
|
||
|
|
var hzcount = []
|
||
|
|
var ygtotal = []
|
||
|
|
var krqtotal = []
|
||
|
|
var dpDataall = []
|
||
|
|
var ysDataall = []
|
||
|
|
$("#hzalarmsum").html()
|
||
|
|
$("#ygalarmtotal").html()
|
||
|
|
$("#krqalarmtotal").html()
|
||
|
|
$("#alarmareaname").html()
|
||
|
|
$("#ysalarmname").html()
|
||
|
|
$("#hzalarmname").html()
|
||
|
|
$("#ygalarmmaxname").html()
|
||
|
|
$("#krqalarmmaxname").html()
|
||
|
|
$.ajax({
|
||
|
|
type: "get",
|
||
|
|
url: "http://${jcbgUrl}",
|
||
|
|
// "192.168.3.82:8062/WEBAPI/WebHandle/DataCountHandler.ashx",
|
||
|
|
// +"?Action=JGStatisticalReport&AREA_ID=652900&MONTH=2021-04",
|
||
|
|
data: {
|
||
|
|
Action: "JGStatisticalReport",
|
||
|
|
AREA_ID: "${manager_user['regionId']}",
|
||
|
|
// MONTH: "2021-04"
|
||
|
|
MONTH: $("#data_1_01_beginDate").val(),
|
||
|
|
},
|
||
|
|
dataType: "json",
|
||
|
|
async: false,
|
||
|
|
success: function (data) {
|
||
|
|
// console.log(data)
|
||
|
|
// var orgtotal=0
|
||
|
|
var data6=data.data6
|
||
|
|
$("#important_org1").html(data.data5.length)
|
||
|
|
$("#regionVals_count").html(data.data5.length)
|
||
|
|
data1aaa = data.data1[0]
|
||
|
|
data2 = data.data2[0]
|
||
|
|
var basicinformation = data.data1[0]
|
||
|
|
$("#socName_id").html(basicinformation.REGION_NAME)
|
||
|
|
$("#inout_countall").html(basicinformation.ZJ)
|
||
|
|
$("#inout_countonline").html(basicinformation.ZC)
|
||
|
|
$("#inout_countwarn").html(basicinformation.BJ)
|
||
|
|
//电气报告报警
|
||
|
|
$("#bj_zs1").html(data.data2[0].SYS02)
|
||
|
|
dqyDta = [data.data2[0].TYPE3, data.data2[0].TYPE4, data.data2[0].TYPE2, data.data2[0].TYPE1]
|
||
|
|
chartcount('dqbjcs', dqyDta, ['漏电电流报警', '线缆温度报警', '电流报警', '电压报警']);
|
||
|
|
//建筑消防用水监测报告
|
||
|
|
$("#bj_watercount").html(data.data2[0].SYS01)
|
||
|
|
ysdata = [data.data2[0].TYPE6, data.data2[0].TYPE5]
|
||
|
|
chartcount('jzbjcs', ysdata, ['水位报警', '水压报警'])
|
||
|
|
num = basicinformation.ZC / basicinformation.ZJ;
|
||
|
|
num = num.toFixed(2);
|
||
|
|
if (num.length > 3) {
|
||
|
|
num = num.substring(0, 3)
|
||
|
|
}
|
||
|
|
$("#inout_countpercentage").html(num * 100 + "%")
|
||
|
|
$("#electricity_1").html(basicinformation.SYS02_ZJ)
|
||
|
|
$("#water_1").html(basicinformation.SYS01_ZJ)
|
||
|
|
$("#alarmauto_1").html(basicinformation.SYS05_ZJ)
|
||
|
|
$("#smoke_1").html(basicinformation.SYS03_ZJ)
|
||
|
|
$("#comgas_1").html(basicinformation.SYS04_ZJ)
|
||
|
|
$("#hzalarmeq").html(basicinformation.SYS05_BJ)
|
||
|
|
$("#ygalarmeq").html(basicinformation.SYS03_BJ)
|
||
|
|
$("#krqalarmeq").html(basicinformation.SYS04_BJ)
|
||
|
|
|
||
|
|
var countalarm = data.data2[0]
|
||
|
|
$("#alarm_countall").html(countalarm.ZJ)
|
||
|
|
$("#alarm_dq").html(countalarm.SYS02)
|
||
|
|
$("#alarm_jz").html(countalarm.SYS01)
|
||
|
|
$("#alarm_yg").html(countalarm.SYS03)
|
||
|
|
$("#alarm_krq").html(countalarm.SYS04)
|
||
|
|
$("#alarm_fire").html(countalarm.SYS05)
|
||
|
|
if (countalarm.SYS01 > array) {
|
||
|
|
array = countalarm.SYS01
|
||
|
|
namealarm = '建筑消防用水报警'
|
||
|
|
}
|
||
|
|
if (countalarm.SYS02 > array) {
|
||
|
|
array = countalarm.SYS02
|
||
|
|
namealarm = '电气火灾监测系统报警'
|
||
|
|
}
|
||
|
|
if (countalarm.SYS03 > array) {
|
||
|
|
array = countalarm.SYS03
|
||
|
|
namealarm = '烟感报警'
|
||
|
|
}
|
||
|
|
if (countalarm.SYS04 > array) {
|
||
|
|
array = countalarm.SYS04
|
||
|
|
namealarm = '可燃气体报警'
|
||
|
|
}
|
||
|
|
if (countalarm.SYS05 > array) {
|
||
|
|
array = countalarm.SYS05
|
||
|
|
namealarm = '火警'
|
||
|
|
}
|
||
|
|
data_table = data.data1;
|
||
|
|
data_table.splice(0, 1);
|
||
|
|
data_table2 = data.data2;
|
||
|
|
data_table2.splice(0, 1);
|
||
|
|
for (var d = 0; d < data_table.length; d++) {
|
||
|
|
data_table[d].TYPE3 = data_table2[d].TYPE3 /*SYS03_BJ*/
|
||
|
|
data_table[d].TYPE4 = data_table2[d].TYPE4
|
||
|
|
data_table[d].TYPE2 = data_table2[d].TYPE2
|
||
|
|
data_table[d].TYPE1 = data_table2[d].TYPE1
|
||
|
|
data_table[d].sontable = []
|
||
|
|
}
|
||
|
|
var data5 = data.data5
|
||
|
|
for (var dt = 0; dt < data_table.length; dt++) {
|
||
|
|
for (var d5 = 0; d5 < data5.length; d5++) {
|
||
|
|
var typein = ""
|
||
|
|
if ("${manager_user['usersUid']}" == "xjxf") {
|
||
|
|
if (data_table[dt].REGION_ID == data5[d5].REGION_IDS.split(",")[1]) {
|
||
|
|
if (data5[d5].SYS02_ZJ > 0) {
|
||
|
|
typein += "电、"
|
||
|
|
}
|
||
|
|
if (data5[d5].SYS01_ZJ > 0) {
|
||
|
|
typein += "水、"
|
||
|
|
}
|
||
|
|
if (data5[d5].SYS03_ZJ > 0) {
|
||
|
|
typein += "烟、"
|
||
|
|
}
|
||
|
|
if (data5[d5].SYS04_ZJ > 0) {
|
||
|
|
typein += "气、"
|
||
|
|
}
|
||
|
|
if (data5[d5].SYS05_ZJ > 0) {
|
||
|
|
typein += "火"
|
||
|
|
}
|
||
|
|
if (typein.length == 2 || typein.length == 4) {
|
||
|
|
typein = typein.substring(0, typein.length - 1)
|
||
|
|
}
|
||
|
|
data5[d5].typein = typein
|
||
|
|
var online = Number(data5[d5].ZC / data5[d5].ZJ).toFixed(2)
|
||
|
|
var alarm = Number(data5[d5].BJ / data5[d5].ZJ).toFixed(2)
|
||
|
|
if (online.length > 3) {
|
||
|
|
online = online.substring(0, 3)
|
||
|
|
|
||
|
|
}
|
||
|
|
if (alarm.length > 3) {
|
||
|
|
alarm = alarm.substring(0, 3)
|
||
|
|
}
|
||
|
|
data5[d5].online = Number(online) * 100 + "%"
|
||
|
|
data5[d5].alarm = Number(alarm) * 100 + "%"
|
||
|
|
data_table[dt].sontable.push(data5[d5])
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if (data_table[dt].REGION_ID == data5[d5].UNIT_REGION) {
|
||
|
|
if (data5[d5].SYS02_ZJ > 0) {
|
||
|
|
typein += "电、"
|
||
|
|
}
|
||
|
|
if (data5[d5].SYS01_ZJ > 0) {
|
||
|
|
typein += "水、"
|
||
|
|
}
|
||
|
|
if (data5[d5].SYS03_ZJ > 0) {
|
||
|
|
typein += "烟、"
|
||
|
|
}
|
||
|
|
if (data5[d5].SYS04_ZJ > 0) {
|
||
|
|
typein += "气、"
|
||
|
|
}
|
||
|
|
if (data5[d5].SYS05_ZJ > 0) {
|
||
|
|
typein += "火"
|
||
|
|
}
|
||
|
|
if (typein.length == 2 || typein.length == 4) {
|
||
|
|
typein = typein.substring(0, typein.length - 1)
|
||
|
|
}
|
||
|
|
data5[d5].typein = typein
|
||
|
|
var online = Number(data5[d5].ZC / data5[d5].ZJ).toFixed(2)
|
||
|
|
var alarm = Number(data5[d5].BJ / data5[d5].ZJ).toFixed(2)
|
||
|
|
if (online.length > 3 || alarm.length > 3) {
|
||
|
|
online = online.substring(0, 3)
|
||
|
|
alarm = alarm.substring(0, 3)
|
||
|
|
}
|
||
|
|
|
||
|
|
data5[d5].online = Number(online) * 100 + "%"
|
||
|
|
data5[d5].alarm = Number(alarm) * 100 + "%"
|
||
|
|
data_table[dt].sontable.push(data5[d5])
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
if (data_table[dt].sontable.length > 0) {
|
||
|
|
data_table[dt].UNIT_NAME = data_table[dt].sontable[0].UNIT_NAME
|
||
|
|
data_table[dt].dwtypein = data_table[dt].sontable[0].typein
|
||
|
|
data_table[dt].dwZJ = data_table[dt].sontable[0].ZJ
|
||
|
|
data_table[dt].dwonline = data_table[dt].sontable[0].online
|
||
|
|
data_table[dt].dwalarm = data_table[dt].sontable[0].alarm
|
||
|
|
data_table[dt].sontable.splice(0, 1)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
for (var k = 0; k < data_table.length; k++) {
|
||
|
|
data_table[k].pers = 0 + "%"
|
||
|
|
data_table[k].warn = 0 + "%"
|
||
|
|
data_table[k].count = 0
|
||
|
|
}
|
||
|
|
for(var j1=0;j1<data5.length;j1++) {
|
||
|
|
for (var m1 = 0; m1 < data_table.length; m1++) {
|
||
|
|
if (data5[j1].UNIT_REGION == data_table[m1].REGION_ID) {
|
||
|
|
data_table[m1].count+=1
|
||
|
|
}
|
||
|
|
if("${manager_user['usersUid']}" == "xjxf") {
|
||
|
|
if (data5[j1].REGION_IDS.indexOf(data_table[m1].REGION_ID) != -1) {
|
||
|
|
data_table[m1].count += 1
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// console.log(data5[j1].UNIT_REGION.indexOf(data_table[m1].REGION_ID))
|
||
|
|
// else {
|
||
|
|
// if () {
|
||
|
|
// data_table[m1].count+=1
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
for(var j=0;j<data5.length;j++) {
|
||
|
|
for (var m = 0; m < data_table.length; m++) {
|
||
|
|
data_table[m].id = m + 1
|
||
|
|
if (data5[j].sontable == data_table[m].REGION_ID) {
|
||
|
|
// data_table[m].count = data5[j].COUNT
|
||
|
|
if (data_table[m].BJ != 0 || data_table[m].ZC != 0 || data_table[m].ZJ != 0) {
|
||
|
|
var num = Number(data_table[m].ZC / data_table[m].ZJ).toFixed(2) * 100
|
||
|
|
var warn_num = (data_table[m].BJ / data_table[m].ZJ).toFixed(2) * 100
|
||
|
|
if (num.toString().length > 2) {
|
||
|
|
num = Number(num.toString().substring(0, 2))
|
||
|
|
}
|
||
|
|
if (warn_num.toString().length > 2) {
|
||
|
|
warn_num = Number(warn_num.toString().substring(0, 2))
|
||
|
|
}
|
||
|
|
data_table[m].pers = num.toString() + "%"
|
||
|
|
data_table[m].warn = warn_num.toString() + "%"
|
||
|
|
} else {
|
||
|
|
data_table[m].pers = 0 + "%"
|
||
|
|
data_table[m].warn = 0 + "%"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// console.log(data_table)
|
||
|
|
$("#alarm_morename").html(namealarm)
|
||
|
|
//报警类别
|
||
|
|
dataalarm = [countalarm.SYS02, countalarm.SYS01, countalarm.SYS03, countalarm.SYS04, countalarm.SYS05]
|
||
|
|
alarmtype('bjlb', dataalarm)
|
||
|
|
//报警趋势
|
||
|
|
var data3 = data.data3
|
||
|
|
for (var d = 0; d < data3.length; d++) {
|
||
|
|
if (data3[d].REGION_ID == ${manager_user['regionId']}) {
|
||
|
|
XName.push(data3[d].ALARM_TIME.split(" ")[0])
|
||
|
|
dq_alarmtrend.push(data3[d].SYS02)
|
||
|
|
xfys_alarmtrend.push(data3[d].SYS01)
|
||
|
|
yg_alarmtrend.push(data3[d].SYS03)
|
||
|
|
krq_alarmtrend.push(data3[d].SYS04)
|
||
|
|
hj_alarmtrend.push(data3[d].SYS05)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
data11 = [dq_alarmtrend, xfys_alarmtrend, yg_alarmtrend, krq_alarmtrend, hj_alarmtrend]
|
||
|
|
alarmtrend('wl-yzbj', XName, data11)
|
||
|
|
var data2area = data_table2
|
||
|
|
//aaa
|
||
|
|
$("#hzalarmsum").html(countalarm.SYS05)
|
||
|
|
$("#ygalarmtotal").html(countalarm.SYS03)
|
||
|
|
$("#krqalarmtotal").html(countalarm.SYS04)
|
||
|
|
// data2area.splice(0, 1)
|
||
|
|
for (var j = 0; j < data2area.length; j++) {
|
||
|
|
Xdata.push(data2area[j].REGION_NAME)
|
||
|
|
Ydata.push(data2area[j].ZJ)
|
||
|
|
dqYdata0.push(data2area[j].TYPE3)
|
||
|
|
dqYdata1.push(data2area[j].TYPE4)
|
||
|
|
dqYdata2.push(data2area[j].TYPE2)
|
||
|
|
dqYdata3.push(data2area[j].TYPE1)
|
||
|
|
ysYdata0.push(data2area[j].TYPE6)
|
||
|
|
ysYdata1.push(data2area[j].TYPE5)
|
||
|
|
hzcount.push(data2area[j].SYS05)
|
||
|
|
ygtotal.push(data2area[j].SYS03)
|
||
|
|
krqtotal.push(data2area[j].SYS04)
|
||
|
|
}
|
||
|
|
areaalarm('bjqyfx', Xdata, Ydata)
|
||
|
|
chartlongone('hzbjcs', Xdata, hzcount, '火灾报警')
|
||
|
|
chartlongone('ygbjcs', Xdata, ygtotal, '烟感报警')
|
||
|
|
chartlongone('krqbjcs', Xdata, krqtotal, '可燃气报警')
|
||
|
|
//区域电气报警统计
|
||
|
|
|
||
|
|
for (var dq = 0; dq < dqYdata0.length; dq++) {
|
||
|
|
dpDataall.push(dqYdata0[dq] + dqYdata1[dq] + dqYdata2[dq] + dqYdata3[dq])
|
||
|
|
ysDataall.push(ysYdata0[dq] + ysYdata1[dq])
|
||
|
|
}
|
||
|
|
var dqminmax = 0
|
||
|
|
var dqminmaxname = ''
|
||
|
|
var ysminmax = 0
|
||
|
|
var ysminmaxname = ''
|
||
|
|
var hzminmax = 0
|
||
|
|
var hzminmaxname = ''
|
||
|
|
var ygminmax = 0
|
||
|
|
var ygminmaxname = '暂无'
|
||
|
|
var krqminmax = 0
|
||
|
|
var krqminmaxname = '暂无'
|
||
|
|
for (var dp = 0; dp < dpDataall.length; dp++) {
|
||
|
|
if (dpDataall[dp] > dqminmax) {
|
||
|
|
dqminmax = dpDataall[dp]
|
||
|
|
dqminmaxname = Xdata[dp]
|
||
|
|
}
|
||
|
|
if (ysDataall[dp] > ysminmax) {
|
||
|
|
ysminmax = ysDataall[dp]
|
||
|
|
ysminmaxname = Xdata[dp]
|
||
|
|
}
|
||
|
|
if (hzcount[dp] > hzminmax) {
|
||
|
|
hzminmax = hzcount[dp]
|
||
|
|
hzminmaxname = Xdata[dp]
|
||
|
|
}
|
||
|
|
if (ygtotal[dp] > ygminmax) {
|
||
|
|
ygminmax = ygtotal[dp]
|
||
|
|
ygminmaxname = Xdata[dp]
|
||
|
|
}
|
||
|
|
if (krqtotal[dp] > krqminmax) {
|
||
|
|
krqminmax = krqtotal[dp]
|
||
|
|
krqminmaxname = Xdata[dp]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
chartlongmore('huo_qybj', Xdata, [dqYdata0, dqYdata1, dqYdata2, dqYdata3], ['漏电电流报警', '线缆温度报警', '电流报警', '电压报警'])
|
||
|
|
chartlongmore('jz_qybj', Xdata, [ysYdata0, ysYdata1], ['水位报警', '水压报警'])
|
||
|
|
$("#alarmareaname").html(dqminmaxname)
|
||
|
|
$("#ysalarmname").html(ysminmaxname)
|
||
|
|
$("#hzalarmname").html(hzminmaxname)
|
||
|
|
$("#ygalarmmaxname").html(ygminmaxname)
|
||
|
|
$("#krqalarmmaxname").html(krqminmaxname)
|
||
|
|
//报警单位分析
|
||
|
|
var data4alarm = data.data4
|
||
|
|
var yName = []
|
||
|
|
var value = []
|
||
|
|
var dqyName = []
|
||
|
|
var dqvalue = []
|
||
|
|
var ysyName = []
|
||
|
|
var ysvalue = []
|
||
|
|
var hzyName = []
|
||
|
|
var hzvalue = []
|
||
|
|
var ygyName = []
|
||
|
|
var ygvalue = []
|
||
|
|
var krqyName = []
|
||
|
|
var krqvalue = []
|
||
|
|
/*水、电、烟、气、火、视*/
|
||
|
|
for (var m = 0; m < data4alarm.length; m++) {
|
||
|
|
if (data4alarm[m].SYS_ID == "ALL") {
|
||
|
|
yName.push(data4alarm[m].UNIT_NAME)
|
||
|
|
value.push(data4alarm[m].ANUM)
|
||
|
|
}
|
||
|
|
if (data4alarm[m].SYS_ID == "02") {
|
||
|
|
dqyName.push(data4alarm[m].UNIT_NAME)
|
||
|
|
dqvalue.push(data4alarm[m].ANUM)
|
||
|
|
}
|
||
|
|
if (data4alarm[m].SYS_ID == "03") {
|
||
|
|
ygyName.push(data4alarm[m].UNIT_NAME)
|
||
|
|
ygvalue.push(data4alarm[m].ANUM)
|
||
|
|
}
|
||
|
|
if (data4alarm[m].SYS_ID == "01") {
|
||
|
|
ysyName.push(data4alarm[m].UNIT_NAME)
|
||
|
|
ysvalue.push(data4alarm[m].ANUM)
|
||
|
|
}
|
||
|
|
if (data4alarm[m].SYS_ID == "05") {
|
||
|
|
hzyName.push(data4alarm[m].UNIT_NAME)
|
||
|
|
hzvalue.push(data4alarm[m].ANUM)
|
||
|
|
}
|
||
|
|
// if (data4alarm[m].SYS_ID == "04") {
|
||
|
|
// hzyName.push(data4alarm[m].UNIT_NAME)
|
||
|
|
// hzvalue.push(data4alarm[m].ANUM)
|
||
|
|
// }
|
||
|
|
if (data4alarm[m].SYS_ID == "04") {
|
||
|
|
krqyName.push(data4alarm[m].UNIT_NAME)
|
||
|
|
krqvalue.push(data4alarm[m].ANUM)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var ymax = []
|
||
|
|
var dqmax = []
|
||
|
|
var ysmax = []
|
||
|
|
var hzmax = []
|
||
|
|
|
||
|
|
var dqmaxalarmorg = 0
|
||
|
|
var ygmaxalarmorg = 0
|
||
|
|
var hzmaxalarmorg = 0
|
||
|
|
var krqmaxalarmorg = 0
|
||
|
|
for (var n = 0; n < ysvalue.length; n++) {
|
||
|
|
ymax.push(value[n] + 100)
|
||
|
|
dqmax.push(dqvalue[n] + 100)
|
||
|
|
ysmax.push(ysvalue[n] + 100)
|
||
|
|
hzmax.push(hzvalue[n] + 100)
|
||
|
|
if (dqvalue[n] > dqmaxalarmorg) {
|
||
|
|
dqmaxorgname = dqyName[n]
|
||
|
|
}
|
||
|
|
if (hzvalue[n] > hzmaxalarmorg) {
|
||
|
|
hzmaxorgname = hzyName[n]
|
||
|
|
}
|
||
|
|
if (ygvalue[n] > ygmaxalarmorg) {
|
||
|
|
ygmaxorgname = ygyName[n]
|
||
|
|
}
|
||
|
|
if (krqvalue[n] > krqmaxalarmorg) {
|
||
|
|
krqmaxorgname = krqyName[n]
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
chart('wl_hjdw', yName, value, ymax)
|
||
|
|
chart('dq_bjsbfx', dqyName, dqvalue, dqmax)
|
||
|
|
chart('jz_bjsbfx', ysyName, ysvalue, ysmax)
|
||
|
|
chart('hz_bjsbfx', hzyName, hzvalue, hzmax)
|
||
|
|
}
|
||
|
|
});
|
||
|
|
<#--if ("${manager_user['usersUid']}" == "xjxf") {-->
|
||
|
|
<#-- $.ajax({-->
|
||
|
|
<#-- type: "get",-->
|
||
|
|
<#-- url: "${ctx}/work/social/getcountbasic",-->
|
||
|
|
<#-- data: {-->
|
||
|
|
<#-- regionId: "${manager_user['regionId']}",-->
|
||
|
|
<#-- index: "1"-->
|
||
|
|
<#-- },-->
|
||
|
|
<#-- dataType: "json",-->
|
||
|
|
<#-- async: false,-->
|
||
|
|
<#-- success: function (res) {-->
|
||
|
|
<#-- data_back1 = res.data1;-->
|
||
|
|
<#-- data_back2 = res.data2-->
|
||
|
|
<#-- var data2 = res.data2-->
|
||
|
|
<#-- var soc_countall = 0-->
|
||
|
|
<#-- for (var i = 0; i < data2.length; i++) {-->
|
||
|
|
<#-- if (data2[i].SOC_LEVEL == "1") {-->
|
||
|
|
<#-- $("#important_org1").html(data2[i].SOC_COUNT)-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- if (data2[i].SOC_LEVEL == "2") {-->
|
||
|
|
<#-- $("#important_org2").html(data2[i].SOC_COUNT)-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- if (data2[i].SOC_LEVEL == "3") {-->
|
||
|
|
<#-- $("#important_org3").html(data2[i].SOC_COUNT)-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- if (data2[i].SOC_LEVEL == "4") {-->
|
||
|
|
<#-- $("#important_org4").html(data2[i].SOC_COUNT)-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- soc_countall += data2[i].SOC_COUNT-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- $("#regionVals_count").html(soc_countall)-->
|
||
|
|
<#-- for (var k = 0; k < data_table.length; k++) {-->
|
||
|
|
<#-- data_table[k].pers = 0 + "%"-->
|
||
|
|
<#-- data_table[k].warn = 0 + "%"-->
|
||
|
|
<#-- data_table[k].count = 0-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- for (var j = 0; j < res.data1.length; j++) {-->
|
||
|
|
<#-- for (var m = 0; m < data_table.length; m++) {-->
|
||
|
|
<#-- data_table[m].id = m + 1-->
|
||
|
|
<#-- if (res.data1[j].ID == data_table[m].REGION_ID) {-->
|
||
|
|
<#-- data_table[m].count = res.data1[j].COUNT-->
|
||
|
|
<#-- if (data_table[m].BJ != 0 || data_table[m].ZC != 0 || data_table[m].ZJ != 0) {-->
|
||
|
|
<#-- var num = Number(data_table[m].ZC / data_table[m].ZJ).toFixed(2) * 100-->
|
||
|
|
<#-- var warn_num = (data_table[m].BJ / data_table[m].ZJ).toFixed(2) * 100-->
|
||
|
|
<#-- if (num.toString().length > 2) {-->
|
||
|
|
<#-- num = Number(num.toString().substring(0, 2))-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- if (warn_num.toString().length > 2) {-->
|
||
|
|
<#-- warn_num = Number(warn_num.toString().substring(0, 2))-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- data_table[m].pers = num.toString() + "%"-->
|
||
|
|
<#-- data_table[m].warn = warn_num.toString() + "%"-->
|
||
|
|
<#-- } else {-->
|
||
|
|
<#-- data_table[m].pers = 0 + "%"-->
|
||
|
|
<#-- data_table[m].warn = 0 + "%"-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- })-->
|
||
|
|
<#--} else {-->
|
||
|
|
<#-- $.ajax({-->
|
||
|
|
<#-- type: "get",-->
|
||
|
|
<#-- url: "${ctx}/work/social/getcountbasic",-->
|
||
|
|
<#-- data: {-->
|
||
|
|
<#-- regionId: "${manager_user['regionId']}",-->
|
||
|
|
<#-- index: "0"-->
|
||
|
|
<#-- },-->
|
||
|
|
<#-- dataType: "json",-->
|
||
|
|
<#-- async: false,-->
|
||
|
|
<#-- success: function (res) {-->
|
||
|
|
<#-- data_back1 = res.data1;-->
|
||
|
|
<#-- data_back2 = res.data2-->
|
||
|
|
<#-- var data2 = res.data2-->
|
||
|
|
<#-- var soc_countall = 0-->
|
||
|
|
<#-- for (var k = 0; k < data_table.length; k++) {-->
|
||
|
|
<#-- data_table[k].pers = 0 + "%"-->
|
||
|
|
<#-- data_table[k].warn = 0 + "%"-->
|
||
|
|
<#-- data_table[k].count = 0-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- for (var i = 0; i < data2.length; i++) {-->
|
||
|
|
<#-- if (data2[i].SOC_LEVEL == "1") {-->
|
||
|
|
<#-- $("#important_org1").html(data2[i].SOC_COUNT)-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- if (data2[i].SOC_LEVEL == "2") {-->
|
||
|
|
<#-- $("#important_org2").html(data2[i].SOC_COUNT)-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- if (data2[i].SOC_LEVEL == "3") {-->
|
||
|
|
<#-- $("#important_org3").html(data2[i].SOC_COUNT)-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- if (data2[i].SOC_LEVEL == "4") {-->
|
||
|
|
<#-- $("#important_org4").html(data2[i].SOC_COUNT)-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- soc_countall += data2[i].SOC_COUNT-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- $("#regionVals_count").html(soc_countall)-->
|
||
|
|
<#-- for (var j = 0; j < res.data1.length; j++) {-->
|
||
|
|
<#-- for (var m = 0; m < data_table.length; m++) {-->
|
||
|
|
<#-- data_table[m].id = m + 1-->
|
||
|
|
<#-- if (res.data1[j].ID == data_table[m].REGION_ID) {-->
|
||
|
|
<#-- data_table[m].count = res.data1[j].COUNT-->
|
||
|
|
<#-- if (data_table[m].BJ != 0 || data_table[m].ZC != 0 || data_table[m].ZJ != 0) {-->
|
||
|
|
<#-- var num = Number(data_table[m].ZC / data_table[m].ZJ).toFixed(2) * 100-->
|
||
|
|
<#-- var warn_num = (data_table[m].BJ / data_table[m].ZJ).toFixed(2) * 100-->
|
||
|
|
<#-- if (num.toString().length > 2) {-->
|
||
|
|
<#-- num = Number(num.toString().substring(0, 2))-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- if (warn_num.toString().length > 2) {-->
|
||
|
|
<#-- warn_num = Number(warn_num.toString().substring(0, 2))-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- data_table[m].pers = num.toString() + "%"-->
|
||
|
|
<#-- data_table[m].warn = warn_num.toString() + "%"-->
|
||
|
|
<#-- } else {-->
|
||
|
|
<#-- data_table[m].pers = 0-->
|
||
|
|
<#-- data_table[m].warn = 0-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- }-->
|
||
|
|
<#-- })-->
|
||
|
|
<#--}-->
|
||
|
|
|
||
|
|
/*table*/
|
||
|
|
layui.use('table', function () {
|
||
|
|
var table = layui.table;
|
||
|
|
var test = table.render({
|
||
|
|
elem: "#test",
|
||
|
|
<#--url: "${ctx}/work/social/soc0/socialBase/list",-->
|
||
|
|
data: data_table,
|
||
|
|
<#--where: {regionIds: "${manager_user['regionId']}"},-->
|
||
|
|
method: "get",
|
||
|
|
cols: [[
|
||
|
|
{field: 'id', title: '序号', type: 'number', align: 'center'},
|
||
|
|
{field: 'REGION_NAME', title: '行政区划', align: 'center'} //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
|
||
|
|
, {field: 'count', title: '接入单位', align: 'center'}
|
||
|
|
, {field: 'ZJ', title: '接入设备', align: 'center'}
|
||
|
|
, {field: 'pers', title: '设备在线率', align: 'center'}
|
||
|
|
, {field: 'warn', title: '设备报警率', align: 'center'} //单元格内容水平居中
|
||
|
|
]],
|
||
|
|
// page:1,
|
||
|
|
limit: 30
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
$("#exportToWord").click(function () {
|
||
|
|
var ygalarmarea = "暂无";
|
||
|
|
var hzalarmarea = "暂无";
|
||
|
|
var krqalarmarea = "暂无";
|
||
|
|
if ($("#ygalarmmaxname").val() != "") {
|
||
|
|
ygalarmarea = $("#ygalarmmaxname").val()
|
||
|
|
}
|
||
|
|
if ($("#hzalarmname").val() != "") {
|
||
|
|
hzalarmarea = $("#hzalarmname").val()
|
||
|
|
}
|
||
|
|
if ($("#krqalarmmaxname").val() != "") {
|
||
|
|
krqalarmarea = $("#krqalarmmaxname").val()
|
||
|
|
}
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "${ctx}/bdata/cls0/reportsafe",
|
||
|
|
// dataType:"json",
|
||
|
|
async: false,
|
||
|
|
data: {
|
||
|
|
regionName: $("#socName_id").html(),
|
||
|
|
rundatestart: rundatestart,
|
||
|
|
rundateend: rundateend,
|
||
|
|
regionVals_count: $("#regionVals_count").html(),
|
||
|
|
important_org1: $("#important_org1").html(),
|
||
|
|
important_org2: $("#important_org2").html(),
|
||
|
|
important_org3: $("#important_org3").html(),
|
||
|
|
important_org4: $("#important_org4").html(),
|
||
|
|
inout_countall: $("#inout_countall").html(),
|
||
|
|
inout_countonline: $("#inout_countonline").html(),
|
||
|
|
inout_countwarn: $("#inout_countwarn").html(),
|
||
|
|
inout_countpercentage: $("#inout_countpercentage").html(),
|
||
|
|
electricity_1: $("#electricity_1").html(),
|
||
|
|
water_1: $("#water_1").html(),
|
||
|
|
alarmauto_1: $("#alarmauto_1").html(),
|
||
|
|
smoke_1: $("#smoke_1").html(),
|
||
|
|
comgas_1: $("#comgas_1").html(),
|
||
|
|
list1: JSON.stringify(data_table),
|
||
|
|
alarmtotal: $("#alarm_countall").html(),
|
||
|
|
dqalarmcount: $("#alarm_dq").html(),
|
||
|
|
ysalarmcount: $("#alarm_jz").html(),
|
||
|
|
ygalarmcount: $("#alarm_yg").html(),
|
||
|
|
krqalarmcount: $("#alarm_krq").html(),
|
||
|
|
hjalarmcount: $("#alarm_fire").html(),
|
||
|
|
maxalarmname: $("#alarm_morename").html(),
|
||
|
|
regionareatotal: data_table.length,
|
||
|
|
dqdlalarm: $("#alarm_dq").html(),
|
||
|
|
dqldlalarm: data2.TYPE3,
|
||
|
|
dqwdalarm: data2.TYPE4,
|
||
|
|
dqdyalarm: data2.TYPE1,
|
||
|
|
dqeqalarm: data1aaa.SYS02_BJ,
|
||
|
|
dqmaxalarmname: $("#alarmareaname").html(),
|
||
|
|
maxorgname: dqmaxorgname,
|
||
|
|
ysgswxalarm: data2.TYPE6,
|
||
|
|
ysxfsalarm: 0,
|
||
|
|
ysplalarm: 0,
|
||
|
|
yseqalarm: data1aaa.SYS01_BJ,
|
||
|
|
ysmaxalarmname: $("#ysalarmname").html(),
|
||
|
|
orgtotal: $("#important_org1").html(),
|
||
|
|
alarmtype: getImage("bjlb"),
|
||
|
|
alarmtrend: getImage("wl-yzbj"),
|
||
|
|
alarmarea: getImage("bjqyfx"),
|
||
|
|
alarmorg: getImage("wl_hjdw"),
|
||
|
|
ystypealarm: getImage("jzbjcs"),
|
||
|
|
ysalarmorg: getImage("jz_bjsbfx"),
|
||
|
|
hzalarmeq: data1aaa.SYS05_BJ,
|
||
|
|
hzalarmarea: hzalarmarea,
|
||
|
|
hzalarmnameorg: hzmaxorgname,
|
||
|
|
ygalarmarea: ygalarmarea,
|
||
|
|
ygalarmeq: data1aaa.SYS03_BJ,
|
||
|
|
ygalarmnameorg: ygmaxorgname,
|
||
|
|
krqalarmeq: data1aaa.SYS04_BJ,
|
||
|
|
krqalarmarea: krqalarmarea,
|
||
|
|
krqalarmnameorg: krqmaxorgname,
|
||
|
|
/*图片*/
|
||
|
|
hzalarmorg: getImage("hzbjcs"),
|
||
|
|
ygtypealarm: getImage("ygbjcs"),
|
||
|
|
krqalarmorg: getImage("krqbjcs")
|
||
|
|
},
|
||
|
|
success: function (res) {
|
||
|
|
window.location.href = "${ctx}/bdata/downloadFile?filePath=" + encodeURI(encodeURI(res));
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
$("#exportToPdf").click(function () {
|
||
|
|
var ygalarmarea = "暂无";
|
||
|
|
var hzalarmarea = "暂无";
|
||
|
|
var krqalarmarea = "暂无";
|
||
|
|
if ($("#ygalarmmaxname").val() != "") {
|
||
|
|
ygalarmarea = $("#ygalarmmaxname").val()
|
||
|
|
}
|
||
|
|
if ($("#hzalarmname").val() != "") {
|
||
|
|
hzalarmarea = $("#hzalarmname").val()
|
||
|
|
}
|
||
|
|
if ($("#krqalarmmaxname").val() != "") {
|
||
|
|
krqalarmarea = $("#krqalarmmaxname").val()
|
||
|
|
}
|
||
|
|
|
||
|
|
$.ajax({
|
||
|
|
type: "post",
|
||
|
|
url: "${ctx}/bdata/cls0/reportsafepdf",
|
||
|
|
// dataType:"json",
|
||
|
|
async: false,
|
||
|
|
data: {
|
||
|
|
regionName: $("#socName_id").html(),
|
||
|
|
rundatestart: rundatestart,
|
||
|
|
rundateend: rundateend,
|
||
|
|
regionVals_count: $("#regionVals_count").html(),
|
||
|
|
important_org1: $("#important_org1").html(),
|
||
|
|
important_org2: $("#important_org2").html(),
|
||
|
|
important_org3: $("#important_org3").html(),
|
||
|
|
important_org4: $("#important_org4").html(),
|
||
|
|
inout_countall: $("#inout_countall").html(),
|
||
|
|
inout_countonline: $("#inout_countonline").html(),
|
||
|
|
inout_countwarn: $("#inout_countwarn").html(),
|
||
|
|
inout_countpercentage: $("#inout_countpercentage").html(),
|
||
|
|
electricity_1: $("#electricity_1").html(),
|
||
|
|
water_1: $("#water_1").html(),
|
||
|
|
alarmauto_1: $("#alarmauto_1").html(),
|
||
|
|
smoke_1: $("#smoke_1").html(),
|
||
|
|
comgas_1: $("#comgas_1").html(),
|
||
|
|
list1: JSON.stringify(data_table),
|
||
|
|
alarmtotal: $("#alarm_countall").html(),
|
||
|
|
dqalarmcount: $("#alarm_dq").html(),
|
||
|
|
ysalarmcount: $("#alarm_jz").html(),
|
||
|
|
ygalarmcount: $("#alarm_yg").html(),
|
||
|
|
krqalarmcount: $("#alarm_krq").html(),
|
||
|
|
hjalarmcount: $("#alarm_fire").html(),
|
||
|
|
maxalarmname: $("#alarm_morename").html(),
|
||
|
|
regionareatotal: data_table.length,
|
||
|
|
dqdlalarm: $("#alarm_dq").html(),
|
||
|
|
dqldlalarm: data2.TYPE3,
|
||
|
|
dqwdalarm: data2.TYPE4,
|
||
|
|
dqdyalarm: data2.TYPE1,
|
||
|
|
dqeqalarm: data1aaa.SYS02_BJ,
|
||
|
|
dqmaxalarmname: $("#alarmareaname").html(),
|
||
|
|
maxorgname: dqmaxorgname,
|
||
|
|
ysgswxalarm: data2.TYPE6,
|
||
|
|
ysxfsalarm: 0,
|
||
|
|
ysplalarm: 0,
|
||
|
|
yseqalarm: data1aaa.SYS01_BJ,
|
||
|
|
ysmaxalarmname: $("#ysalarmname").html(),
|
||
|
|
orgtotal: $("#important_org1").html(),
|
||
|
|
alarmtype: getImage("bjlb"),
|
||
|
|
alarmtrend: getImage("wl-yzbj"),
|
||
|
|
alarmarea: getImage("bjqyfx"),
|
||
|
|
alarmorg: getImage("wl_hjdw"),
|
||
|
|
ystypealarm: getImage("jzbjcs"),
|
||
|
|
ysalarmorg: getImage("jz_bjsbfx"),
|
||
|
|
hzalarmeq: data1aaa.SYS05_BJ,
|
||
|
|
hzalarmarea: hzalarmarea,
|
||
|
|
hzalarmnameorg: hzmaxorgname,
|
||
|
|
ygalarmarea: ygalarmarea,
|
||
|
|
ygalarmeq: data1aaa.SYS03_BJ,
|
||
|
|
ygalarmnameorg: ygmaxorgname,
|
||
|
|
krqalarmeq: data1aaa.SYS04_BJ,
|
||
|
|
krqalarmarea: krqalarmarea,
|
||
|
|
krqalarmnameorg: krqmaxorgname,
|
||
|
|
/*图片*/
|
||
|
|
hzalarmorg: getImage("hzbjcs"),
|
||
|
|
ygtypealarm: getImage("ygbjcs"),
|
||
|
|
krqalarmorg: getImage("krqbjcs")
|
||
|
|
},
|
||
|
|
success: function (res) {
|
||
|
|
window.location.href = "${ctx}/bdata/downloadFile?filePath=" + encodeURI(encodeURI(res));
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|
||
|
|
layuiplus.on_w_1(function () {
|
||
|
|
layuiplus.init(1);
|
||
|
|
var datae = new Date()
|
||
|
|
ldate.render({
|
||
|
|
elem: "#data_1_01_beginDate",
|
||
|
|
type: "month",
|
||
|
|
max: datae.toLocaleDateString(),
|
||
|
|
format: 'yyyy-MM'
|
||
|
|
});
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
/*报警类别*/
|
||
|
|
function alarmtype(id, dataalarm) {
|
||
|
|
var myChart = echarts.init(document.getElementById(id));
|
||
|
|
var option = {
|
||
|
|
title: {
|
||
|
|
text: '报警类别统计',
|
||
|
|
textAlign: "center",
|
||
|
|
left: "50%",
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff',
|
||
|
|
fontSize: 18,
|
||
|
|
fontWeight: 'normal'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
tooltip: {},
|
||
|
|
legend: {
|
||
|
|
show: true,
|
||
|
|
icon: "circle",
|
||
|
|
bottom: 30,
|
||
|
|
center: 0,
|
||
|
|
itemWidth: 14,
|
||
|
|
itemHeight: 14,
|
||
|
|
shadowColor: 'rgba(0, 0, 0, 1)',
|
||
|
|
shadowBlur: 30,
|
||
|
|
shadowOffsetX: 10,
|
||
|
|
shadowOffsetY: 10,
|
||
|
|
// itemGap: 30,
|
||
|
|
orient: "horizontal",
|
||
|
|
data: ['报警类别'],
|
||
|
|
textStyle: {
|
||
|
|
fontSize: 14,
|
||
|
|
color: '#fff'
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
radar: {
|
||
|
|
// shape: 'circle',
|
||
|
|
radius: '55%',
|
||
|
|
center: ['50%', '50%'],
|
||
|
|
startAngle: 0,
|
||
|
|
triggerEvent: true,
|
||
|
|
name: {
|
||
|
|
textStyle: {
|
||
|
|
color: '#b5e0ff',
|
||
|
|
fontSize: '14',
|
||
|
|
borderRadius: 3,
|
||
|
|
padding: [3, 5]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
nameGap: '2',
|
||
|
|
indicator: [{
|
||
|
|
name: '电气火灾监测',
|
||
|
|
max: dataalarm[0] + 2000
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '消防水监测',
|
||
|
|
max: dataalarm[1] + 2000
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '烟感监测',
|
||
|
|
max: dataalarm[2] + 20
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '可燃气体监测',
|
||
|
|
max: dataalarm[3] + 20
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '火警监测',
|
||
|
|
max: dataalarm[4] + 20
|
||
|
|
}
|
||
|
|
],
|
||
|
|
splitArea: {
|
||
|
|
areaStyle: {
|
||
|
|
color: [
|
||
|
|
'rgba(0,255,255, 0.1)', 'rgba(0,255,255, 0.2)',
|
||
|
|
'rgba(0,255,255, 0.3)', 'rgba(0,255,255, 0.4)',
|
||
|
|
'rgba(0,255,255, 0.5)', 'rgba(0,255,255, 0.6)',
|
||
|
|
].reverse(),
|
||
|
|
shadowColor: 'rgba(0, 0, 0, 1)',
|
||
|
|
shadowBlur: 30,
|
||
|
|
shadowOffsetX: 10,
|
||
|
|
shadowOffsetY: 10
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: 'rgba(0,206,209, 0.3)'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
lineStyle: {
|
||
|
|
width: 1,
|
||
|
|
color: [
|
||
|
|
'rgba(0,206,209, 0.1)', 'rgba(0,206,209, 0.2)',
|
||
|
|
'rgba(0,206,209, 0.3)', 'rgba(0,206,209, 0.4)',
|
||
|
|
'rgba(0,206,209, 0.5)', 'rgba(0,206,209, 0.6)'
|
||
|
|
].reverse()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
series: [{
|
||
|
|
name: '报警次数',
|
||
|
|
type: 'radar',
|
||
|
|
areaStyle: {
|
||
|
|
normal: {
|
||
|
|
color: 'rgba(127,255,210, 0.5)'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
symbol: 'circle',
|
||
|
|
symbolSize: 12,
|
||
|
|
itemStyle: {
|
||
|
|
color: 'rgba(127,255,210,0.8)',
|
||
|
|
borderColor: 'rgba(127,255,210,0.2)',
|
||
|
|
borderWidth: 10,
|
||
|
|
},
|
||
|
|
lineStyle: {
|
||
|
|
color: 'rgba(127,255,210, 0.6)',
|
||
|
|
width: 2
|
||
|
|
},
|
||
|
|
label: {
|
||
|
|
show: true,
|
||
|
|
},
|
||
|
|
data: [dataalarm
|
||
|
|
|
||
|
|
]
|
||
|
|
}]
|
||
|
|
}
|
||
|
|
// 使用刚指定的配置项和数据显示图表。
|
||
|
|
myChart.setOption(option);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//取出echarts图形的base64位字符
|
||
|
|
function getImage(id) {
|
||
|
|
//将第一个画布作为基准。
|
||
|
|
var baseCanvas = $("#" + id).find("canvas").first()[0];
|
||
|
|
if (!baseCanvas) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
;
|
||
|
|
var width = baseCanvas.width;
|
||
|
|
var height = baseCanvas.height;
|
||
|
|
var ctx = baseCanvas.getContext("2d");
|
||
|
|
//遍历，将后续的画布添加到在第一个上
|
||
|
|
$("#" + id).find("canvas").each(function (i, canvasObj) {
|
||
|
|
if (i > 0) {
|
||
|
|
var canvasTmp = $(canvasObj)[0];
|
||
|
|
ctx.drawImage(canvasTmp, 0, 0, width, height);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
//获取base64位的url
|
||
|
|
//console.log(baseCanvas.toDataURL());
|
||
|
|
var image = baseCanvas.toDataURL().split(",")[1];
|
||
|
|
return image;
|
||
|
|
}
|
||
|
|
|
||
|
|
//报警单位分析
|
||
|
|
function chart(id, yName, value, valueMax) {
|
||
|
|
var myChart = echarts.init(document.getElementById(id));
|
||
|
|
option = {
|
||
|
|
title: {
|
||
|
|
text: '报警单位分析',
|
||
|
|
textAlign: "center",
|
||
|
|
left: "50%",
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff',
|
||
|
|
fontSize: 18,
|
||
|
|
fontWeight: 'normal'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
tooltip: {
|
||
|
|
trigger: 'axis',
|
||
|
|
show: true,
|
||
|
|
axisPointer: {
|
||
|
|
type: 'shadow'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
grid: {
|
||
|
|
left: '1%',
|
||
|
|
right: '2%',
|
||
|
|
bottom: '0%',
|
||
|
|
top: "20%",
|
||
|
|
containLabel: true
|
||
|
|
},
|
||
|
|
xAxis: {
|
||
|
|
show: false,
|
||
|
|
type: 'value',
|
||
|
|
boundaryGap: [0, 0.01]
|
||
|
|
},
|
||
|
|
yAxis: [
|
||
|
|
{
|
||
|
|
type: 'category',
|
||
|
|
data: yName,
|
||
|
|
inverse: true,
|
||
|
|
axisLabel: {
|
||
|
|
show: true,
|
||
|
|
|
||
|
|
// 强制显示所有标签
|
||
|
|
interval: 0,
|
||
|
|
textStyle: {
|
||
|
|
color: "#b2d6ff",
|
||
|
|
fontSize: 14,
|
||
|
|
left: '5%',
|
||
|
|
},
|
||
|
|
formatter: function (value) {
|
||
|
|
var res = value;
|
||
|
|
if (res.length > 9) {
|
||
|
|
res = res.substring(0, 7) + "..";
|
||
|
|
}
|
||
|
|
return res;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
show: true,
|
||
|
|
lineStyle: {
|
||
|
|
color: 'red',
|
||
|
|
width: 0, //这里是为了突出显示加上的
|
||
|
|
}
|
||
|
|
},
|
||
|
|
// 隐藏x轴刻度
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'category',
|
||
|
|
inverse: true,
|
||
|
|
data: value,
|
||
|
|
axisLabel: {
|
||
|
|
show: true,
|
||
|
|
margin: 20,
|
||
|
|
// // 强制显示所有标签
|
||
|
|
interval: 0,
|
||
|
|
textStyle: {
|
||
|
|
color: "#b2d6ff",
|
||
|
|
fontSize: 14
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
show: false,
|
||
|
|
lineStyle: {
|
||
|
|
color: '#2F798e',
|
||
|
|
width: 2, //这里是为了突出显示加上的
|
||
|
|
}
|
||
|
|
},
|
||
|
|
// 隐藏x轴刻度
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
],
|
||
|
|
series: [{
|
||
|
|
name: '',
|
||
|
|
type: 'bar',
|
||
|
|
barGap: '-100%',
|
||
|
|
zlevel: 1,
|
||
|
|
// data: [1000,2344,2566,2890,3000,3500,4000],
|
||
|
|
data: value,
|
||
|
|
barWidth: '30%', //宽度
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
|
||
|
|
offset: 0,
|
||
|
|
color: '#00d5ff'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
offset: 1,
|
||
|
|
color: '#028fee'
|
||
|
|
}
|
||
|
|
]),
|
||
|
|
// 设置柱状图的圆角 上右下左
|
||
|
|
barBorderRadius: [100, 100, 100, 100]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: '',
|
||
|
|
type: 'bar',
|
||
|
|
// data: [20, 20, 20, 20, 20, 20, 20],
|
||
|
|
data: valueMax,
|
||
|
|
barWidth: '30%', //宽度
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: "#0f3479",
|
||
|
|
barBorderRadius: [100, 100, 100, 100]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
// 使用刚指定的配置项和数据显示图表。
|
||
|
|
myChart.setOption(option);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function chartcount(id, yData, xData) {
|
||
|
|
var myChart = echarts.init(document.getElementById(id));
|
||
|
|
var option = {
|
||
|
|
grid: {
|
||
|
|
top: '30%',
|
||
|
|
right: '10%',
|
||
|
|
left: '10%',
|
||
|
|
bottom: '12%'
|
||
|
|
},
|
||
|
|
xAxis: [{
|
||
|
|
type: 'category',
|
||
|
|
color: '#59588D',
|
||
|
|
data: xData,
|
||
|
|
axisLabel: {
|
||
|
|
margin: 10,
|
||
|
|
color: '#b5e0ff',
|
||
|
|
textStyle: {
|
||
|
|
fontSize: 14
|
||
|
|
},
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: '#155895',
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
}],
|
||
|
|
yAxis: [{
|
||
|
|
name: '次数',
|
||
|
|
nameTextStyle: {
|
||
|
|
color: "#b5e0ff"
|
||
|
|
},
|
||
|
|
min: 0,
|
||
|
|
max: yData[0] + 300,
|
||
|
|
axisLabel: {
|
||
|
|
formatter: '{value}',
|
||
|
|
color: '#b5e0ff',
|
||
|
|
textStyle: {
|
||
|
|
fontSize: 14
|
||
|
|
},
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: '#155895',
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: '#155895',
|
||
|
|
type: 'dashed',
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}],
|
||
|
|
series: [{
|
||
|
|
type: 'bar',
|
||
|
|
data: yData,
|
||
|
|
barWidth: '30px',
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||
|
|
offset: 0,
|
||
|
|
color: '#15baf0' // 0% 处的颜色
|
||
|
|
}, {
|
||
|
|
offset: 1,
|
||
|
|
color: '#1573ff' // 100% 处的颜色
|
||
|
|
}], false),
|
||
|
|
barBorderRadius: [3, 3, 0, 0],
|
||
|
|
}
|
||
|
|
},
|
||
|
|
label: {
|
||
|
|
show: true,
|
||
|
|
fontSize: 14,
|
||
|
|
position: 'top',
|
||
|
|
color: '#b5e0ff',
|
||
|
|
|
||
|
|
}
|
||
|
|
}]
|
||
|
|
};
|
||
|
|
// 使用刚指定的配置项和数据显示图表。
|
||
|
|
myChart.setOption(option);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*报警区域分析*/
|
||
|
|
function chartlongmore(D_id, xData, yData, legenddata) {
|
||
|
|
var myChart = echarts.init(document.getElementById(D_id));
|
||
|
|
var option = {
|
||
|
|
tooltip: {
|
||
|
|
trigger: 'axis',
|
||
|
|
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
grid: {
|
||
|
|
left: '6%',
|
||
|
|
right: '2%',
|
||
|
|
bottom: '14%',
|
||
|
|
top: '30%',
|
||
|
|
},
|
||
|
|
legend: {
|
||
|
|
data: legenddata,
|
||
|
|
right: '2%',
|
||
|
|
top: 12,
|
||
|
|
textStyle: {
|
||
|
|
color: "#fff"
|
||
|
|
},
|
||
|
|
itemWidth: 12,
|
||
|
|
itemHeight: 8,
|
||
|
|
},
|
||
|
|
xAxis: {
|
||
|
|
type: 'category',
|
||
|
|
data: xData,
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: 'white'
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
textStyle: {
|
||
|
|
fontFamily: 'Microsoft YaHei'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
yAxis: {
|
||
|
|
type: 'value',
|
||
|
|
axisLine: {
|
||
|
|
show: false,
|
||
|
|
lineStyle: {
|
||
|
|
color: 'white'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
show: true,
|
||
|
|
lineStyle: {
|
||
|
|
color: 'rgba(255,255,255,0.3)'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLabel: {}
|
||
|
|
},
|
||
|
|
series: [{
|
||
|
|
name: legenddata[0],
|
||
|
|
type: 'bar',
|
||
|
|
barWidth: '12',
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||
|
|
offset: 0,
|
||
|
|
color: '#fccb05'
|
||
|
|
}, {
|
||
|
|
offset: 1,
|
||
|
|
color: '#f5804d'
|
||
|
|
}]),
|
||
|
|
barBorderRadius: 12,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
data: yData[0]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: legenddata[1],
|
||
|
|
type: 'bar',
|
||
|
|
barWidth: '12',
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||
|
|
offset: 0,
|
||
|
|
color: '#8bd46e'
|
||
|
|
}, {
|
||
|
|
offset: 1,
|
||
|
|
color: '#09bcb7'
|
||
|
|
}]),
|
||
|
|
barBorderRadius: 11,
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
data: yData[1]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: legenddata[2],
|
||
|
|
type: 'bar',
|
||
|
|
barWidth: '12',
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||
|
|
offset: 0,
|
||
|
|
color: '#be7bff'
|
||
|
|
}, {
|
||
|
|
offset: 1,
|
||
|
|
color: '#7e25d4'
|
||
|
|
}]),
|
||
|
|
barBorderRadius: 11,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: yData[2]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: legenddata[3],
|
||
|
|
type: 'bar',
|
||
|
|
barWidth: '12',
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||
|
|
offset: 0,
|
||
|
|
color: '#248ff7'
|
||
|
|
}, {
|
||
|
|
offset: 1,
|
||
|
|
color: '#6851f1'
|
||
|
|
}]),
|
||
|
|
barBorderRadius: 11,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data: yData[3]
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
// 使用刚指定的配置项和数据显示图表。
|
||
|
|
myChart.setOption(option);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
//
|
||
|
|
function chartlongone(D_id, xData, yData, showdata) {
|
||
|
|
var myChart = echarts.init(document.getElementById(D_id));
|
||
|
|
var option = {
|
||
|
|
title: {
|
||
|
|
text: '行政区划分析',
|
||
|
|
textAlign: "center",
|
||
|
|
left: "50%",
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff',
|
||
|
|
fontSize: 18,
|
||
|
|
fontWeight: 'normal'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
tooltip: {
|
||
|
|
trigger: 'axis',
|
||
|
|
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||
|
|
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
grid: {
|
||
|
|
left: '6%',
|
||
|
|
right: '2%',
|
||
|
|
bottom: '14%',
|
||
|
|
top: '30%',
|
||
|
|
},
|
||
|
|
legend: {
|
||
|
|
data: showdata,
|
||
|
|
right: '2%',
|
||
|
|
top: 12,
|
||
|
|
textStyle: {
|
||
|
|
color: "#fff"
|
||
|
|
},
|
||
|
|
itemWidth: 12,
|
||
|
|
itemHeight: 8,
|
||
|
|
},
|
||
|
|
xAxis: {
|
||
|
|
type: 'category',
|
||
|
|
data: xData,
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: 'white'
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
textStyle: {
|
||
|
|
fontFamily: 'Microsoft YaHei'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
|
||
|
|
yAxis: {
|
||
|
|
type: 'value',
|
||
|
|
axisLine: {
|
||
|
|
show: false,
|
||
|
|
lineStyle: {
|
||
|
|
color: 'white'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
show: true,
|
||
|
|
lineStyle: {
|
||
|
|
color: 'rgba(255,255,255,0.3)'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLabel: {}
|
||
|
|
},
|
||
|
|
series: [{
|
||
|
|
name: showdata,
|
||
|
|
type: 'bar',
|
||
|
|
barWidth: '12',
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||
|
|
{
|
||
|
|
offset: 0,
|
||
|
|
color: '#fccb05'
|
||
|
|
},
|
||
|
|
// {
|
||
|
|
// offset: 1,
|
||
|
|
// color: '#f5804d'
|
||
|
|
// }
|
||
|
|
]),
|
||
|
|
barBorderRadius: 12,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
data: yData
|
||
|
|
}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
// 使用刚指定的配置项和数据显示图表。
|
||
|
|
myChart.setOption(option);
|
||
|
|
}
|
||
|
|
|
||
|
|
//报警区域
|
||
|
|
function alarmtrend(id, XName, data1) {
|
||
|
|
// 基于准备好的dom，初始化echarts实例
|
||
|
|
var myChart = echarts.init(document.getElementById(id));
|
||
|
|
|
||
|
|
var Line = ["电气报警", "消防水报警", "烟感报警", "可燃气报警", "火警报警"];
|
||
|
|
var color = ['#00f8ff', '#00f15a', '#0696f9', '#dcf776', '#ffffff'];
|
||
|
|
|
||
|
|
//数据处理
|
||
|
|
var datas = [];
|
||
|
|
Line.map((item, index) => {
|
||
|
|
datas.push({
|
||
|
|
symbolSize: 6,
|
||
|
|
name: item,
|
||
|
|
type: "line",
|
||
|
|
yAxisIndex: 1,
|
||
|
|
data: data1[index],
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
borderWidth: 3,
|
||
|
|
color: color[index],
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
})
|
||
|
|
|
||
|
|
option = {
|
||
|
|
title: {
|
||
|
|
text: '报警趋势统计',
|
||
|
|
textAlign: "center",
|
||
|
|
left: "50%",
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff',
|
||
|
|
fontSize: 18,
|
||
|
|
fontWeight: 'normal'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
tooltip: {},
|
||
|
|
grid: {
|
||
|
|
left: '8%',
|
||
|
|
top: '20%',
|
||
|
|
bottom: '15%',
|
||
|
|
right: '5%',
|
||
|
|
},
|
||
|
|
legend: {
|
||
|
|
type: "scroll",
|
||
|
|
data: Line,
|
||
|
|
itemWidth: 12,
|
||
|
|
itemHeight: 6,
|
||
|
|
textStyle: {
|
||
|
|
color: "#b2d6ff",
|
||
|
|
fontSize: 14
|
||
|
|
},
|
||
|
|
top: "10%"
|
||
|
|
},
|
||
|
|
yAxis: [{
|
||
|
|
type: 'value',
|
||
|
|
position: 'right',
|
||
|
|
splitLine: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
show: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{
|
||
|
|
type: 'value',
|
||
|
|
position: 'left',
|
||
|
|
nameTextStyle: {
|
||
|
|
color: '#b2d6ff'
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
lineStyle: {
|
||
|
|
type: 'dashed',
|
||
|
|
color: '#2f6eaa'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
formatter: '{value}',
|
||
|
|
color: '#b2d6ff',
|
||
|
|
fontSize: 14
|
||
|
|
}
|
||
|
|
},
|
||
|
|
],
|
||
|
|
xAxis: [{
|
||
|
|
type: 'category',
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
show: false,
|
||
|
|
lineStyle: {
|
||
|
|
color: '#6A989E',
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
inside: false,
|
||
|
|
textStyle: {
|
||
|
|
color: '#b2d6ff', // x轴颜色
|
||
|
|
fontWeight: 'normal',
|
||
|
|
fontSize: '14',
|
||
|
|
lineHeight: 22
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
data: XName,
|
||
|
|
}],
|
||
|
|
series: datas,
|
||
|
|
};
|
||
|
|
// 使用刚指定的配置项和数据显示图表。
|
||
|
|
myChart.setOption(option);
|
||
|
|
}
|
||
|
|
|
||
|
|
//报警区域
|
||
|
|
function areaalarm(id, Xdata, Ydata) {
|
||
|
|
var myChart = echarts.init(document.getElementById(id));
|
||
|
|
option = {
|
||
|
|
title: {
|
||
|
|
text: '报警区域分析',
|
||
|
|
textAlign: "center",
|
||
|
|
left: "50%",
|
||
|
|
textStyle: {
|
||
|
|
color: '#fff',
|
||
|
|
fontSize: 18,
|
||
|
|
fontWeight: 'normal'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
tooltip: {
|
||
|
|
trigger: 'axis',
|
||
|
|
axisPointer: {
|
||
|
|
type: 'shadow'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
grid: {
|
||
|
|
top: '30%',
|
||
|
|
right: '3%',
|
||
|
|
left: '5%',
|
||
|
|
bottom: '12%'
|
||
|
|
},
|
||
|
|
xAxis: [{
|
||
|
|
type: 'category',
|
||
|
|
data: Xdata,
|
||
|
|
axisLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: 'rgba(0,186,255,.9)'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
axisLabel: {
|
||
|
|
margin: 10,
|
||
|
|
color: '#e2e9ff',
|
||
|
|
textStyle: {
|
||
|
|
fontSize: 14
|
||
|
|
},
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
}
|
||
|
|
}],
|
||
|
|
yAxis: [{
|
||
|
|
axisLabel: {
|
||
|
|
formatter: '{value}',
|
||
|
|
color: '#e2e9ff',
|
||
|
|
},
|
||
|
|
axisTick: {
|
||
|
|
show: false
|
||
|
|
},
|
||
|
|
axisLine: {
|
||
|
|
show: false,
|
||
|
|
lineStyle: {
|
||
|
|
color: 'rgba(0,186,255,.6)'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
splitLine: {
|
||
|
|
lineStyle: {
|
||
|
|
color: 'rgba(255,255,255,0.12)'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}],
|
||
|
|
series: [{
|
||
|
|
type: 'bar',
|
||
|
|
data: Ydata,
|
||
|
|
barWidth: '18px',
|
||
|
|
itemStyle: {
|
||
|
|
normal: {
|
||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
|
||
|
|
offset: 0,
|
||
|
|
color: 'rgba(0,244,255,1)' // 0% 处的颜色
|
||
|
|
}, {
|
||
|
|
offset: 1,
|
||
|
|
color: 'rgba(0,77,167,1)' // 100% 处的颜色
|
||
|
|
}], false),
|
||
|
|
shadowColor: 'rgba(0,160,221,1)',
|
||
|
|
shadowBlur: 4,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
label: {
|
||
|
|
normal: {
|
||
|
|
show: true,
|
||
|
|
lineHeight: 30,
|
||
|
|
formatter: '{c}',
|
||
|
|
position: 'top',
|
||
|
|
textStyle: {
|
||
|
|
color: '#00D6F9',
|
||
|
|
fontSize: 16
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}]
|
||
|
|
};
|
||
|
|
// 使用刚指定的配置项和数据显示图表。
|
||
|
|
myChart.setOption(option);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</html>
|