yf_zd
/
yfwlwCut


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

<head>
  <title>设备列表</title>
  <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' %}">
  <style>
    .content{
			overflow-x: scroll;
		}
    body {
      overflow: hidden;
      background: #fff;
    }
    .selectedColor {
      background: #faffc2 !important;
    }

    .searchCover {
      margin: 20px 0;
    }

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

    .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;
    }

    .check,
    #checkAll {
      width: 18px;
      height: 19px;
      vertical-align: middle;
      margin-top: -6px;
      visibility: hidden;
      display: none;
    }

    .my_protocol input[type='checkbox']+span {
      cursor: pointer;
      width: 18px;
      height: 18px;
      background-color: red;
      display: inline-block;
      background: url(/static/img/tick.png) no-repeat center;
      background-position: -19px 0px;
      position: relative;
      top: 3px;
      border: 1px solid #bbb;
    }

    .my_protocol input[type='checkbox']:checked+span {

      background-position-x: 3px;
      background-position-y: 3px;
    }

    .btnBox {
      text-align: right;
    }

    .btnBox button {
      margin: 10px 10px 10px 0;
    }
    .searchCover input{
			width: 180px;
		}
  </style>
</head>

<body>
  <div class="content">
    <div class="searchCover">
      创建时间：
      <input type="text" id="test10" placeholder="请选择时间段 ">
      <input type="hidden" id="begin" name="begin">
      <input type="hidden" id="end" name="end"> 
      设备类型：
      <select class="enter-select" name="value" id="type">
        <option value="0">请选择</option>
        <!-- <option value="1">气象设备</option> -->
        <option value="2">杀虫灯</option>
        <option value="3">测报灯</option>
        <option value="4">性诱设备</option>
        <option value="5">环境监测</option>
        <option value="6">监控设备</option>
        <option value="7">孢子仪</option>
        <!-- <option value="4">农药残留</option>
            <option value="5">监控数据采集</option> -->
      </select>
      设备ID：
      <input type="text" id="identity" value="" onkeypress="if (event.keyCode == 13) sub_filter();" />
      <button type="button" onclick="sub_filter()" class="btn btn-sm btn-primary">筛选</button>
    </div>
    <div class="innerTable">
      <form action="" method="post"> {% csrf_token %}
        <table class="table table-striped" id="table">
          <thead>
            <tr>
              <td>
                <!-- <input type="checkbox" onchange="checkAllFun($(this))" id="checkAll" name="title-table-checkbox" /> -->
                <div style="position:relative">
                  <label class="my_protocol">
                    <input type="checkbox" onchange="checkAllFun($(this))" id="checkAll" name="title-table-checkbox" />
                    <span></span>
                  </label>
                </div>
              </td>
              <td>设备ID</td>
              <td>设备名称</td>
              <td>设备类型</td>
              <td>设备添加时间</td>
              <td>设备用户</td>
            </tr>
          </thead>
          <tbody>

          </tbody>
        </table>
        
        <div class="btnBox">
          <input type="hidden" name="uname" id="uname" value={{ uname }}>
          <span class="color-background2 " style="color:#FF0015;">
            {{allot_note}}
          </span>
          <button type="submit" name="submit" id="allotBtn" value="fenpei" class="btn btn-primary btn-large">确定分配</button>
        </div>
      </form>
      <div class="fenpei-bottom">
        <input type="hidden" id="totalPage" value={{nums}}>
        <div id="page" style="text-align: center;"></div>
      </div>
    </div>

    <div style="line-height:50px;">
      <i class="star">*</i>注：以上所选设备分配给用户：{{ uname }}


    </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 '/lib/js/newdistpicker.js' %}" type="text/javascript" charset="utf-8"></script>
  <script src="{% static '/lib/js/main.js' %}" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    $.ajaxSetup({
      data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
    });
  </script>
  <script src="{% static '/js/equipallot/equipallotList.js' %}?versions=0.5.0" type="text/javascript"></script>
</body>

</html>