yf_zd
/
yfwlwCut


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
							{% 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" />
  <link rel="stylesheet" href="{% static '/css/equipmanage_cbd.css' %}" />
  <style>
    .content{
			overflow-x: scroll;
		}
    .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;
    }

    /* 配置项 */

    .form-group>label {
      margin: 4px 0 0 0;
      text-align: right;
    }

    .initVal {
      position: absolute;
      left: 14px;
      top: 5px;
    }

    .ui-slider {
      top: 8px;
      left: 18px;
    }

    .sliderVal {
      position: absolute;
      right: 30px;
      top: 5px;
    }

    .collocateBtn {
      text-align: center;
    }

    .collocateBtn button {
      margin: 10px 10px 20px 10px;
    }

    .form-group select {
      width: 200px;
    }

    .widget-body {
      margin-top: 20px;
    }

    .timePattern {
      display: none;
    }

    .hintTitle {
      text-align: center;
      display: inline-block;
      width: 100px;
      margin-right: 15px;
      color: #777;
    }

    .form-group select[name='begin'],
    .form-group select[name='end'] {
      padding: 0 26px 0 37px;
    width: initial;
    }
  </style>

  <body>
    <div class="content">
      <div id="detialPage"></div>
      <div id="listPage">
        <div class="searchCover">
          设备名称筛选：
          <input type="text" value="" id="ename" placeholder="请输入设备名称" onkeypress="if (event.keyCode == 13) sub_filter();" /> 设备ID筛选：
          <input type="text" value="" 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>
                <td>设备ID</td>
                <td>设备名称</td>
                <td>在线状态</td>
                <td>设备开关</td>
                <td>电池状态</td>
                <td>摄像头状态</td>
                <td>电压(V)</td>
                <td>保温仓温度(°C)</td>
                <td>信号强度</td>
                <td>设备版本</td>
                <td>上报时间</td>
                <td>详情</td>
              </tr>
            </thead>
            <tbody>

            </tbody>
          </table>
          <div class="fenpei-bottom">
            <input type="hidden" id="totalPage" value={{ nums }}>
            <!-- <input type="hidden" id="totalPage" value=90> -->
            <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/bootstrap-3.3.7/js/bootstrap.js' %}"></script>
    <script src="{% static '/lib/layui/layui.all.js' %}"></script>
		<script src="{% static '/js/common.js' %}?versions=0.5.0"></script>
    <script>    
      $.ajaxSetup({
        data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
      });
    </script>
    <script src="{% static '/js/equipmanage/equipmanage_bzy.js' %}?versions=0.5.0"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=TcRPmrsiZUqdUBWoELrUArRkCRC36KMx"></script>

    <script>
      

    </script>
  </body>

</html>