<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>pc订单提交成功</title>
    <link href="__TMPL__Public/assets/css/reset.css" rel="stylesheet" type="text/css" />
    <link href="__TMPL__Public/assets/css/common.css" rel="stylesheet" type="text/css" />
    <link href="__TMPL__Public/assets/css/shop.css" rel="stylesheet" type="text/css" />
</head>
<body>
<tc_include file="Public:header"/>
<tc_include file="Public:nav"/>
<!---container-->
<div class="s-container">
    <div class="pay-out-wrap">
        <div class="main">
            <div class="step-wrap">
                <ul class="step-box">
                    <li class="step-1 active">
                        <div class="num">1</div>
                        <div class="text">购物车</div>
                    </li>
                    <li class="step-2 active">
                        <div class="num">2</div>
                        <div class="text">确认订单信息</div>
                    </li>
                    <li class="step-3 active">
                        <div class="num">3</div>
                        <div class="text">成功提交订单</div>
                    </li>
                </ul>
            </div>
            <div class="pay-section" style="margin-bottom: 20px;">
                <div class="pay-in-header">
                    <span class="pay-ico">订单提交成功!</span>
                </div>
                <div class="pay-in-body">
                    <div class="pay-infos">
                        订单号:{$orderInfo.order_sn}<br>
                        收货信息:{$orderInfo.realname}  {$orderInfo.mobile}    {$orderInfo.address}<br>
                        商品名称:
                        <volist name="orderInfo.goods_list" id="vo">
                            {$vo.goods_name}   ×{$vo.num}<br>
                        </volist>
                        下单时间:{:date('Y-m-d',$orderInfo['ctime'])}  {:date('H:i',$orderInfo['ctime'])}
                    </div>
                </div>
            </div>
            <div class="pay-section">
                <div class="pay-in-header">
                    <span class="text">选择支付方式</span>
                </div>
                <div class="pay-in-body">
                    <div class="pay-style" data-id="{$orderInfo.id}">
                        <label class="pay-box active" data-id="2"><img src="__TMPL__Public/assets/images/shop_zfb_normal.png"/><input type="radio" checked="" class="payradio alipay-radio" name="pay" /></label>
                        <label class="pay-box" data-id="1"><img src="__TMPL__Public/assets/images/shop_wechat_normal.png"/><input type="radio" class="payradio wechat-radio" name="pay" /></label>
                    </div>
                    <div class="pay-in-weixin" style="display: none;">
                        <img src="http://ccimc.com/simplewind/Core/Library/Vendor/WxpayAPI/example/qrcode.php?data={$qrcode}" alt=""/>
                    </div>
                </div>
            </div>
            <div class="pay-footer">
                <a href="javascript:;" class="pay-button">去付款</a>
                <div class="pay-price">应付总额:<span>¥<i>{$orderInfo.price_count}</i></span></div>
            </div>
        </div>
    </div>
</div>
<tc_include file="Public:footer"/>
<!-- js -->
<script>
    var param = {
        changePay:"{:U('User/Cart/changePay')}"
    }
</script>
<script src="__TMPL__Public/assets/js/jquery.min.js"></script>
<script src="__TMPL__Public/assets/js/shop.js"></script>
<script>
    $(function(){
        checkStatus();
        setInterval(function() {
            checkStatus();
        },1000);
        function checkStatus() {
            $.ajax({
                url:"{:U('Portal/Notify/searchStatus')}",
                type:"POST",
                data:{
                    order_sn:"{$orderInfo.order_sn}"
                },
                dateType:"json",
                success:function (data) {
                    if(data.status) {
                        location.href = "{:U('User/Center/index')}";
                    }
                }
            });
        }
    });
</script>
<tc_include file="Public:script"/>
</body>
</html>