物联网平台 +Web 组态
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.
 
 
 
 

176 lines
6.6 KiB

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="com.lp.cfg.ProConfig"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/WEB-INF/oss/iot/common/variable.jsp"%>
<%@ include file="/WEB-INF/oss/iot/common/variable_js.jsp"%>
<%@ include file="/WEB-INF/oss/iot/common/resource_lib.jsp"%>
<link type="text/css" href="<%=basePath%>/css/oss/iot/app_status.css?<%=v%>" rel="stylesheet"/>
</head>
<body>
<div>
<!-- 下方部位 -->
<div style="background: #ecf0f5;">
<div class="mapContainer" >
<div class="app-container">
<div class="container-layout sceneList-info">
<div class="line-big">
<div class="x3">
<div class="info-box">
<a href="">
<span class="info-box-icon">
<i class="icon-device-1"></i>
</span>
</a>
<div>
<span class="intro">创建项目总数</span>
<p class="mt-10">
<span class="num">${info.sceneNum }</span>
<span>个</span>
</p>
</div>
</div>
</div>
<div class="x3">
<div class="info-box">
<a href="">
<span class="info-box-icon">
<i class="icon-device-2"></i>
</span>
</a>
<div>
<span class="intro">接入设备数</span>
<p class="mt-10">
<span class="num">${info.onlineNum+info.offlineNum }</span>
<span>台</span>
</p>
</div>
</div>
</div>
<div class="x3">
<div class="info-box">
<a href="">
<span class="info-box-icon">
<i class="icon-device-3"></i>
</span>
</a>
<div>
<span class="intro">传感数据点</span>
<p class="mt-10">
<span class="num">${info.sensorNum }</span>
<span>条</span>
</p>
</div>
</div>
</div>
<div class="x3">
<div class="info-box">
<a href="">
<span class="info-box-icon">
<i class="icon-device-4"></i>
</span>
</a>
<div>
<span class="intro">触发器数</span>
<p class="mt-10">
<span class="num">${info.triggerNum }</span>
<span>个</span>
</p>
</div>
</div>
</div>
</div>
<div class="line-big">
<div class="x3">
<div class="info-box">
<a href="">
<span class="info-box-icon">
<i class="icon-device-5"></i>
</span>
</a>
<div>
<span class="intro">子账户用户数</span>
<p class="mt-10">
<span class="num">${info.subUserNum }</span>
<span>个</span>
</p>
</div>
</div>
</div>
<div class="x3">
<div class="info-box">
<a href="">
<span class="info-box-icon">
<i class="icon-device-6"></i>
</span>
</a>
<div>
<span class="intro">设备故障率</span>
<p class="mt-10">
<span class="num">
<c:if test="${info.onlineNum+info.offlineNum>0 }">
<fmt:formatNumber value="${info.offlineNum/(info.onlineNum+info.offlineNum) }" type="percent"/>
</c:if>
<c:if test="${info.onlineNum+info.offlineNum==0 }">
0
</c:if>
</span>
</p>
</div>
</div>
</div>
<div class="x3">
<div class="info-box">
<a href="">
<span class="info-box-icon">
<i class="icon-device-7"></i>
</span>
</a>
<div>
<span class="intro">当前设备离线数</span>
<p class="mt-10">
<span class="num">${info.offlineNum }</span>
<span>个</span>
</p>
</div>
</div>
</div>
<div class="x3">
<div class="info-box">
<a href="">
<span class="info-box-icon">
<i class="icon-device-8"></i>
</span>
</a>
<div>
<span class="intro">今日报警数 / 已处理数</span>
<p class="mt-10">
<span class="num">${info.solveNum+info.unsolveNum }/${info.solveNum }</span>
<span>条</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
</script>
</html>