yf_zd
/
yfwlwCut


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
							{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <link href="{% static '/lib/bootstrap-3.3.7/css/bootstrap.css' %}" rel="stylesheet">
    <link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
    <link rel="stylesheet" href="{% static '/lib/css/ace.min.css' %}" />
    <link rel="stylesheet" href="{% static '/lib/css/ace-skins.min.css' %}">
    <link rel="stylesheet" href="{% static '/lib/css/ace-rtl.min.css' %}">
    <link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
    <link rel="stylesheet" href="{% static '/css/loading.css' %}?versions=0.5.0" />
    <style type="text/css">
        /* 返回 */
        .headerPlace {
            font-size: 22px;
            color: #418fbb;
            cursor: pointer;
        }

        .headerPlace img {
            vertical-align: middle;
            margin-right: 10px;
            margin-top: -4px;
        }

        body {
            overflow: hidden;
            background: #fff;
        }

        .searchCover {
            margin: 20px 0;
        }

        .innerTable {
            padding: 0 1px 0 0;
            min-width: 750px;
        }

        .table,
        .table.table-striped>thead>tr>th {
            text-align: center;
        }

        table td {
            vertical-align: middle !important;
        }

        .nullData {
            width: 100%;
            height: 500px;
            background: #ddd;
            text-align: center;
            line-height: 500px;
            font-size: 20px;
            border: 1px solid #ddd;
        }

        #listPage {
            overflow-x: scroll;
        }
        .green {
            background: greenyellow;
        }
        .red {
            background-color: rgb(248, 69, 69) !important;
            border-color: rgb(248, 69, 69);
        }
    </style>

<body>
    <div class="content">
        <div id="detialPage"></div>
        <div id="listPage">
            <div class="searchCover">
                设备名称：
                <input type="text" value="" placeholder="请输入设备名称" id="ename"
                    onkeypress="if (event.keyCode == 13) sub_filter();" /> 设备ID：
                <input type="text" value="" class="fp-user" id="eId" placeholder="请输入设备ID"
                    onkeypress="if (event.keyCode == 13) sub_filter();" />
                <button type="button" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button>
            </div>
            <div class="innerTable">
                <table id="datatable" class="table  table-striped table-hover">
                    <thead>
                        <tr>
                            <th>设备ID</th>
                            <th>设备名称</th>
                            <th>在线状态</th>
                            <th>测报灯ID</th>
                            <th>信号强度</th>
                            <!-- <th>内部版本</th> -->
                            <th>设备版本</th>
                            <!-- <th>CPU温度(°C)</th> -->
                            <th>相机状态</th>
                            <th>数据频率(分钟)</th>
                            <th>上报时间</th>
                            <th>操作</th>
                            <th>详情</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
                <div class="fenpei-bottom">
                    <input type="hidden" id="totalPage" value={{ nums }}>
                    <div id="page" style="text-align: center;"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- loading -->
    <div id="loadingParent">
        <div id="loadCenter">
            <div class="skype-loader">
                <div class="dot">
                    <div class="first"></div>
                </div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
            </div>
            Logging in...
        </div>
    </div>

    <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
    <script src="{% static '/lib/layui/layui.all.js' %}"></script>
    <script src="{% static '/js/common.js' %}?versions=0.5.0"></script>
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=2.0&ak=TcRPmrsiZUqdUBWoELrUArRkCRC36KMx"></script>
    <script type="text/javascript">
        $.ajaxSetup({
            data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
        });
    </script>
    <script src="{% static '/js/equipmanage/rtu_status.js' %}?versions=0.5.0"></script>

</body>

</html>