yf_zd
/
yfwlwCut


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375
							{% 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;
        }

        /* 时间 */
        .imgBorderTime {
            color: #08c;
            padding: 0 0 15px 85px;
            display: inline-block;
        }

        .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.0"></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') || '';

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

                getData(1)
                scrollBar()
            })
            var viewer;
            // 获取数据
            function getData(page) {
                $.ajax({
                    url: 'tccb_photo_list',
                    type: 'get',
                    data: {
                        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 = {
                            id: id,
                            page: 1,
                            begin: '',
                            end: ''
                        }
                        if ($('#totalPage').val() > 0) {
                            initSearchPage($('#totalPage').val(), 'tccb_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 = 'tccb_detail?equipId=' + equipId + '&equipName=' + equipName + '&currpage=' + currpage + '&id=' + id;
                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');
                    var id = getQueryString('id') || '';
                    layer.close(index)
                    console.log(addr)
                    $.ajax({
                        url: 'tccbimg_del',
                        type: 'post',
                        data: {
                            addr: addr,
                            imei: id,
                        },
                        success: function (data) {
                            if (data == 0) {
                                var begin = $('#begin').val();
                                var end = $('#end').val();
                                $.ajax({
                                    url: 'tccb_photo_list',
                                    type: 'get',
                                    data: {
                                        id: id,
                                        page: 1,
                                        begin: '',
                                        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: 'tccb_photo_list',
                    type: 'get',
                    data: {
                        id: id,
                        page: 1,
                        begin: begin,
                        end: end
                    },
                    success: function (data) {
                        $('#picturesGather').html('');
                        $('#picturesGather').html(data);
                        // if($('#totalPage').val() > 0){
                        viewer.destroy();
                        viewer = new Viewer(document.getElementById('picturesGather'))
                        // }
                        var datas = {
                            id: id,
                            page: 1,
                            begin: begin,
                            end: end
                        }
                        if ($('#totalPage').val() > 0) {
                            initSearchPage($('#totalPage').val(), 'tccb_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>