<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html >
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>终端运行</title>
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/animate/animate.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/buttons.dataTables.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/iconfont/iconfont.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/fontawesome/font-awesome.min.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/ztree/zTreeStyle.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatables/datatables.bootstrap.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/datatimepicker/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/basicButton.css">
    <link rel="stylesheet" href="${ctx}/css/plugin/bootstrapSwitch/bootstrap-switch.min.css">
    <link rel="stylesheet" href="${ctx}/css/basic.css">
    <style>
        .tr {
            text-align: center;
        }
        .td {
            text-align: center;
            line-height: 48px
        }
        #runtimeid{
            min-width: 1880px;
        }
        .table > tbody > tr > td {
            padding: 3px;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #ddd;
        }
        #downloadWave{
            margin-top: -25px;
        }
        body{
            overflow: hidden;
        }
    </style>
</head>
<body class="bg-white">
<div class="container-fluid">
    <div class="row ">
        <div class="form-inline header mt10">
            <div class="form-group has-feedback ml10">
                <label>区域：</label>
                <div class="disinlineb">
                    <input id="area" class="form-control" style="width: 140px" readonly>
                    <i class="fa fa-caret-down areaicon"></i>
                    <i class="fa fa-caret-up treeUpIcon disnone"
                       style="color: #C9CBCE;position: absolute;left: 60px;font-size: 18px;z-index: 9999;top: 20px"></i>
                    <div class=" ztree treeUpDiv disnone " id="areaTree"
                         style="position: absolute;width: 140px;height: 147px;border: 2px solid #C9CBCE;overflow: auto;top: 32px;background: #fff;z-index: 100;border-radius: 2px">
                    </div>
                </div>
                <div class="form-group has-feedback mr10">
                    <label>统计类型：</label>
                    <input type="checkbox"   id="checkbox"/>
                </div>
                <label class="form-group">终端状态：</label> <select
                    class="form-control" id="devflag">
                <option value="">全部</option>
                <option value="0">投运</option>
                <option value="1">检修</option>
                <option value="2">退运</option>
            </select> <label class="form-group">通讯状态：</label> <select id="status"
                                                                      class="form-control">
                <option value="">全部</option>
                <option value="1">正常</option>
                <option value="0">中断</option>
            </select>
                <label class="form-group">供电公司：</label>
                <select id="gdIndex" class="form-control">
                    <option value="">全部</option>
                </select>
                <label class="form-group">厂家：</label>
                <select id="manufacturer" class="form-control">
                    <option value="">全部</option>
                </select>

            </div>
            <div class="form-inline"
                 style="margin-left: 4px; display: inline-block;">
                <button id="query" type="button" class="btn themeBGColor">
                    <i class="glyphicon glyphicon-search"></i>
                </button>
            </div>

            <div class="form-group  mr10 mt5 fr" id="fliteData">
                <label>筛选数据：</label>
                <input type="text" class="form-control" onkeyup="searchResult(this.value)" placeholder="空格分开多条件筛选数据">
            </div>


        </div>

        <div class="col-sm-12 col-md-12">
            <div class="fr" style="margin-bottom: -11px;">
                <label>终端评价说明：</label><font
                    color="#2E8B57">在线率≥90%：优&nbsp;&nbsp;&nbsp;</font><font
                    color="#DAA520">60%&lt;在线率<90%：良&nbsp;&nbsp;&nbsp;</font><font
                    color="#A52a2a">在线率&lt;60%：差</font>
            </div>
        </div>

        <div class="col-sm-12">
            <table id="runtimeid" class="table table-striped table-bordered dataTable no-footer width100">
                <thead>
                <tr role="row">
                    <th class="text-center">序号</th>
                    <th class="text-center">供电公司</th>
                    <th class="text-center">变电站</th>
                    <th class="text-center">终端编号</th>
                    <th class="text-center">投运时间</th>
                    <th class="text-center">厂家</th>
                    <th class="text-center">型号</th>
                    <th class="text-center">网络参数</th>
                    <th class="text-center">端口</th>
                    <th class="text-center">终端状态</th>
                    <th class="text-center">通讯状态</th>
                    <th class="text-center">最新数据</th>
                    <th class="text-center">评价</th>
                    <th class="text-center">操作</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
</div>
<%--当前会话的用户名--%>
<input type="hidden" id="username" value="${username}">
<input type="hidden" id="token" value="${token}">
<input id="_area" value="${area}" hidden>
<input id="gwType" value="${type}" hidden>
<input id="facturer" value="${manufacturer}" hidden>
<script src="${ctx}/js/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/js/plugin/jquery/jquery.dataTables.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/bootstrapSwitch/bootstrap-switch.min.js"></script>
<script src="${ctx}/js/plugin/datatables/datatables.bootstrap.js"></script>
<script src="${ctx}/js/plugin/layui/layui.all.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/plugin/datatables/dataTables.buttons.min.js"></script>
<script src="${ctx}/js/plugin/datatables/buttons.html5.min.js"></script>
<script src="${ctx}/js/basic.js"></script>
<script src="${ctx}/jspJS/utils/judgeAjaxStatus.js"></script>
<script src="${ctx}/jspJS/utils/loading.js"></script>
<script src="${ctx}/js/plugin/xss/aes.js"></script>
<script src="${ctx}/js/plugin/xss/xss.js"></script>
<script src="${ctx}/js/plugin/xss/security.js"></script>
<script src="${ctx}/jspJS/sm2.js"></script>
<script src="${ctx}/jspJS/sm3.js"></script>
<script src="${ctx}/js/plugin/ztree/jquery.ztree.core.js"></script>
<script src="${ctx}/js/area.js"></script>
<script src="${ctx}/jspJS/confirmIndentity.js"></script>
<script src="${ctx}/jspJS/manage/runtime.js"></script>
<script type="text/javascript">
    $("#helper").click(function (){
        toHelper("#jcdyxzt");
    });
    var $area = $("#area");
    var gwType = $("#gwType");
    var facturer = $("#facturer").val();

</script>
</body>
</html>
