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.
170 lines
4.2 KiB
170 lines
4.2 KiB
|
|
<#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">
|
|
.left{
|
|
float:left;
|
|
width: 60%;
|
|
height:100%;
|
|
margin-left: -10%;
|
|
}
|
|
.right{
|
|
float:left;
|
|
width: 60%;
|
|
height:100%;
|
|
margin-left: -10%;
|
|
}
|
|
.snxh{
|
|
width:100%;
|
|
height:50%;
|
|
}
|
|
.xfsc{
|
|
width:100%;
|
|
height:50%;
|
|
}
|
|
.zdsp{
|
|
width:100%;
|
|
height:50%;
|
|
}
|
|
.gwsx{
|
|
width:100%;
|
|
height:50%;
|
|
}
|
|
.snxh1{
|
|
width: auto;
|
|
padding-top: 70px;
|
|
float: right;
|
|
margin-right: 580px;
|
|
}
|
|
.xfsc1{
|
|
width: auto;
|
|
padding-top: 135px;
|
|
float: right;
|
|
margin-right: 580px;
|
|
}
|
|
.zdsp1{
|
|
width: auto;
|
|
padding-top: 65px;
|
|
float: left;
|
|
margin-left: 630px;
|
|
}
|
|
.gwsx1{
|
|
width: auto;
|
|
padding-top: 135px;
|
|
float: left;
|
|
margin-left: 610px;
|
|
}
|
|
.span1{
|
|
font-family: DS-Digital;
|
|
font-size: 36px;
|
|
color: #FFFFFF;
|
|
line-height: 36px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
letter-spacing:3px;
|
|
}
|
|
.span2{
|
|
font-family: DS-Digital;
|
|
font-size: 36px;
|
|
color: red;
|
|
line-height: 36px;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
letter-spacing:3px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="layui-layout-body">
|
|
<div class="layui-layout layui-layout-admin">
|
|
<!-- 内容主体区域 -->
|
|
<div class="layui-body" style="top:0;">
|
|
<div class="page_content" style="margin-left: 0px;width: 100%;">
|
|
<div style="min-height: 80vh;padding:30px 50px;">
|
|
<div class="left">
|
|
<div class="snxh"><div class="snxh1">设备数量：<span id="snxh_zs" class="span1"></span>报警数量：<span id="snxh_bj" class="span2"></span></div></div>
|
|
<div class="xfsc"><div class="xfsc1">设备数量：<span id="xfsc_zs" class="span1"></span>报警数量：<span id="xfsc_bj" class="span2"></span></div></div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="zdsp"><div class="zdsp1">设备数量：<span id="zdsp_zs" class="span1"></span>报警数量：<span id="zdsp_bj" class="span2"></span></div></div>
|
|
<div class="gwsx"><div class="gwsx1">设备数量：<span id="gwsx_zs" class="span1"></span>报警数量：<span id="gwsx_bj" class="span2"></span></div></div>
|
|
</div>
|
|
<div id="waterReport" style="height:800px;width:90%;margin:10px auto;margin-bottom: 66px;background:url(${ctx}/style/cls1/img/waterReport.png) no-repeat;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
layuiplus.on_w_1(function(){
|
|
layuiplus.init(1);
|
|
|
|
$.ajax({
|
|
type:"get",
|
|
url:"http://"+window.location.host.split(":")[0]+"${rmsUrl}/WEBAPI/WebHandle/Handler.ashx",
|
|
data:{
|
|
Action:"GetDVCWaterCount",
|
|
UNIT_ID:"${manager_user['groupId']}"
|
|
},
|
|
dataType:"json",
|
|
success:function(data){
|
|
//解析data.data
|
|
var arr1 = new Array();//消防水池
|
|
var arr2 = new Array();//高位消防水箱
|
|
var arr3 = new Array();//消火栓
|
|
var arr4 = new Array();//末端试水装置
|
|
//设备数量
|
|
for(var i = 0;i < data.dvccount.length;i++){
|
|
if(data.dvccount[i].DVCTYPE == "46"){//消防水池
|
|
arr1.push(data.dvccount[i].NUM);
|
|
}
|
|
if(data.dvccount[i].DVCTYPE == "48"){//高位消防水箱
|
|
arr2.push(data.dvccount[i].NUM);
|
|
}
|
|
if(data.dvccount[i].DVCTYPE == "49"){//消火栓
|
|
arr3.push(data.dvccount[i].NUM);
|
|
}
|
|
if(data.dvccount[i].DVCTYPE == "61"){//末端试水装置
|
|
arr4.push(data.dvccount[i].NUM);
|
|
}
|
|
}
|
|
//报警数量
|
|
for(var i = 0;i < data.warncount.length;i++){
|
|
if(data.warncount[i].DVCTYPE == "46"){//消防水池
|
|
arr1.push(data.warncount[i].NUM);
|
|
}
|
|
if(data.warncount[i].DVCTYPE == "48"){//高位消防水箱
|
|
arr2.push(data.warncount[i].NUM);
|
|
}
|
|
if(data.warncount[i].DVCTYPE == "49"){//消火栓
|
|
arr3.push(data.warncount[i].NUM);
|
|
}
|
|
if(data.warncount[i].DVCTYPE == "61"){//末端试水装置
|
|
arr4.push(data.warncount[i].NUM);
|
|
}
|
|
}
|
|
$("#snxh_zs").html(arr1[0]+"/");
|
|
$("#snxh_bj").html(arr1[1]);
|
|
$("#zdsp_zs").html(arr2[0]+"/");
|
|
$("#zdsp_bj").html(arr2[1]);
|
|
$("#xfsc_zs").html(arr3[0]+"/");
|
|
$("#xfsc_bj").html(arr3[1]);
|
|
$("#gwsx_zs").html(arr4[0]+"/");
|
|
$("#gwsx_bj").html(arr4[1]);
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|