yf_zd
/
qxzSy


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362
							{% 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/layui/css/layui.css' %}">
  <link rel="stylesheet" href="{% static '/lib/css/viewer.css' %}">

  <style type="text/css">
    body {
      overflow: hidden;
      background: #fff;
    }

    /* 返回 */

    .headerPlace {
      font-size: 22px;
      color: #418fbb;
      cursor: pointer;
    }

    .headerPlace img {
      vertical-align: middle;
      margin-right: 10px;
      margin-top: -4px;
    }
    .userinfo .fa {
      font-size: 18px;
      color: #26b3ff;
      margin: 0px 5px;
    }
    /* 右侧操作按钮 */

    .refresh {
      text-align: right;
    }
    .imgBorder{
      width: 300px;
      height: 300px;
      margin: 0 auto 10px;
      border: 1px solid #ddd;
      cursor: pointer;
      position: relative;
    }
    .imgBorder span{
      position:absolute;
      bottom:-2px;
      right:0;
      background-color: #000;
      color: #fff;
      padding: 5px;
    }
    .imgInfo{
      text-align: center;
      line-height: 30px;
    }
    /* 删除 */
    .imgParent{
      overflow: hidden;
      position: relative;
      width: 300px;
    }
    .imgParent:hover span {
			display: block;
		}
    .imgParent .delBtn {
			display: none;
			position: absolute;
			top: 10px;
			right: 10px;
			cursor: pointer;
			background: url(../static/img/delIcon.png);
			width: 25px;
			height: 25px;
			background-size: cover;
		}

  </style>

</head>

<body>
  <div class="content">
    <div class="page-header">
      <span class="headerPlace" onclick="back()">
        <img src="{% static '/img/gobackIcon.png' %}" alt="">返回
      </span>

    </div>
    <div class="userinfocover">
      <div class="row ">
        <div class="col-xs-8 userinfo">
          <i class="fa fa-user-o" aria-hidden="true"></i>
          设备ID：
          <span class="userinfoTitle" id="equip_id"></span>
          设备名称：
          <span class="userinfoTitle" id="equip_name"></span>
        </div>
        <div class="col-xs-4 refresh">
          <button type="button" class="btn btn-sm btn-success" onclick="reload()">刷新</button>
          <button type="button" onclick="akeyDeleteFun()" id="akeyDelete" class="btn btn-sm">一键删除</button>
          
          <!-- <button class="btn  btn-sm btn-info" onclick='sendexamineSIM()'>
            <i class="ace-icon fa fa-search  align-top bigger-125 icon-on-right"></i>
            SIM卡查询
          </button> -->
          <!-- <button type="button" class="btn btn-sm btn-warning" id="operationBtn" >拍照</button> -->
          <!-- <button type="button" class="btn btn-sm btn-success" onclick="reloadPage()">刷新</button> -->
        </div>
      </div>
      <br />
      <div class="timeSelect">
        时间段查询：
        <input type="text" value="" class="fp-user" id="timSelectBox" autocomplete="off" placeholder="时间段查询" onkeypress="if (event.keyCode == 13) img_filter();"
        />
        <input type="hidden" id="begin">
        <input type="hidden" id="end">
        <button type="button" onclick="img_filter()" class="btn btn-sm btn-primary">筛选</button>
      </div>
      <br />
      <div class="row docs-pictures" id="picturesGather">

      </div>
      <div class="fenpei-bottom">
        <div id="page" style="text-align: center;"></div>
      </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 '/lib/js/viewer.js' %}"></script>
    <script src="{% static '/js/common.js' %}?versions=0.5.4"></script>


    <script type="text/javascript">
      $.ajaxSetup({
        data: {
          csrfmiddlewaretoken: '{{ csrf_token }}'
        },
      });
      $(window).resize(function () {
        scrollBar()
      });

      // 时间插件初始化
      layui.use('laydate', function () {
          var laydate = layui.laydate;
          //执行一个laydate实例  
          var _layDateMark = (new Date()).getTime();
          $('#timSelectBox').attr('lay-key','glass'+_layDateMark);
          //执行一个laydate实例
          laydate.render({
              elem: '#timSelectBox' //指定元素
              , range: true
              , done: function (value, date) {
                  var dateArray = value.split(' - ')
                  $('#begin').val(dateArray[0])
                  $('#end').val(dateArray[1])
              }
          });
      });

      $(function () {
        currpage = getQueryString('currpage') || 1;
        equipName = getQueryString('equipName') || '';
        equipId = getQueryString('equipId') || '';
        id = getQueryString('id') || '';
        type = getQueryString('etypeA') || '';
        onoffSelect = getQueryString('onoffSelect') || '';

        $('#equip_id').html(id);  
        $('#equip_name').html(equipName);

        getData(1)
        scrollBar()
      })
      var viewer;
      // 获取数据
      function getData(page){
        $.ajax({
          url:'sex_photo_list',
          type:'get',
          data:{
            e_id:id,
            page:page,
            begin: '',
            end: ''
          },
          // dataType:'html',
          success:function(data){
            $('#picturesGather').html('');
            $('#picturesGather').html(data);
            viewer = new Viewer(document.getElementById('picturesGather'));
            console.log(viewer)
            var datas = {
                e_id: id,
                page: 1,
                begin: '',
                end: ''
            }
            if($('#totalPage').val() > 0){
              initSearchPage($('#totalPage').val(), 'sex_photo_list', datas);
            }else{
              $('#page').empty();
            }
          },
          error:function(type){
            console.log(type);
          }
        })
      }

      function getQueryString(name) {
        let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        let url = window.location.href.split('?')[1].match(reg);
        // console.log(url)
        if (url != null) {
          return decodeURI(url[2]) //decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。
        } else {
          return null
        }
      }

      function back() {
        var url = 'sex_trap_detail?equipId=' + equipId + '&equipName=' + equipName + '&currpage=' + currpage +'&id='+id + '&etype=SEX_TRAP_2' + '&etypeA=' + type + '&onoffSelect=' + onoffSelect;
        location.href = url;
      }
      //删除
      function del(obj) {
          console.log(obj)
          layer.confirm('是否删除？', {
              btn: ['确定', '取消'] //可以无限个按钮
              , btn3: function (index, layero) {
                  //按钮【按钮三】的回调
              }
          }, function (index, layero) {
              var array = [];
              var addr = obj.parent().find('img').attr('src');
              layer.close(index)
              $.ajax({
                  url: 'ybq_delete_img',
                  type: 'post',
                  data: {
                      addr: addr,
                      imei: id,
                  },
                  success: function (data) {
                      if (data==0) {
                        var begin = $('#begin').val();
                        var end = $('#end').val();
                        $.ajax({
                          url: 'sex_photo_list',
                          type: 'get',
                          data:{
                            e_id: id,
                            page: $('.layui-laypage-curr em').eq(1).html(),
                            begin: begin,
                            end: end
                          },
                          success: function (data) {
                              $('#picturesGather').html('');
                              $('#picturesGather').html(data);
                              viewer.destroy();
                              viewer = new Viewer(document.getElementById('picturesGather'))
                              if ($('.content').height() > 750) {
                                  $('#iframe-main', parent.document).css('height', $('.content').height() + 20)
                              } else {
                                  $('#iframe-main', parent.document).css('height', '750px')
                              }
                          }
                      })
                      } else {
                        layer.msg('删除失败')
                      }
                  }
              })
          }, function (index) {
              //按钮【按钮二】的回调
          });
      }
      // 一键删除
      function akeyDeleteFun(){
        if($('#totalPage').val()<=0){
          layer.msg('暂无数据')
          return false;
        }
        //询问框
        layer.confirm('确定删除全部图片？', {
          icon: 3,
          btn: ['确定', '取消'] //按钮
        }, function (index) {
          $.ajax({
            type: "post",
            url: 'ybq_delete_img',
            data: {
              imei: id,
              allpic:1
            },
            success: function (data) {
              if (data == 0) {
                  reload()
              } else {
                layer.msg('删除失败')
              }
            }
          })
          layer.close(index);
        }, function () {

        });
      }
      function reload(){
        var begin = $('#begin').val();
        var end = $('#end').val();
        $.ajax({
            url: 'sex_photo_list',
            type: 'get',
            data:{
              e_id: id,
              page: 1,
              begin: begin,
              end: end
            },
            success: function (data) {
                $('#picturesGather').html('');
                $('#picturesGather').html(data);
                // if($('#totalPage').val() > 0){
                //   alert($('#totalPage').val())
                  viewer.destroy();
                  viewer = new Viewer(document.getElementById('picturesGather'))
                // }
                var datas = {
                    e_id: id,
                    page: 1,
                    begin: begin,
                    end: end
                }
                if($('#totalPage').val() > 0){
                  initSearchPage($('#totalPage').val(), 'sex_photo_list', datas);
                }else{
                  $('#page').empty();
                }
                if ($('.content').height() > 750) {
                    $('#iframe-main', parent.document).css('height', $('.content').height() + 20)
                } else {
                    $('#iframe-main', parent.document).css('height', '750px')
                }
            }
        })
      }
    </script>
</body>

</html>