<%@ 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/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;
        }

        .pagination > li > a, .pagination > li > span {
            padding: 6px 12px;
        }
    </style>
</head>
<body class="container-fluid">
<div class="row">
    <%--页面头--%>
    <div class="col-md-12">
        <div class="form-inline  mt10">
            <div class="form-group">
                <label>通讯状态：</label>
                <select class="form-control" id="comm_state" style="width: 80px">
                    <option value="">全部</option>
                    <option value="0">中断</option>
                    <option value="1">正常</option>
                </select>
            </div>
            <div class="form-group">
                <label>装置型号：</label>
                <select class="form-control" id="decice_model" style="width: 180px">

                </select>
            </div>
            <button type="button" class="btn btn-primary " id="query">
                <i class="glyphicon glyphicon-search"></i>查询
            </button>
            <div class="form-group fr mr10" id="fliteData">

            </div>
            <div class="form-group fr mr10">
                <label>筛选数据：</label>
                <input type="text" class="form-control" onkeyup="searchResult(this.value)" placeholder="空格分开多条件筛选数据">
                <button type="button" style="margin-right: 10px;margin-left: 10px" class="btn btn-primary " id="ztgl">
                    <i class="glyphicon"></i>终端状态管理
                </button>
                <button type="button" style="margin-right: 10px" class="btn btn-primary " id="tcgl">
                    <i class="glyphicon glyphicon-cog"></i>流量套餐配置
                </button>
                <button type="button" style="margin-right: 10px" class="btn btn-primary " id="clgl">
                    <i class="glyphicon glyphicon-cog"></i>流量策略配置
                </button>
                <button type="button" style="margin-right: 20px" class="btn btn-primary " id="lltj">
                    <i class="glyphicon glyphicon-cog"></i>流量统计
                </button>
                <button type="button" class="btn btn-primary " id="rest">
                    <i class="glyphicon glyphicon-repeat"></i>重启前置程序
                </button>
            </div>
        </div>
    </div>
    <%--页面表格--%>

        <div class="col-md-12">
        <div class="tablediv width100">
            <table id="deviceTable" class="table table-striped table-bordered dataTable no-footer width100 mt15" style="white-space: nowrap;">
                <thead>
                <tr>
                    <th><input type="checkbox" class="icheckbox_minimal" id="all_checked"></th>
                    <th>终端名</th>
                    <th>版本号</th>
                    <th>网络参数</th>
                    <th>终端型号</th>
                    <th>供电公司</th>
                    <th>变电站</th>
                    <th>基础流量(M)</th>
                    <th>扩展流量(M)</th>
                    <th>已用流量(%)</th>
                    <th>通讯状态</th>
                    <th>操作</th>
                </tr>
                </thead>
            </table>
        </div>
        </div>
</div>
<div style=" position: fixed;top: 0px;right:0px;z-index:9999;" id="msgInfo"></div>
<input type="hidden" id="username" value="${username}">
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/layui/layer.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}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/js/plugin/xss/aes.js"></script>
<script src="${ctx}/jspJS/sm2.js"></script>
<script src="${ctx}/jspJS/sm3.js"></script>
<script src="${ctx}/jspJS/utils/common.js"></script>
<script src="${ctx}/jspJS/confirmIndentity.js"></script>
<script src="${ctx}/jspJS/device/deviceProperty.js"></script>
</body>
</html>
