{% load staticfiles %}
{% for i in img %}
<div class="imgParent">
    <div  class="popupA"  title="path: {{ i.addr }}">
        <img src="{{ i.addr }}" data-original="{{ i.addr }}" width="300" height="300">
        <p>{{ i.upl_time }} </p>
    </div>
    <input type="hidden" value="{{i.equip_id}}">
    <input type="hidden" class="photoTime" value="{{i.upl_time}}">
    <!-- 管理员显示删除图片按钮 -->
    {% if current_user.is_superuser == True or current_user.is_staff == True %}
    <span class="delBtn" onclick="del($(this))"></span>
    {% else %} {% endif %}
    <a href="javascript:;" class="open-popup-link addDetial">手动添加</a>
    <a href="javascript:;" class="open-popup-link lookDetial">手动统计</a>

    {% if disc == '1' or role == "superuser" or role == "staff" %} 
    <a href="javascript:;" class="newAutoDiscern" onclick="newAutoDiscern(this)">
        识别统计
    </a>
    {% else %} {% endif %}

    <!-- 最新识别 -->
    <!-- <div> -->
    <label class="imgcheckbox">
        <input type="checkbox" class="check" onclick="checkAllSelect()" value="2014" name="check_box_list">
        <span></span>
    </label>
    <!-- </div> -->
</div>
{% empty %}
<div class="col-xs-12 ">
  <div class="nullData" >
    暂无数据
  </div>
</div>
{% endfor %}
<input type="hidden" id="selectListPage" value="{{nums}}">
<script src="{% static '/js/reportmanage/cbd_imageList.js' %}?versions=0.5.4" type="text/javascript"></script>
<script src="{% static '/js/reportmanage/cbd_pest_library.js' %}?versions=0.5.4" type="text/javascript"></script>
<script>
    var parentUserName = $('#parentUserName', parent.document).html();
    // if(!(parentUserName == '云飞展示账号')){
    // 	$('#takephotoShowBtn').remove();
    // }
    if (!(parentUserName == 'admin' || parentUserName == 'user')) {
        $('.simulation').remove();
    } else {
        $('.simulation').show();
    }
    var topicid = [];        //imei数组
    // 单个复选框
    function checkAllSelect() {
        $('.check').each(function () {
            if ($(this).prop("checked") == true) {
                if (!contains(topicid, $(this).parents('.imgParent').find('img').attr('src'))) {
                    topicid.push($(this).parents('.imgParent').find('img').attr('src'));
                }
            } else {
                removeByValue(topicid, $(this).parents('.imgParent').find('img').attr('src'));
            }
        });
        console.log(topicid)
    }
    //移除数组元素
    function removeByValue(arr, val) {
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] == val) {
                arr.splice(i, 1);
                break;
            }
        }
    }
    //判断数组中是否包含元素
    function contains(arr, obj) {
        var i = arr.length;
        while (i--) {
            if (arr[i] === obj) {
                return true;
            }
        }
        return false;
    }
    // 刷新页面
    function reload() {
        var page = $('.layui-laypage-curr em').eq(1).html() || 1;
        $.ajax({
            url: 'cbd_img_list?imei=' + $('#imei').val() + '&page=' + page,
            type: 'get',
            success: function (data) {
                $('#imgList').html('');
                $('#imgList').html(data);
                viewer.destroy();
                viewer = new Viewer(document.getElementById('imgList'))
                if ($('.content').height() > 750) {
                    $('#iframe-main', parent.document).css('height', $('.content').height() + 20)
                } else {
                    $('#iframe-main', parent.document).css('height', '750px')
                }
                canceldelimg(document.getElementById('canceldel'))
            }
        })
    }
    // console.log($('#selectListPage').val())

    // 时间段查询
    function img_filter() {
        var discern = $('#discern').val();
        var selectListPage = $('#selectListPage').val();
        // console.log($('#selectListPage').val())
        var begin = $('#begin').val();
        var end = $('#end').val();
        if(!begin || !end){
            layui.use('laypage', function () {
                var layer = layui.layer;
                layer.msg('请输入时间段！')
            })
            return false;
        }
        $.ajax({
            url: 'cbd_img_list',
            type: 'get',
            limit:8,
            data: {
                imei: $('#imei').val(),
                page: 1,
                disc: discern,
                begin: begin,
                end: end
            },
            success: function (data) {
                $('#imgList').html('');
                $('#imgList').html(data);
                viewer.destroy();
                viewer = new Viewer(document.getElementById('imgList'))
                if ($('#selectListPage').val() > 0) {
                    $('#page').parent().show();
                } else {
                    $('#page').parent().hide();
                }
                var datas = {
                    imei: $('#imei').val(),
                    page: 1,
                    limit:8,
                    disc: discern,
                    begin: begin,
                    end: end
                }
                initSearchPage($('#selectListPage').val(), 'cbd_img_list', datas);
                if ($('.content').height() > 750) {
                    $('#iframe-main', parent.document).css('height', $('.content').height() + 20)
                } else {
                    $('#iframe-main', parent.document).css('height', '750px')
                }
            }
        })
    }
    //用户搜索分页
    function initSearchPage(page, url, datas) {
        layui.use('laypage', function () {
            var laypage = layui.laypage;
            laypage.render({
                elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
                // , count: 30
                , count: page
                , theme: '#428BCA'
                , layout: ['prev', 'page', 'next', 'skip']
                , jump: function (obj, first) {
                    datas.page = obj.curr;
                    if (!first) {
                        $.ajax({
                            url: url,
                            type: 'get',
                            data: datas,
                            success: function (data) {
                                $('#imgList').html('');
                                $('#imgList').html(data);
                                viewer.destroy();
                                viewer = new Viewer(document.getElementById('imgList'))
                                if ($('#selectListPage').val() > 0) {
                                    $('#page').parent().show();
                                } else {
                                    $('#page').parent().hide();
                                }
                                if ($('.content').height() > 750) {
                                    $('#iframe-main', parent.document).css('height', $('.content').height() + 20)
                                } else {
                                    $('#iframe-main', parent.document).css('height', '750px')
                                }
                            }
                        })
                    }
                }
            });
        });
    }

    //雨控提示
    function rainControl() {
        layer.closeAll();
        $('#hide').html(000)
    }
</script>