<%@ 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: 6px;
            line-height: 1.42857143;
            vertical-align: middle;
            border-top: 1px solid #ddd;
        }

        .pagination > li > a, .pagination > li > span {
            padding: 6px 12px;
        }
        .process-bar {
            margin-bottom: 0px;
        }
        .process-bar {
            width: 130px;
            display: inline-block;
            *zoom: 1;
        }

        .pb-wrapper {
            border: 1px solid gray;
            border-style: solid none;
            position: relative;
            background: #cfd0d2;
        }

        .pb-container {
            border: 1px solid gray;
            border-style: none solid;
            height: 12px;
            position: relative;
            left: -1px;
            margin-right: -2px;
            font: 1px/0 arial;
            padding: 1px;
        }

        .pb-highlight {
            position: absolute;
            left: 0;
            top: 0;
            _top: 1px;
            width: 100%;
            opacity: 0.6;
            filter: alpha(opacity=60);
            height: 6px;
            background: white;
            font-size: 1px;
            line-height: 0;
            z-index: 1
        }

        .pb-text {
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            text-align: center;
            font: 10px/12px arial;
        }

        .pb-value {
            height: 100%;
            width: 50%;
            background: #19d73d;
        }

        .pb-text {
            color: black;
        }


        .loading-div {
            width: 280px;
            height: 50px;
            display: table-cell;
            vertical-align: middle;
            overflow: hidden;
            text-align: center;
        }
        .loading-div::before {
            display: inline-block;
            vertical-align: middle;
        }


    </style>
</head>
<body class="container-fluid" style="overflow-y: hidden">
<div class="row">
    <%--页面头--%>
    <div class="col-md-12 mt10">
        <div class="form-inline">
            <div class="form-group">
                <label>通讯状态：</label>
                <select class="form-control" id="comm_state" style="width: 60px">
                    <option value="">全部</option>
                    <option value="0">中断</option>
                    <option value="1">正常</option>
                </select>
            </div>
            <div class="form-group ml15">
                <label>装置型号：</label>
                <select class="form-control" id="decice_model" style="width: 160px">

                </select>
            </div>
            <div class="form-group ml15">
                <label>装置系列：</label>
                <select class="form-control" id="devSeries" style="width: 130px">

                </select>
            </div>
            <div class="form-group ml15" id="fliteData">
                <label>升级装置筛选：</label>
                <select class="form-control" id="upIsNo" style="width: 80px">
                    <option value="">全部</option>
                    <option value="1">可升级</option>
                    <option value="0">不可升级</option>
                </select>
            </div>
            <div class="form-group ml15" id="queryAndExport">
            <button type="button" class="btn btn-primary ml15" id="query">
                <i class="glyphicon glyphicon-search"></i>查询
            </button>
            </div>
            <div class="form-group fr mr10">
                <label>筛选数据：</label>
                <input type="text" class="form-control mr15" onkeyup="searchResult(this.value)" placeholder="空格分开多条件筛选数据">
                <button  type="button" class="btn btn-primary mr15" id="manager">
                    <i class="glyphicon glyphicon-th-large"></i>终端版本维护
                </button>
                <button type="button" class="btn btn-primary " id="batch_up" name="batch_up">
                    <i class="glyphicon glyphicon-upload"></i>批量升级
                </button>
            </div>
        </div>
    </div>
    <%--页面表格--%>
    <div class="col-md-12 mt5">
        <div class="width100 div_height">
            <table id="deviceTable" class="table table-striped table-bordered dataTable no-footer width100">
                <thead>
                <tr>
                    <th><input type="checkbox" class="icheckbox_minimal" name="all_checked" id="all_checked"></th>
                    <th>终端名</th>
                    <th>版本号</th>
                    <th>协议版本</th>
                    <th>版本日期</th>
                    <th>装置系列</th>
                    <th>终端型号</th>
                    <th>供电公司</th>
                    <th>变电站</th>
                    <th>通讯状态</th>
                    <th>更新时间</th>
                    <th>修改人员</th>
                    <th>操作</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</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}/jspJS/utils/common.js"></script>
<script src="${ctx}/jspJS/confirmIndentity.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/device/deviceVersion.js"></script>
</body>
</html>
