{template 'common/header'}

<div class="main">

    <style>
     .checkbox_title{
            margin-bottom: 15px;
            font-weight: 800;
     }
    .checkbox_list{
        padding:20px;
        border :1px solid #eee;
    }
    .checkbox_item{
        margin-bottom:10px;
    }
    .checkbox_btn{
        margin-right:7px!important;
    }
        .order_list{
            margin-top:20px;
            border:1px solid #eee;
            padding:20px;
        }
        .order_item{
            margin-bottom: 7px;
        }
        .order_time{
            padding: 10px 0;
            border-bottom: 1px dashed #eee;
            margin-bottom: 10px;
            color: #787878;
        }
        .tipstext{
            margin-top: 20px;
            font-size: 13px;
            line-height: 22px;
            color: #fff;
            background: #ff7878;
            padding: 10px;
            border-radius: 7px;
        }
    </style>

    <div class="set_status">
        <form action="" method="post" class="form-horizontal">
        <div class="checkbox_list">
            <div class="checkbox_title">状态筛选</div>
            <div class="checkbox_item">
                <input type="checkbox" class="checkbox_btn" name="order_tips_status[]" value="3" {if in_array('3',$order_tips_status)} checked="checked"{/if}/>等待在线支付（需在线支付的未支付）
            </div>
            <div class="checkbox_item">
                <input type="checkbox" class="checkbox_btn" name="order_tips_status[]" value="4" {if in_array('4',$order_tips_status)} checked="checked"{/if}/>等待发货（商品类活动）
            </div>
            <div class="checkbox_item">
                <input type="checkbox" class="checkbox_btn" name="order_tips_status[]" value="5" {if in_array('5',$order_tips_status)} checked="checked"{/if}/>已发货等待确认（商品类活动）/等待到店核销（服务类活动）
            </div>
            <div class="checkbox_item">
                <input type="checkbox" class="checkbox_btn" name="order_tips_status[]" value="6" {if in_array('6',$order_tips_status)} checked="checked"{/if}/>已完成
            </div>
            <div class=" col-xs-12 col-sm-2 col-lg-2"  style="float:none;padding-left: 0;">
                <button class="btn btn-primary span2">保存
                </button>
            </div>
            <div class="tipstext">订单提醒功能使用时请勿离开此页面，有新订单出现后会有提示音，且下方订单日志栏会显示。此处上方为筛选提示的订单状态，默认为全部提醒。我们也建议设置为全部提醒，因为活动类型的不同，在线支付类的订单下单后会进入等待在线支付状态。线下支付的订单在下单后会根据活动类型进入等待发货或等待核销状态，所以如果想要获取最新订单，建议前三项都选择。</div>
        </div>


        </form>
    </div>

    <div class="order_list" id="order_list">
            <div class="order_item">开始抓取订单...</div>
    </div>
</div>

<script>
    function showNewOrders()
    {
        var url = "{php echo $_W['siteroot'].'web/'.substr($this->createWebUrl('GetNewOrder'),2)}"+"&rad="+Math.random();
        $(document).ready(function() {
            $.ajax({
                type: "POST",
                url: url,
                dataType: "json",
                success: function(data) {
                    //alert(msg);
                    if(data != 'null'){
                        playSound();
                        $("#order_list").append(data.time);
                        for(var i=0;i<data.list.length;i++){
                            $("#order_list").append(data.list[i]);
                        }
                    }

                }
            });
        });
    }
    setInterval('showNewOrders()',20000);//轮询执行，10000ms/10秒一次

    function playSound()
    {
        var borswer = window.navigator.userAgent.toLowerCase();
        if ( borswer.indexOf( "ie" ) >= 0 )
        {
            //IE内核浏览器
            var strEmbed = '<embed name="embedPlay" src="{$audio_src}" autostart="true" hidden="true" loop="false"></embed>';
            if ( $( "body" ).find( "embed" ).length <= 0 )
                $( "body" ).append( strEmbed );
            var embed = document.embedPlay;

            //浏览器不支持 audion，则使用 embed 播放
            embed.volume = 100;
            //embed.play();这个不需要
        } else
        {
            //非IE内核浏览器
            var strAudio = "<audio id='audioPlay' src='{$audio_src}' hidden='true'>";
            if ( $( "body" ).find( "audio" ).length <= 0 )
                $( "body" ).append( strAudio );
            var audio = document.getElementById( "audioPlay" );

            //浏览器支持 audion
            audio.play();
        }
    }
</script>

{template 'common/footer'}