yf_zd
/
qxzSy


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
							{% 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/css/ace-skins.min.css' %}">
    <link rel="stylesheet" href="{% static '/lib/css/ace-rtl.min.css' %}">
    <link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
    <link rel="stylesheet" href="{% static '/lib/css/jquery-ui.css' %}" />
     <script src="{% static '/lib/js/ezuikit.js' %}"></script>
        <script src="https://open.ys7.com/assets/ezuikit_v2.6.4/js/jquery.min.js"></script>
    <style>
        body{
            background: #fff;
        }
        .content .innerBox{
            padding: 20px;
        }
        .timeDiv{
            width: 375px;
        }
        #playWind{
            /* background: #000; */
            margin: 50px auto 0;
        }

        .hint {
        font-size: 14px;
        line-height: 3em;
        color: gray;
        }
    </style>

    <body>
        <div class="content">
            <div class="innerBox">
                <div class="searchCover">
                    <form class="layui-form" action="">
                        <input type="hidden" name="id" id="id">
                        时间范围：
                        <div class="layui-input-inline timeDiv">
                            <input type="text" class="layui-input" id="test16" autocomplete="off" placeholder="开始 到 结束">
                            <input type="hidden" id="begin" name="begin">
			                <input type="hidden" id="end" name="end">
                        </div>
                        通道：
                        <div class="layui-input-inline">
                            <select name="aisle">
                                <option value="1" selected="">通道一</option>
                                <option value="2">通道二</option>
                                <option value="3">通道三</option>
                                <option value="4">通道四</option>
                            </select>
                        </div>
                        <button class="layui-btn layui-btn-normal" lay-submit lay-filter="*">查看</button>
                    </form>
                </div>
                <div class="videoDiv">
                    <div id="playWind" style="width: 750px; height: 500px;"></div>           
                </div>
            </div>


        </div>


        <script src="{% static '/lib/layui/layui.all.js' %}"></script>
        <script src="{% static '/js/common.js' %}?versions=0.5.4"></script>
        <script>
            $.ajaxSetup({
                data: {
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                },
            });

            
            function child(obj){
                console.log(obj);//获取父界面的传值
                $('#id').val(obj)
            }

            function checked(num){
                if(num<10){
                    num = '0'+num;
                }
                return num;
            }
            layui.use(['laydate','form'], function(){
                var laydate = layui.laydate;
                laydate.render({
                    elem: '#test16'
                    ,type: 'datetime'
                    ,range: '--'
                    ,format: 'yyyy年M月d日H时m分s秒'
                    , done: function (value, date, endDate) {
                        console.log(value)
                        console.log(date)
                        var beginVal = '';
                        var endVal = '';
                        if(value){
                            beginVal = beginVal+date.year+checked(date.month)+checked(date.date)+checked(date.hours)+checked(date.minutes)+checked(date.seconds);
                            endVal = endVal+endDate.year+checked(endDate.month)+checked(endDate.date)+checked(endDate.hours)+checked(endDate.minutes)+checked(endDate.seconds); 
                        }
                        
                        $('#begin').val(beginVal)
                        $('#end').val(endVal)
                    }
                });

                var form = layui.form;
                form.on('submit(*)', function(data){
                    console.log(data.elem) //被执行事件的元素DOM对象，一般为button对象
                    console.log(data.form) //被执行提交的form对象，一般在存在form标签时才会返回
                    console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
                    var field = data.field;
                    if(!data.field.begin || !data.field.end){
                        layer.tips('请选择时间段', '#test16');
                    }else{
                        $.ajax({
                            url:'nvr_view',
                            type:'post',
                            data:{
                                'e_id':field.id
                            },
                            dataType:'json',
                            success:function(data){
                                if(!$('#playWind').length){
                                    $('.videoDiv').html('<video id="playWind" style="width: 600px; height: 400px;" src=""></video>')
                                }
                                var url = "ezopen://open.ys7.com/"+field.id+"/"+field.aisle+".local.rec?begin="+field.begin+"&end="+field.end;
                                var accessToken = data.jk_token;
                                console.log(data)
                                console.log(url)
                                console.log(accessToken)
                                var decoder = new EZUIKit.EZUIPlayer({
                                    id: 'playWind',
                                    autoplay: true,
                                    url: url,
                                    accessToken: accessToken,
                                    decoderPath: 'static/lib/js/',
                                    width: 750,
                                    height: 500,
                                    // handleError: handleError,
                                    // handleSuccess: handleSuccess,
                                });
                            },
                            error:function(type){
                                layer.msg('获取失败');
                            }
                        })
                        
                    }
                    return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
                });
            })
        </script>
    </body>

</html>