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.
1147 lines
31 KiB
1147 lines
31 KiB
<#include "../_include/_t.ftl"/>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title></title>
|
|
<#include "../_include/_h.ftl"/>
|
|
<#include "../_include/_l.ftl"/>
|
|
<#include "../_include/_j.ftl"/>
|
|
<#include "../_include/_e.ftl"/>
|
|
<#include "../_include/_m.ftl"/>
|
|
<#include "../_include/_index_1.ftl"/>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
$("#scrollDiv").Scroll({
|
|
line: 1,
|
|
speed: 500,
|
|
timer: 3000,
|
|
up: "but_up",
|
|
down: "but_down"
|
|
});
|
|
});
|
|
</script>
|
|
<style>
|
|
/*去除百度地图版权*/
|
|
.anchorBL{
|
|
display:none;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="background: transparent;">
|
|
<div class="sy-content">
|
|
<div class="sy-left fl">
|
|
<div class="index-con1">
|
|
<div class="index-title">实时安全指数</div>
|
|
<div class="index-con1a">
|
|
<span class="top-left border-span"></span>
|
|
<span class="top-right border-span"></span>
|
|
<span class="bottom-left border-span"></span>
|
|
<span class="bottom-right border-span"></span>
|
|
<div class="sy-ssaqzs">
|
|
<div class="dunpai">
|
|
<div class="dunpai_img fl"><img src="${ctx}/style/index/img/baojingqi.png"></div>
|
|
<div id="safe_score_id" class="dunpai_fen fl"><span id="aqzs_id" class="fenshu">--</span></div>
|
|
</div>
|
|
<div class="sy-ssaqzs1">
|
|
<ul class="clearfix">
|
|
<li style="border-top: 2px solid #00fed9;">
|
|
<h5>正常</h5>
|
|
<h3 id="zx_id">0</h3>
|
|
</li>
|
|
<li style="border-top: 2px solid #fe4e00;">
|
|
<h5>报警</h5>
|
|
<h3 id="bj_id">0</h3>
|
|
</li>
|
|
<li style="border-top: 2px solid #fefb00;">
|
|
<h5>离线</h5>
|
|
<h3 id="lx_id">0</h3>
|
|
</li>
|
|
<li style="border-top: 2px solid #808080;">
|
|
<h5>屏蔽</h5>
|
|
<h3>0</h3>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="index-con1">
|
|
<div class="index-title">报警类别</div>
|
|
<div class="index-con1a">
|
|
<span class="top-left border-span"></span>
|
|
<span class="top-right border-span"></span>
|
|
<span class="bottom-left border-span"></span>
|
|
<span class="bottom-right border-span"></span>
|
|
<div class="sy-ssaqzs">
|
|
<div id="bjlb" style="width:100%;height:100%; "></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="index-con1">
|
|
<div class="index-con1a" style="height: 100%; padding-top: 15px; margin: 0;">
|
|
<span class="top-left border-span"></span>
|
|
<span class="top-right border-span"></span>
|
|
<span class="bottom-left border-span"></span>
|
|
<span class="bottom-right border-span"></span>
|
|
<div id="index_map" class="sy-ssaqzs">
|
|
<!-- <img src="${ctx}/style/index/img/ditu.png" style="width: 100%; height: 100%;"> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <script type="text/javascript">
|
|
var map = new BMap.Map('index_map');
|
|
map.centerAndZoom(new BMap.Point(116.404269,39.916042), 12);
|
|
|
|
map.enableScrollWheelZoom();
|
|
|
|
var styleJson = null;
|
|
|
|
$.getJSON("${ctx}/style/index/json/custom_map_config.json",function(result){
|
|
console.log(result);
|
|
console.log(JSON.stringify(result));
|
|
styleJson = JSON.parse(JSON.stringify(result));
|
|
});
|
|
|
|
map.setMapStyleV2({styleJson:styleJson});
|
|
|
|
|
|
|
|
</script> -->
|
|
<div class="sy-middle fl">
|
|
<div class="sy-pic">
|
|
<div class="scrollbox fl">
|
|
<div class="sy-sbzs">
|
|
<div class="scroll1">设备总数</div>
|
|
<div id="sbzs_id" class="scroll1 scroll1-zs" style="color: #fefb00"></div>
|
|
</div>
|
|
<div id="scrollDiv">
|
|
<ul id="scrollUl"></ul>
|
|
</div>
|
|
<div class="scroltit">
|
|
<div class="updown" id="but_up">向下</div>
|
|
</div>
|
|
</div>
|
|
<div class="sy-picxg fr">
|
|
<div class="leida"></div>
|
|
<div class="anqy"><span style="font-size: 19px;">大昭寺安全云</span></div>
|
|
<div class="pic-icon">
|
|
<ul>
|
|
<li class="pic-icon1 pici">
|
|
<div class="pici1 pic-icon11"><img id="dian_xz" src="${ctx}/style/index/img/pic-icon1.png"></div>
|
|
<div class="pici2 pic-icon12" id="box1">电</div>
|
|
</li>
|
|
<li class="pic-icon2 pici">
|
|
<div class="pici1 pic-icon21"><img id="shui_xz" src="${ctx}/style/index/img/pic-icon2.png"></div>
|
|
<div class="pici2 pic-icon22" id="box2">水</div>
|
|
</li>
|
|
<li class="pic-icon3 pici">
|
|
<div class="pici1 pic-icon31"><img id="zhi_xz" src="${ctx}/style/index/img/pic-icon3.png"></div>
|
|
<div class="pici2 pic-icon32" id="box3">智能+</div>
|
|
</li>
|
|
<li class="pic-icon4 pici">
|
|
<div class="pici1 pic-icon41"><img id="yan_xz" src="${ctx}/style/index/img/pic-icon4.png"></div>
|
|
<div class="pici2 pic-icon42" id="box4">烟感</div>
|
|
</li>
|
|
<li class="pic-icon5 pici">
|
|
<div class="pici1 pic-icon51"><img id="qi_xz" src="${ctx}/style/index/img/pic-icon5.png"></div>
|
|
<div class="pici2 pic-icon52" id="box5">气</div>
|
|
</li>
|
|
<li class="pic-icon6 pici">
|
|
<div class="pici1 pic-icon61"><img id="huo_xz" src="${ctx}/style/index/img/pic-icon6.png"></div>
|
|
<div class="pici2 pic-icon62" id="box6">火自报</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="sy-picys">
|
|
<ul>
|
|
<li>
|
|
<span class="bg00f9ff fl"></span>正常
|
|
</li>
|
|
<li>
|
|
<span class="bgff4800 fl"></span>报警
|
|
</li>
|
|
<li>
|
|
<span class="bg949595 fl"></span>离线
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
function shake(ele,cls,times){
|
|
var i = 0, t = false, o = ele.attr("class")+" ", c = "", times = times||2;
|
|
if(t) return;
|
|
t= setInterval(function(){
|
|
i++;
|
|
c = i%2 ? o+cls : o;
|
|
ele.attr("class",c);
|
|
if(i==2*times){
|
|
clearInterval(t);
|
|
ele.removeClass(cls);
|
|
}
|
|
},200);
|
|
};
|
|
$(function(){
|
|
//点击闪动
|
|
$("#box1").bind({
|
|
click:function(){
|
|
shake($(this),"red",3);
|
|
return false;
|
|
}
|
|
});
|
|
//点击闪动
|
|
$("#box2").bind({
|
|
click:function(){
|
|
shake($(this),"red",3);
|
|
return false;
|
|
}
|
|
});
|
|
$("#box3").bind({
|
|
click:function(){
|
|
shake($(this),"red",3);
|
|
return false;
|
|
}
|
|
});
|
|
$("#box4").bind({
|
|
click:function(){
|
|
shake($(this),"red",3);
|
|
return false;
|
|
}
|
|
});
|
|
$("#box5").bind({
|
|
click:function(){
|
|
shake($(this),"red",3);
|
|
return false;
|
|
}
|
|
});
|
|
$("#box6").bind({
|
|
click:function(){
|
|
shake($(this),"red",3);
|
|
return false;
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
<div class="index-con1" style="height: calc(23.64% - 10px);margin-bottom: 10px;">
|
|
<div class="index-title">实时报警信息</div>
|
|
<div class="index-con1a">
|
|
<span class="top-left border-span"></span>
|
|
<span class="top-right border-span"></span>
|
|
<span class="bottom-left border-span"></span>
|
|
<span class="bottom-right border-span"></span>
|
|
<div class="sy-ssaqzs" style="overflow: auto;">
|
|
<ul id="ssbjxx" class="sy-bjxx">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="index-con1" style="height: calc(25.67% - 20px);">
|
|
<div class="index-title">实时报警趋势</div>
|
|
<div class="index-con1a">
|
|
<span class="top-left border-span"></span>
|
|
<span class="top-right border-span"></span>
|
|
<span class="bottom-left border-span"></span>
|
|
<span class="bottom-right border-span"></span>
|
|
<div class="sy-ssaqzs">
|
|
<div id="bjqs" style="width:100%;height:100%; "></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sy-right fr">
|
|
<div class="index-con1">
|
|
<div class="index-title">今日值班</div>
|
|
<div class="index-con1a" style="padding-top: 43px; padding-bottom: 30px;">
|
|
<span class="top-left border-span"></span>
|
|
<span class="top-right border-span"></span>
|
|
<span class="bottom-left border-span"></span>
|
|
<span class="bottom-right border-span"></span>
|
|
<div class="scrollbox" style="height:calc(100%);width: 100%;">
|
|
<div id="scrollDiv1" style="height:calc(100%);">
|
|
<ul id="jrzbId" style="height:calc(100%);"></ul>
|
|
</div>
|
|
</div>
|
|
<div id="jrzb_updown" class="scroltit" style="background: url(${ctx}/style/index/img/up.png) center center no-repeat ;text-indent: -9999px;">
|
|
<div class="updown" id="but_up1"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="index-con1">
|
|
<div class="index-title">安全检查</div>
|
|
<div class="index-con1a">
|
|
<span class="top-left border-span"></span>
|
|
<span class="top-right border-span"></span>
|
|
<span class="bottom-left border-span"></span>
|
|
<span class="bottom-right border-span"></span>
|
|
<div class="sy-ssaqzs">
|
|
<div class="sy-tab-wrapper">
|
|
<ul class="sy-tab-menu">
|
|
<li class="sy-active">巡查异常</li>
|
|
<li id="mhqdqId">灭火器到期</li>
|
|
<li>维保进度</li>
|
|
</ul>
|
|
<div class="sy-tab-content">
|
|
<div class="sy-tab-aq">
|
|
<div class="sy-ycxc">
|
|
<table id="tbl_xcyc" cellpadding="0" cellspacing="0" border="0" style="margin-left:20px;width:90%;">
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="sy-tab-aq">
|
|
<div class="sy-mhq">
|
|
<div class="sy-mhql fl">
|
|
<h3 id="due_num" class="yse9ab1d">22</h3>
|
|
<h5>即将到期</h5>
|
|
</div>
|
|
<div class="sy-mhql fr">
|
|
<h3 id="total_num" class="ys00d8ff">38</h3>
|
|
<h5>灭火器总数</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="sy-tab-aq">
|
|
<div class="sy-ycxc">
|
|
<table cellpadding="0" cellspacing="0" border="0" style="margin-left:20px;width:90%;">
|
|
<tr class="shen" style="background-color:transparent;"><td>维保进度</td><td ></td><td ></td></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="index-con1">
|
|
<div class="index-title">隐患处置情况</div>
|
|
<div class="index-con1a">
|
|
<span class="top-left border-span"></span>
|
|
<span class="top-right border-span"></span>
|
|
<span class="bottom-left border-span"></span>
|
|
<span class="bottom-right border-span"></span>
|
|
<div class="sy-ssaqzs">
|
|
<div class="sy-yhbz fl">
|
|
<div id="yhbz" style="width:100%;height:100%; "></div>
|
|
</div>
|
|
<div class="sy-yhzz fr">
|
|
<div id="yhzz" style="width:100%;height:100%; "></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
var _sb = 0;
|
|
var _u = "http://"+window.location.host.split(":")[0]+"${rmsUrl}";
|
|
//var _u = "http://47.104.236.109${rmsUrl}";
|
|
//var _u = "http://192.168.3.28:8060";
|
|
layuiplus.on(function(){
|
|
layuiplus.init(0);
|
|
//左侧中部 报警类别
|
|
$.ajax({
|
|
type:"get",
|
|
url: _u+"/WEBAPI/WebHandle/Handler.ashx",
|
|
data:{
|
|
Action:"AlarmTodayForSys",
|
|
UNIT_ID:"${manager_user['groupId']}"
|
|
},
|
|
dataType:"json",
|
|
crossDomain:true,
|
|
success:function(data){
|
|
//解析data.data
|
|
var arr = new Array();
|
|
arr.push(data.data[0].DIAN);
|
|
arr.push(data.data[0].KRQ);
|
|
arr.push(data.data[0].HZB);
|
|
arr.push(data.data[0].SHUI);
|
|
arr.push(data.data[0].KSH);
|
|
arr.push(data.data[0].YG);
|
|
// arr.push(data.data[0].XFTD);
|
|
bdataEchars4("bjlb",arr);
|
|
}
|
|
});
|
|
|
|
//上部加左上 设备报警信息 报警信息中没有屏蔽这一选项 暂时为0
|
|
$.ajax({
|
|
type:"get",
|
|
url: _u+"/WEBAPI/WebHandle/Handler.ashx",
|
|
data:{
|
|
Action:"CountByStatusAll_Home",
|
|
UNIT_ID:"${manager_user['groupId']}"
|
|
},
|
|
dataType:"json",
|
|
crossDomain:true,
|
|
success:function(data){
|
|
//解析data.data
|
|
var _strHtml = "";
|
|
var sum = 0;
|
|
var zx = 0;
|
|
var bj = 0;
|
|
var lx = 0;
|
|
for(var i = 0;i < data.data.length;i++){
|
|
var type;
|
|
if(data.data[i].DIC_VALUE == "01"){
|
|
type = "消防用水";
|
|
if(data.data[i].BJ > 0){
|
|
$("#shui_xz").attr("src","${ctx}/style/index/img/shui.png");
|
|
}
|
|
}else if(data.data[i].DIC_VALUE == "02"){
|
|
type = "电气火灾";
|
|
if(data.data[i].BJ > 0){
|
|
$("#dian_xz").attr("src","${ctx}/style/index/img/dian.png");
|
|
}
|
|
}else if(data.data[i].DIC_VALUE == "03"){
|
|
type = "独立烟感";
|
|
if(data.data[i].BJ > 0){
|
|
$("#yan_xz").attr("src","${ctx}/style/index/img/yg.png");
|
|
}
|
|
}else if(data.data[i].DIC_VALUE == "04"){
|
|
type = "可燃气体";
|
|
if(data.data[i].BJ > 0){
|
|
$("#qi_xz").attr("src","${ctx}/style/index/img/qi.png");
|
|
}
|
|
}else if(data.data[i].DIC_VALUE == "05"){
|
|
type = "火灾自动联网";
|
|
if(data.data[i].BJ > 0){
|
|
$("#huo_xz").attr("src","${ctx}/style/index/img/huo.png");
|
|
}
|
|
}else if(data.data[i].DIC_VALUE == "06"){
|
|
type = "消防可视化";
|
|
if(data.data[i].BJ > 0){
|
|
$("#zhi_xz").attr("src","${ctx}/style/index/img/zhin.png");
|
|
}
|
|
}else if(data.data[i].DIC_VALUE == "07"){
|
|
type = "灭火器";
|
|
}
|
|
zx += data.data[i].ZX;
|
|
bj += data.data[i].BJ;
|
|
lx += data.data[i].LX;
|
|
var _total = data.data[i].ZX + data.data[i].BJ + data.data[i].LX;
|
|
_strHtml += '<li><div class="scroll1"><div class="fl">'+type+'</div><div class="scroll1-zs fr">'+_total+'</div></div><div class="scroll1"><div class="fl">报警数</div><div class="scroll1-bj fr">'+data.data[i].BJ+'</div></div></li>';
|
|
}
|
|
sum = zx + bj + lx;
|
|
$("#scrollUl").html(_strHtml);
|
|
$("#sbzs_id").html(sum);
|
|
$("#zx_id").html(zx);
|
|
$("#bj_id").html(bj);
|
|
$("#lx_id").html(lx);
|
|
}
|
|
});
|
|
|
|
//中部 实时报警信息
|
|
// setTimeout(
|
|
$.ajax({
|
|
type:"get",
|
|
url: _u+"/WEBAPI/WebHandle/Handler.ashx",
|
|
data:{
|
|
Action:"AlarmListToday",
|
|
UNIT_ID:"${manager_user['groupId']}"
|
|
},
|
|
dataType:"json",
|
|
crossDomain:true,
|
|
success:function(data){
|
|
//解析data.data
|
|
var _strHtml = "";
|
|
for(var i = 0;i < data.data.length;i++){
|
|
if((i)%2 == 0){
|
|
_strHtml += '<li class="ysfb5d2d">时间：'+data.data[i].ALARM_TIME+'，安装位置：'+data.data[i].ADDR+'，报警原因：'+data.data[i].DESCRIBE+'，报警设备'+data.data[i].DEVICE_SN+'</li>';
|
|
}else{
|
|
_strHtml += '<li>时间：'+data.data[i].ALARM_TIME+'，安装位置：'+data.data[i].ADDR+'，报警原因：'+data.data[i].DESCRIBE+'，报警设备'+data.data[i].DEVICE_SN+'</li>';
|
|
}
|
|
_sb++;
|
|
}
|
|
$("#ssbjxx").html(_strHtml);
|
|
}
|
|
});
|
|
|
|
//底部 实时报警趋势
|
|
$.ajax({
|
|
type:"get",
|
|
url: _u+"/WEBAPI/WebHandle/Handler.ashx",
|
|
data:{
|
|
Action:"TotalAlarmHoursForToday",
|
|
UNIT_ID:"${manager_user['groupId']}"
|
|
},
|
|
dataType:"json",
|
|
crossDomain:true,
|
|
success:function(data){
|
|
//解析data.list
|
|
var tArr = new Array();
|
|
var dArr = new Array();
|
|
for(var i = 0;i < data.data.length;i++){
|
|
tArr.push(data.data[i].RIQI);
|
|
dArr.push(data.data[i].NUM);
|
|
}
|
|
bdataEchars3("bjqs",tArr,dArr);
|
|
}
|
|
});
|
|
|
|
//java部分 右侧展示栏 加左下角地图定位
|
|
|
|
$.ajax({
|
|
type:"get",
|
|
url:"${ctx}/index1/getData",
|
|
data:{
|
|
baseId:"${manager_user['baseId']}"
|
|
},
|
|
dataType:"json",
|
|
success:function(data){
|
|
//解析data.list
|
|
var dueNum = data.dueNum;
|
|
var totalNum = data.totalNum;
|
|
var ycz = data.ycz;//已处置
|
|
var czz = data.czz;//处置中
|
|
var wcz = data.wcz;//未处置
|
|
var socLoc = data.socLoc;
|
|
var socRs = data.socRs;//安全评估分数
|
|
var rsData1 = data.rsData1;
|
|
var rsData2 = data.rsData2;
|
|
// console.log(socRs);
|
|
if(socRs != "" && socRs != null){
|
|
$("#aqzs_id").html(socRs);
|
|
}else{
|
|
$.ajax({
|
|
type:"get",
|
|
url:"${ctx}/work/social/soc1/index/rs",
|
|
data:{
|
|
id:"${manager_user['baseId']}",
|
|
mhave:1
|
|
},
|
|
dataType:"json",
|
|
success:function(data){
|
|
$("#aqzs_id").html(data.score);
|
|
}
|
|
});
|
|
}
|
|
var duty_html = "";
|
|
for(var i = 0;i < rsData2.length;i++){
|
|
var pic_url = "";
|
|
if(rsData2[i].dutyPic == null || rsData2[i].dutyPic == undefined || rsData2[i].dutyPic == ""){
|
|
pic_url = "${ctx}/style/index/img/zhibanren.jpg";
|
|
}else{
|
|
pic_url = "${ctx}/_files/_s/"+rsData2[i].dutyPic;
|
|
}
|
|
duty_html += "<li style='height:calc(100%);'><div class='scroll1' style='height:calc(100%);width:100%;'>";
|
|
duty_html += "<div class='sy-jrzbl fl'><img src='"+pic_url+"'></div>";
|
|
duty_html += "<div class='sy-jrzbr fr'>";
|
|
duty_html += "<div class='sy-jrzbr1 fl' style='width:100%;text-align: left;'><span>姓名：</span>"+rsData2[i].usersName+"</div>";
|
|
duty_html += "<div class='sy-jrzbr1 fl' style='width:100%;text-align: left;'><span>单位：</span>"+rsData2[i].socName+"</div>";
|
|
duty_html += "<div class='sy-jrzbr1 fl' style='width:100%;text-align: left;'><span>职务：</span>"+rsData2[i].usersPost+"</div>";
|
|
duty_html += "<div class='sy-jrzbr1 fl' style='width:100%;text-align: left;'><span>办电：</span>"+rsData2[i].dutyPhone+"</div>";
|
|
duty_html += "<div class='sy-jrzbr1 fl' style='width:100%;text-align: left;'><span>手机：</span>"+rsData2[i].dutyTel+"</div>";
|
|
duty_html += "</div></div></li>";
|
|
}
|
|
$("#jrzbId").html(duty_html);
|
|
|
|
if(rsData2.length > 1){
|
|
$("#scrollDiv1").Scroll({
|
|
line: 1,
|
|
speed: 500,
|
|
timer: 3000,
|
|
up: "but_up1",
|
|
down: "but_down1"
|
|
});
|
|
}else{
|
|
$("#jrzb_updown").hide();
|
|
}
|
|
|
|
//巡查异常
|
|
var _strHtml = '';
|
|
// console.log(rsData1);
|
|
if(rsData1.length > 0){
|
|
_strHtml += '<tr class="shen" style="background-color:transparent;"><td width="70px">'+"巡查状态"+'</td><td >'+"任务名称"+'</td><td >'+"位置"+'</td></tr>';
|
|
for(var i = 0;i < rsData1.length;i++){
|
|
var state;
|
|
var color;
|
|
var planDes;
|
|
var checksDes;
|
|
if (rsData1[i].planDes!=""&&rsData1[i].planDes!=undefined&&rsData1[i].planDes!=null){
|
|
// if(rsData1[i].planDes.length > 13){
|
|
// planDes = rsData1[i].planDes.substring(0, 13)+"...";
|
|
// }else{
|
|
planDes = rsData1[i].planDes;
|
|
// }
|
|
}
|
|
if (rsData1[i].checksDes!=""&&rsData1[i].checksDes!=undefined&&rsData1[i].checksDes!=null){
|
|
// if(rsData1[i].checksDeschecksDes.length > 5){
|
|
// checksDes = rsData1[i]..substring(0, 5)+"...";
|
|
// }else{
|
|
checksDes = rsData1[i].checksDes;
|
|
// }
|
|
}
|
|
// console.log(rsData1[i].checksState);
|
|
// _strHtml = '<tr class="shen" style="background-color:transparent;"><td>'+"暂无异常"+'</td><td ></td><td ></td></tr>';
|
|
// if(rsData1[i].checksState == "0"){
|
|
// state = "未巡查";
|
|
// color = "ysfb5d2d";
|
|
// _strHtml += '<tr class="shen" style="background-color:transparent;"><td class="'+color+'">'+state+'</td><td >'+planDes+'</td><td >'+checksDes+'</td></tr>';
|
|
// }else if(rsData1[i].checksState == "2"){
|
|
state = "有隐患";
|
|
color = "ysffff00";
|
|
_strHtml += '<tr class="shen" style="background-color:transparent;"><td class="'+color+'">'+state+'</td><td >'+planDes+'</td><td >'+checksDes+'</td></tr>';
|
|
// }
|
|
}
|
|
}
|
|
else{
|
|
_strHtml = '<tr class="shen" style="background-color:transparent;"><td>'+"暂无异常"+'</td><td ></td><td ></td></tr>';
|
|
}
|
|
$("#tbl_xcyc").html(_strHtml);
|
|
|
|
//灭火器到期
|
|
if(dueNum == ""){
|
|
dueNum = "0";
|
|
}
|
|
if(totalNum == ""){
|
|
totalNum = "0";
|
|
}
|
|
$("#due_num").html(dueNum);
|
|
$("#total_num").html(totalNum);
|
|
//隐患处置情况
|
|
if(ycz == ""){
|
|
ycz = "0";
|
|
}
|
|
if(czz == ""){
|
|
czz = "0";
|
|
}
|
|
if(wcz == ""){
|
|
wcz = "0";
|
|
}
|
|
bdataEchars1("yhbz",ycz,czz,wcz);
|
|
bdataEchars2("yhzz",ycz,czz,wcz);
|
|
|
|
var loc = socLoc.split(",");
|
|
//地图定位
|
|
var _map = new AMap.Map("index_map", {
|
|
resizeEnable: true,
|
|
mapStyle:'amap://styles/blue',
|
|
center:[loc[0],loc[1]],
|
|
zoom:17
|
|
});
|
|
|
|
var marker = new AMap.Marker({
|
|
position: new AMap.LngLat(loc[0],loc[1]),
|
|
offset: new AMap.Pixel(-13, -30)
|
|
});
|
|
_map.add(marker);
|
|
/* var marker = new BMap.Marker(new BMap.Point(loc[0],loc[1])); // 创建点
|
|
map.addOverlay(marker);
|
|
var styleJson = null;
|
|
$.getJSON("${ctx}/style/index/json/custom_map_config.json",function(result){
|
|
styleJson = result;
|
|
map.setMapStyleV2({styleJson:styleJson});
|
|
}); */
|
|
}
|
|
});
|
|
// $("#mhqdqId").click();
|
|
});
|
|
|
|
//隐患处置情况
|
|
var bdataEchars1 = function(pdiv){
|
|
let data = [
|
|
{
|
|
value: arguments[1],
|
|
name: '已处置'
|
|
},
|
|
{
|
|
value: arguments[2],
|
|
name: '处置中'
|
|
},
|
|
{
|
|
value: arguments[3],
|
|
name: '未处置'
|
|
},
|
|
];
|
|
let color = ['#00d8ff', '#d59d2a', '#f03329'];
|
|
let data1 = (data[0].value - 0) + (data[1].value - 0) + (data[2].value - 0);
|
|
let baseData = [];
|
|
for (var i = 0; i < data.length; i++) {
|
|
baseData.push({
|
|
value: data[i].value,
|
|
name: data[i].name,
|
|
});
|
|
}
|
|
option = {
|
|
color: color,
|
|
legend: {
|
|
show: false,
|
|
},
|
|
grid: {
|
|
top: 'bottom',
|
|
left: '90',
|
|
width: '90%',
|
|
height: '80%',
|
|
|
|
},
|
|
series: [{
|
|
zlevel: 1,
|
|
name: '隐患处置情况',
|
|
type: 'pie',
|
|
selectedMode: 'false',
|
|
radius: ['70%', '80%'],
|
|
hoverAnimation: false,
|
|
label: {
|
|
normal: {
|
|
show: false,
|
|
formatter: ['{c|{c}}', '{b|{b}}'].join('\n'),
|
|
|
|
}
|
|
},
|
|
data: baseData
|
|
},
|
|
{
|
|
name: '',
|
|
type: 'pie',
|
|
selectedMode: 'false',
|
|
hoverAnimation: false,
|
|
radius: ['70%', '80%'],
|
|
data: [{
|
|
"value": data1,
|
|
"name": "",
|
|
"label": {
|
|
"normal": {
|
|
"show": true,
|
|
"formatter": '{c|{c}} \n {a|隐患总数}',
|
|
rich: {
|
|
c: {
|
|
align: 'center',
|
|
color: '#ffffff',
|
|
fontSize: 36,
|
|
lineHeight: 36
|
|
},
|
|
a: {
|
|
color: '#b5e0ff',
|
|
fontSize: 16,
|
|
lineHeight: 5
|
|
},
|
|
},
|
|
"position": "center"
|
|
|
|
}
|
|
}
|
|
}, ]
|
|
}
|
|
]
|
|
};
|
|
echarts.init($("#"+pdiv).get(0)).setOption(option);
|
|
}
|
|
var bdataEchars2 = function(pdiv){
|
|
var option = {
|
|
tooltip: {},
|
|
xAxis: {
|
|
max: 100,
|
|
splitLine: {
|
|
show: false
|
|
},
|
|
offset: 10,
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
axisLine: {
|
|
show: false
|
|
},
|
|
axisLabel: {
|
|
show: false
|
|
}
|
|
},
|
|
yAxis: [{
|
|
type: "category",
|
|
inverse: true,
|
|
data: ['已处置', '处置中', '未处置'],
|
|
position: 'left',
|
|
axisLine: {
|
|
show: false
|
|
},
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
axisLabel: {
|
|
show: false
|
|
}
|
|
}, ],
|
|
grid: {
|
|
top: '5%',
|
|
left: 5,
|
|
height: "100%",
|
|
right: 0
|
|
},
|
|
series: [
|
|
{
|
|
// current data
|
|
type: 'pictorialBar',
|
|
symbol: 'rect',
|
|
symbolRepeat: 'fixed',
|
|
symbolMargin: '20%',
|
|
symbolClip: true,
|
|
symbolSize: [7, 14],
|
|
symbolBoundingData: 100,
|
|
|
|
label: {
|
|
normal: {
|
|
show: true,
|
|
position: 'right',
|
|
offset: [-30, -20],
|
|
textStyle: {
|
|
fontSize: 16
|
|
}
|
|
}
|
|
},
|
|
data: [{
|
|
"value": arguments[1],
|
|
"itemStyle": {
|
|
"normal": {
|
|
"color": "#00d8ff"
|
|
}
|
|
},
|
|
},
|
|
{
|
|
"value": arguments[2],
|
|
"itemStyle": {
|
|
"normal": {
|
|
"color": "#d59d2a"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"value": arguments[3],
|
|
"itemStyle": {
|
|
"normal": {
|
|
"color": "#f03329"
|
|
}
|
|
}
|
|
}
|
|
],
|
|
z: 99999999,
|
|
animationEasing: 'elasticOut',
|
|
animationDelay: function(dataIndex, params) {
|
|
return params.index * 30;
|
|
}
|
|
}, {
|
|
// full data
|
|
type: 'pictorialBar',
|
|
itemStyle: {
|
|
normal: {
|
|
color: '#084082'
|
|
}
|
|
},
|
|
label: {
|
|
normal: {
|
|
show: true,
|
|
position: 'right',
|
|
offset: [10, 0],
|
|
textStyle: {
|
|
color: 'darkorange',
|
|
fontSize: 16
|
|
}
|
|
}
|
|
},
|
|
animationDuration: 0,
|
|
symbolRepeat: 'fixed',
|
|
symbolMargin: '20%',
|
|
symbol: 'rect',
|
|
symbolSize: [7, 14],
|
|
symbolBoundingData: 100,
|
|
data: [{
|
|
"value": arguments[1],
|
|
label: {
|
|
normal: {
|
|
show: true,
|
|
position: [-10, -14],
|
|
formatter: '{b}',
|
|
offset: [10, 0],
|
|
textStyle: {
|
|
color: '#b5e0ff',
|
|
fontSize: 16
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"value": arguments[2],
|
|
label: {
|
|
normal: {
|
|
show: true,
|
|
position: [-10, -14],
|
|
formatter: '{b}',
|
|
offset: [10, 0],
|
|
textStyle: {
|
|
color: '#b5e0ff',
|
|
fontSize: 16
|
|
}
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"value": arguments[3],
|
|
label: {
|
|
normal: {
|
|
show: true,
|
|
position: [-10, -14],
|
|
formatter: '{b}',
|
|
offset: [10, 0],
|
|
textStyle: {
|
|
color: '#b5e0ff',
|
|
fontSize: 16
|
|
}
|
|
}
|
|
}
|
|
}
|
|
],
|
|
z: 99999,
|
|
animationEasing: 'elasticOut',
|
|
animationDelay: function(dataIndex, params) {
|
|
return params.index * 30;
|
|
}
|
|
}
|
|
]
|
|
};
|
|
echarts.init($("#"+pdiv).get(0)).setOption(option);
|
|
}
|
|
|
|
var bdataEchars3 = function(pdiv){
|
|
var option = {
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
grid: {
|
|
left: '0%',
|
|
right: '4%',
|
|
top: '25%',
|
|
bottom: '0%',
|
|
containLabel: true
|
|
},
|
|
xAxis: {
|
|
type: 'category',
|
|
boundaryGap: false,
|
|
splitLine: {
|
|
show: false
|
|
},
|
|
"axisLine": {
|
|
lineStyle: {
|
|
color: '#155895'
|
|
}
|
|
},
|
|
"axisTick": {
|
|
"show": false
|
|
},
|
|
axisLabel: {
|
|
textStyle: {
|
|
color: '#b5e0ff'
|
|
}
|
|
},
|
|
data: arguments[1]
|
|
},
|
|
yAxis: [{
|
|
type: 'value',
|
|
axisLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
color: '#155895'
|
|
}
|
|
},
|
|
axisTick: {
|
|
show: false
|
|
},
|
|
splitLine: {
|
|
show: true,
|
|
lineStyle: {
|
|
color: '#155895'
|
|
}
|
|
},
|
|
axisLabel: {
|
|
textStyle: {
|
|
color: '#b5e0ff'
|
|
},
|
|
formatter: '{value}'
|
|
},
|
|
position: 'left'
|
|
}],
|
|
series: [{
|
|
name: '实时报警率',
|
|
type: 'line',
|
|
itemStyle: {
|
|
normal: {
|
|
color: '#00dfff',
|
|
},
|
|
},
|
|
data: arguments[2],
|
|
markPoint: {
|
|
data: [{
|
|
type: 'max',
|
|
name: '最大值',
|
|
itemStyle: {
|
|
normal: {
|
|
color: '#fba12d',
|
|
},
|
|
},
|
|
symbolSize: 40,
|
|
},
|
|
{
|
|
type: 'min',
|
|
name: '最小值',
|
|
itemStyle: {
|
|
normal: {
|
|
color: '#fba12d',
|
|
},
|
|
},
|
|
symbolSize: 40,
|
|
}
|
|
]
|
|
},
|
|
markLine: {
|
|
data: [{
|
|
type: 'average',
|
|
name: '平均值',
|
|
itemStyle: {
|
|
normal: {
|
|
color: '#fba12d',
|
|
},
|
|
},
|
|
}]
|
|
}
|
|
}]
|
|
};
|
|
echarts.init($("#"+pdiv).get(0)).setOption(option);
|
|
}
|
|
|
|
var bdataEchars4 = function(pdiv){
|
|
var option = {
|
|
tooltip: {},
|
|
radar: {
|
|
// shape: 'circle',
|
|
radius: '85%',
|
|
center: ['50%', '50%'],
|
|
startAngle: 0,
|
|
triggerEvent: true,
|
|
name: {
|
|
textStyle: {
|
|
color: '#b5e0ff',
|
|
fontSize: '14',
|
|
borderRadius: 3,
|
|
padding: [3, 5]
|
|
}
|
|
},
|
|
nameGap: '2',
|
|
indicator: [
|
|
{
|
|
name: '电气火灾'
|
|
},
|
|
{
|
|
name: '可燃气体'
|
|
},
|
|
{
|
|
name: '火灾自动联网报警'
|
|
},
|
|
{
|
|
name: '消防用水'
|
|
},
|
|
{
|
|
name: '消防可视化'
|
|
},
|
|
{
|
|
name: '独立烟感'
|
|
}
|
|
],
|
|
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: [
|
|
arguments[1]
|
|
]
|
|
}]
|
|
}
|
|
echarts.init($("#"+pdiv).get(0)).setOption(option);
|
|
}
|
|
|
|
//推送实时报警信息数据
|
|
function pushData(obj, SYS_ID){
|
|
/* var ssbjxx = $("#ssbjxx").html();
|
|
var ssbjxx = obj + ssbjxx; */
|
|
var _strHtml = "";
|
|
//$(obj).hide().prependTo($("#ssbjxx")).fadeIn('slow');
|
|
if((_sb)%2 == 0){
|
|
_strHtml = '<li class="ysfb5d2d">'+obj+'</li>';
|
|
_sb = 1;
|
|
}else{
|
|
_strHtml = '<li>'+obj+'</li>';
|
|
_sb = 0;
|
|
}
|
|
$("#ssbjxx").hide();
|
|
$("#ssbjxx").prepend(_strHtml);
|
|
$("#ssbjxx").show(1000);
|
|
switch(SYS_ID){
|
|
case "01":
|
|
$("#shui_xz").attr("src","${ctx}/style/index/img/shui.png");
|
|
break;
|
|
case "02":
|
|
$("#dian_xz").attr("src","${ctx}/style/index/img/dian.png");
|
|
break;
|
|
case "03":
|
|
$("#yan_xz").attr("src","${ctx}/style/index/img/yg.png");
|
|
break;
|
|
case "04":
|
|
$("#qi_xz").attr("src","${ctx}/style/index/img/qi.png");
|
|
break;
|
|
case "05":
|
|
$("#huo_xz").attr("src","${ctx}/style/index/img/huo.png");
|
|
break;
|
|
case "06":
|
|
$("#zhi_xz").attr("src","${ctx}/style/index/img/zhin.png");
|
|
break;
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|