<%@ 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>
    <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"/>
    <title>终端日流量详情</title>
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.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>
        .form-control {
            height: 22px;
            padding: 1px 5px;
        }

        #deviceTable {
            min-width: 100%;
        }

        .btn {
            padding: 1px 6px;
            font-size: 12px;
        }

        .table > tbody > tr > td {
            padding: 5px;
            line-height: 1.42857143;
            vertical-align: middle;
            border-top: 1px solid #ddd;
        }
        .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{
            margin-left: 0px;
        }


        .error {
            width: 10px;
            height: 10px;
            margin: auto;
            position: relative;
            margin-left: 32px;
        }
        .error::before,
        .error::after {
            content: "";
            position: absolute;
            height: 13px;
            width: 3px;
            top: 3px;
            right: 15px;
            background: red;
        }
        .error::before {
            transform: rotate(45deg);
        }
        .error::after {
            transform: rotate(-45deg);
        }

        .success{
            display: inline-block;
            font-weight: 700;
            margin: 0 10px;
            width: 8px;
            height: 13px;
            transform: rotate(45deg);
            border-style: solid;
            border-color: #009933;
            border-width:   0 4px 4px 0 ;
        }
    </style>
</head>
<body class="container-fluid">
<div class="row">
    <div class="col-md-6 col-lg-6">

            <div class="form-inline  mt10">
                <div class="row">
                    <form class="form-inline ml15 header">
                        <%@include file="../../include/time.jsp" %>
                        <div class="form-group has-feedback mr10 ml10">
                            <label>统计类型：</label>
                            <input type="checkbox" style="display: none" checked id="wanzheng"/>
                        </div>
                        <button id="query" type="button" title="查询" class="btn themeBGColor">
                            <i class="glyphicon glyphicon-search"></i>
                        </button>
                    </form>
                </div>
            </div>
    </div>
    <div class="col-md-6 col-lg-6 mt10" style="height: 40px">
        <div id="content_ch" ></div>

    </div>
</div>
<div class="row">
    <%--页面表格--%>
    <div class="col-md-12 col-lg-12">
        <div class="width100 halfHeight">
            <table id="deviceTable" class="table table-striped table-bordered dataTable no-footer width100">
                <thead>
                <tr>
                    <th>月份</th>
                    <th>套餐流量(MB)</th>
                    <th>运营商统计流量(MB)</th>
                    <th>系统统计流量(MB)</th>
                    <th>操作</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-md-12 col-lg-12">
        <div id="flow_month" style="margin-top: 10px"></div>
        <div id="flow_month2" style="margin-top: 10px"></div>
    </div>
</div>

<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/layui/layer.js"></script>
<script src="${ctx}/js/plugin/highchart/highcharts.js"></script>
<script src="${ctx}/js/plugin/highchart/export.js"></script>
<script src="${ctx}/js/plugin/highchart/offline-exporting.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap.min.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.jquery.js"></script>
<script src="${ctx}/js/plugin/datatables/dataTables.buttons.min.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/js/plugin/bootstrapSwitch/bootstrap-switch.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.min.js"></script>
<script src="${ctx}/js/plugin/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/jspJS/utils/timeControl.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/utils/common.js"></script>
<script src="${ctx}/js/color.js"></script>
<script src="${ctx}/jspJS/device/deviceFlowDetail.js"></script>

</body>
</html>
