<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/taglibs.jsp"%>
<html>
<head>
<meta charset="UTF-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width" name="viewport">
<!-- css -->
<link href="${ctx}/s/material/base.min.css" rel="stylesheet">
<!-- css for doc -->
<link href="${ctx}/s/material/project.min.css" rel="stylesheet">
<script type="text/javascript" src="${ctx}/s/jquery-easyui-1.12.2/jquery-1.12.2.min.js"></script>
<%--<script type="text/javascript" src="${ctx}/s/material/base.min.js"></script>--%>
<%--<script type="text/javascript" src="${ctx}/s/material/project.min.js"></script>--%>
<style>
.card-heading, p {
color: #0e2d5f;
}
.card-main {
/*background-color:#eee;*/
background-color: #E0ECFF;
}
</style>
</head>
<body>
<div class="card-wrap" style="margin-top: -10px">
<div class="row">
<div class="col-md-2 col-sm-3">
<div class="card">
<div class="card-main" <%--style="cursor:pointer;"--%>>
<div class="card-inner">
<p class="card-heading">开挖监测</p>
<p id="gasPipeStatus" style="font-size: 14px;cursor:pointer;"></p>
<p id="tongxunPipeStatus" style="font-size: 14px;cursor:pointer;"></p>
</div>
<%--<div class="card-action">--%>
<%--<div class="card-action-btn pull-left">--%>
<%--<a class="btn btn-flat waves-attach" href="javascript:void(0)">点击详情</a>--%>
<%--</div>--%>
<%--</div>--%>
</div>
</div>
</div>
<div class="col-md-2 col-sm-3">
<div class="card">
<div class="card-main" onmouseover="overview.showLeakageTip()">
<div class="card-inner">
<p class="card-heading">漏损监测</p>
<p id="leakageStatus1" style="font-size: 14px;"></p>
<p id="leakageStatus2" style="font-size: 14px;"></p>
</div>
<div class="card-action">
<div class="card-action-btn pull-left">
<a class="btn btn-flat waves-attach"
href="${ctx}/content/alarm/supplyWater-leakage.jsp">点击详情</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-3">
<div class="card">
<div class="card-main">
<div class="card-inner">
<p class="card-heading">破损监测</p>
<p id="breakageStatus" style="font-size: 20px;"></p>
</div>
<div class="card-action">
<div class="card-action-btn pull-left">
<a id="btn_leakage" class="btn btn-flat waves-attach"
href="${ctx}/content/alarm/supplyWater-breakage.jsp">点击详情</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-3">
<div class="card">
<div class="card-main">
<div class="card-inner">
<p class="card-heading">井盖监测</p>
<p id="wellStatus" style="font-size: 20px;"></p>
</div>
<div class="card-action">
<div class="card-action-btn pull-left">
<a class="btn btn-flat waves-attach"
href="${ctx}/content/alarm/jinggaijiance.jsp">点击详情</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-3">
<%--
<div class="card card-orange">
--%>
<div class="card">
<div class="card-main">
<div class="card-inner">
<p class="card-heading">燃爆监测</p>
<p id="ranbaoStatus" style="font-size: 20px;"></p>
</div>
<div class="card-action">
<div class="card-action-btn pull-left">
<a class="btn btn-flat waves-attach"
href="${ctx}/content/alarm/ranbaojiance.jsp">点击详情</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-sm-3">
<div class="card">
<div class="card-main">
<div class="card-inner">
<p class="card-heading">负荷监测</p>
<p id="fuheStatus" style="font-size: 20px;"></p>
</div>
<div class="card-action">
<div class="card-action-btn pull-left">
<a class="btn btn-flat waves-attach"
href="${ctx}/content/alarm/fuhejiance.jsp">点击详情</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="hidden" id="context" value="${ctx}"/>
</body>
</html>
<script type="text/javascript" src="${ctx}/s/alarm/overview.js"></script>
<script>
$(function () {
overview.init();
});
document.onreadystatechange = function () { // 当页面加载状态改变的时候执行这个方法
if (document.readyState == "complete") { // 当页面加载完成之后执行
parent.IndexJS.setSouthPanelTitle("运行总览");
parent.IndexJS.expendSouthPanel(180);
}
}
</script>
