yf_zd
/
yfwlwCut


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							{% 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="layui-card-header">
            <div class="searchTable">
              <div class="layui-inline">
                <input class="layui-input" name="id" id="companyInp" placeholder="请输入棚舍名称" autocomplete="off">
              </div>
              <button class="btn btn-sm btn-primary" data-type="reload">搜索</button>
            </div>
            <div class="addData">
              <button class="btn btn-sm btn-primary" data-type="reload" onclick="addData()">　新建　</button>
            </div>
          </div>
          <div class="layui-card-body">
            <img src="{% static '/img/succah/succahList.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;

    });
    function addData() {
      var index = layer.open({
        type: 1,
        title: '',
        shadeClose: false,
        shade: [0.5, '#000'],
        area: ['470px', '470px'],
        content: '<div><img src="../static/img/succah/succahAdd.png" style="width:100%;heihgt:100%" /></div>' //iframe的url
      });
    }
    $('.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/dataMonitor.png" style="width:100%;heihgt:100%" /><div onclick="getlistPage()" class="lookAllData"></div></div>' //iframe的url
      });
    })
    function getlistPage(){
      window.location.href = 'breed_center_list'
    }
    $('.btn2').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/succahCtrl.png" style="width:100%;heihgt:100%" /><div onclick="getlistPage()" class="lookAllData"></div></div>' //iframe的url
      });
    })
    $('.btn3').on('click',function(){
      var index = layer.open({
        type: 2,
        title: '',
        shadeClose: false,
        shade: [0.5, '#000'],
        area: ['80%', '80%'],
        content: 'equipmanage_jk' //iframe的url
      });
    })
  </script>

</body>

</html>