yf_zd
/
yfwlwCut


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
							{% load staticfiles %}
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>水肥控制</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link href="{% static '/lib/bootstrap-3.3.7/css/bootstrap.css' %}" rel="stylesheet">
  <link rel="stylesheet" href="{% static '/lib/css/ace.min.css' %}" />
  <link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
  <style>
    html,body{
      background: #fff;
    }
    .searchTable {
      position: absolute;
      right: 15px;
      top: 0;
    }

    .searchTable input {
      height: 30px;
      line-height: 33px;
    }

    .addData {
      /* text-align: right; */
    }

    /* 表格样式 */

   .btnStyle{
      position: absolute;
      top: 73%;
      width: 4%;
      height: 10%;
      cursor: pointer;
   }
   .btn1{
    left: 8.3%;
   }
   .btn2{
    left: 13.5%;     
   }
   .btn3{
    left: 18.7%;     
   }
   .dataMonitor{
     position: relative;
   }
   .lookAllData{
     position: absolute;
     right: 26px;
      bottom: 9px;
      width: 200px;
      height: 50px;
      cursor: pointer;

   }
  </style>
</head>

<body>

  <div class="layui-fluid">
    <div class="layui-row layui-col-space15">
      <div class="layui-col-md12">
        <div class="layui-card">
          <div class="page-header">
            <h1>
              <font style="vertical-align: inherit;">
                <font style="vertical-align: inherit;">
                    水肥管理
                </font>
              </font>
            </h1>
          </div>
          <div class="searchCover">
            开关状态：
            <select class="enter-select " name="openState" id="eswitch">
              <option selected="selected" value="-1">请选择</option>
              <option value="1">开启</option>
              <option value="0">关闭</option>
            </select>
            设备名称：
            <input type="text" value="" class="fp-user" 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="layui-card-body">
            <img src="{% static '/img/succah/water_fertilizer_list.png'%}" width="100%" alt="">
            <div class="btnStyle btn1"></div>
            <div class="btnStyle btn2"></div>
            <div class="btnStyle btn3"></div>
          </div>
        </div>
      </div>
    </div>
  </div>


  <script type="text/html" id="barDemo">
  <a class="QRcode blue" lay-event="lookQRcode">二维码</a>
  |
  <a class="editBtn green" lay-event="edit">编辑</a>
  |
  <a class="delBtn red"  lay-event="del">删除</a>
  <!-- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"></a> -->
</script>

<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>
    var table, layer;
    layui.use(['table', 'layer'], function () {
      table = layui.table;
      layer = layui.layer;

    });
    $('.btn1').on('click',function(){
      var index = layer.open({
        type: 1,
        title: '',
        shadeClose: false,
        shade: [0.5, '#000'],
        area: ['770px', '360px'],
        content: '<div class="dataMonitor"><img src="../static/img/succah/water_fertilizer_monitor.png" style="width:100%;heihgt:100%" /></div>' //iframe的url
      });
    })
    $('.btn2').on('click',function(){
      var index = layer.open({
        type: 1,
        title: '',
        shadeClose: false,
        shade: [0.5, '#000'],
        area: ['60%', '80%'],
        content: '<div class="dataMonitor"><img src="../static/img/succah/24Data.png" style="width:100%;heihgt:100%" /></div>' //iframe的url 
      });
    })
    $('.btn3').on('click',function(){
      var index = layer.open({
        type: 1,
        title: '',
        shadeClose: false,
        shade: [0.5, '#000'],
        area: ['670px', '240px'],
        content: '<div class="dataMonitor"><img src="../static/img/succah/water_fertilizer_ctrl.png" style="width:100%;heihgt:100%" /><div onclick="getlistPage()" class="lookAllData"></div></div>' //iframe的url
      });
    })
    
  </script>

</body>

</html>