<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>终端在线率</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css" >
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrapSwitch/bootstrap-switch.min.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        html,body{
            background-color: #F9F9F9 !important;
        }
        .wanzhengdiv{
            position: absolute;
            z-index: 100;
            left: 25px;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="form-inline mt10 wanzhengdiv">
        <div class="form-group has-feedback mr10" >
            <label >统计类型：</label>
            <input type="checkbox" checked class="wanzheng" />
        </div>
    </div>
    <div class="row">
        <%--区域模块--%>
        <div class="col-sm-8" id="area"></div>
        <div class="col-sm-4" id="areaT">
            <table id="areaTable" class="table table-striped table-bordered dataTable no-footer">
                <thead>
                <tr>
                    <th>区域</th>
                    <th id="typeTitle">终端个数</th>
                    <th>在线率(%)</th>
                </tr>
                </thead>
            </table>
        </div>
        <%--终端厂家模块--%>
        <div class="col-sm-8" id="company"></div>
        <div class="col-sm-4" id="companyT">
            <table id="companyTable" class="table table-striped table-bordered dataTable no-footer">
                <thead>
                <tr>
                    <th>终端厂家</th>
                    <th id="typeTitle1">终端个数</th>
                    <th>在线率(%)</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
<input type="hidden" id="startTime">
<input type="hidden" id="endTime">
<input type="hidden" id="gist">
<input type="hidden" id="type">
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/echarts/echarts.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
<script src="${ctx}/js/plugin/bootstrapSwitch/bootstrap-switch.min.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/jspJS/utils/getTime.js"></script>
<script src="${ctx}/js/color.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/js/basic.js"></script>
<script src="${ctx}/jspJS/overview/onlineRate.js"></script>
</body>
</html>
