{extend name="public/baseNew" /}
{block name="body"}
    <style>
    .list_bd{
        width: 100%;
        height: auto;
        padding: 10px;
    }
    .list_title{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        margin-bottom: 40px;
        margin-top: 35px;
        }
    .list_title small{
        width: 4px;
        height: 25px;
        background-color: #337ab7;
        border-radius: 4px;
    }
    .list_title span{
        width: auto;
        color: #337ab7;
        font-size: 17px;
        line-height: 25px;
        padding-left: 10px;
        box-sizing: border-box;
        font-weight: bold;
    }
    .list-group-item {
        position: relative;
        display: block;
        padding: 15px 15px;
        margin-bottom: 15px;
        background-color: #337ab7;
        border: 1px solid #ddd;
        color: #fff;

    }
    .list-group-item small{
        font-size: 16px;
        padding-left: 15px;
        box-sizing: border-box;
    }
    .ts_bg{
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.6);
        position: fixed;
        left: 0;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 99;
        display: none;
    }
    .ts_bg_2{
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.6);
        position: fixed;
        left: 0;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 99;
    }
    .ts_box{
        width: 80%;
        height: auto;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
    }
    .ts_con{
        width: 100%;
        height: 140px;
        overflow: hidden;
        text-align: center;
        background-color: white;
        font-size: 16px;
        color: #333;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ts_btn{
        width: 100%;
        height: 40px;
        overflow: hidden;
        display: flex;
        justify-content: space-around;
        align-items: center;
        box-sizing: border-box;
        border-top: 1px solid #e7e7e7;
        border-radius: 0 0 10px 10px;
    }
    .ts_btn span{
        width:100%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #337ab7;
        color: #fff;
        font-size: 14px;
    }
    .ts_close{
        position: absolute;
        right: 10px;
        top: 10px;
        background-color: #e7e7e7;
        font-size: 14px;
        color: #999;
        border-radius: 15em;
        width: 25px;
        height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    </style>
    <div class="list_bd" id="main">
        {if condition="$error eq 1"}
            <div class="ts_bg">
                <div class="ts_box">
                    <div class="ts_con">未获取到相关信息，请刷新页面重试</div>
                </div>
            </div>
        {/if}
        {if condition="$error eq 2"}
            <div class="ts_bg">
                <div class="ts_box">
                    <div class="ts_con">未获取到当前用户份，请重新扫码或刷新页面重试</div>
                </div>
            </div>
        {/if}
        {if condition="empty($error)"}
        <div class="list_title"><small></small><span>点击以下订单，登录选片系统：</span></div>
        {volist name="orders" id="order" empty="<li class='list-group-item'>当前微信未绑定任何订单，无法登录</li>"}
            <li class="list-group-item orderinfo" id="order" ordersn="{$order.order_sn}">
                <span class="glyphicon glyphicon-list-alt "></span><small>确定登入订单：{$order.order_sn}</small><strong> </strong>
            </li>
        {/volist}   
        {/if}
    </div>
        
<script type="text/javascript">
var session_id = '{$session_id}';
$(function(){
    $(".orderinfo").click(function(){
        var ordersn = $(this).attr('ordersn');
        if(!ordersn || ordersn == '' || ordersn == 'undefined'){
            alert('订单信息获取失败，请重新扫码。'+ordersn);
            return false;
        }
        if(!session_id || session_id == ''){
            alert('会话信息获取失败，请重新扫码。');
            return false;
        }
        $.ajax({
            type: "POST",
            url: '{:url("index/weixinLogin")}',
            data: {ordersn:ordersn,session_id:session_id},
            dataType:'json',
            success: function(ret){
                if(ret.code == 200){
                    var msg = '<div class="ts_bg_2"><div class="ts_box"><div class="ts_con">登录成功，请关闭当前页面</div></div></div>';
                    //$("#main").html(msg);
                    $("#main").html(msg);
                    //window.close();
                    //location.href="/";
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){
                var ret = XMLHttpRequest.responseJSON
                alert(ret.msg);
            }
        })
    });
    //关闭窗口
    $(".ts_close,.ts_btn").click(function(){
        $(".ts_bg").hide();
    })
})
</script>
{/block}