<extend name="Public/promote_base"/>
<block name="css">
    <link href="__CSS__/20180207/platform.css" rel="stylesheet">
    <link href="__CSS__/20180207/data.css" rel="stylesheet">
    <link href="__CSS__/detailed.css" rel="stylesheet">
    <style>
        .trunk-list .table3 {
            width: 100%;
        }

        .table3 tr td {
            border: 1px solid #E0E7EF;
        }

        .pagenation {
            line-height: 6.5vh;
        }

        .pagenation > div {
            text-align: right;
        }

        .trunk-list .table3 tr {
            height: 4.2vh;
        }
        .trunk-content{
            margin-top: 20px;
        }
        .detailed-label{text-align: right!important;width: 100px}
        .detailed-box {margin-bottom: 25px}
        .detailed-box div.tr{display: inline-block;width: 400px;}
        .detailed-box div.tr label,.detailed-box div.tr div{
            float: left;
        }
    </style>
</block>

<block name="body">
    <div class="page-search normal_list charge-agentPay-search">
        <div class="trunk-title">
            <div class="location">
                <div class="location-container">当前位置:<span>平台币管理></span><span>充值管理></span><span>交易明细</span></div>
            </div>
            <span class="title_main">平台币充值信息</span>
        </div>
        <div class="trunk-content article">
            <div class="trunk-search clearfix" style="display: grid;">
                <div class="tab detailed-box">
                    <div class="tr">
                        <label class="detailed-title detailed-label">充值订单号:</label>
                        <div class="detailed-content-box">
                            <span>{$order_info.order_number}</span>
                        </div>
                    </div>
                    <div class="tr">
                        <label class="detailed-title detailed-label mr-300">充值类型:</label>
                        <div class="detailed-content-box">
                            <span>
                                <if condition="$order_info.pay_type eq 1">线上充值<else/>线下充值</if>
                            </span>
                        </div>
                    </div>
                </div>

                <div class="tab detailed-box">
                    <div class="tr">
                        <label class="detailed-title detailed-label">订单状态:</label>
                        <div class="detailed-content-box">
                            <span>{$order_status_desc[$order_info['order_status']]}</span>
                        </div>
                    </div>
                </div>
                <div class="tab detailed-box">
                    <div class="tr">
                        <label class="detailed-title detailed-label">支付方式:</label>
                        <div class="detailed-content-box">
                            <span>
                                <if condition="$order_info.pay_way eq 1">支付宝支付
                                <elseif condition="$order_info.pay_way eq 2"/>微信支付
                                <elseif condition="$order_info.pay_way eq 3"/>银联支付
                                <elseif condition="$order_info.pay_way eq 4"/>双乾支付宝扫码支付
                                <else /> 未知</if>
                            </span>
                        </div>
                    </div>
                    <div class="tr">
                        <label class="detailed-title detailed-label mr-300">支付订单号:</label>
                        <div class="detailed-content-box">
                            <span>{$order_info.pay_order_number}</span>
                        </div>
                    </div>
                </div>
                <if condition="$order_info.pay_type eq 1">
                    <div class="tab detailed-box">
                        <div class="tr">
                            <label class="detailed-title detailed-label">付款时间:</label>
                            <div class="detailed-content-box">
                                <span>
                                     <if condition="$order_info.pay_callback_time gt 0">
                                        {$order_info.pay_callback_time|date="Y-m-d H:i:s",###}
                                     </if>
                                </span>
                            </div>
                        </div>
                    </div>
                </if>

                <div class="tab detailed-box">
                    <div class="tr">
                        <label class="detailed-title detailed-label mr-300">订单名称:</label>
                        <div class="detailed-content-box">
                            <span>
                                平台币<if condition="$order_info.pay_type eq 1">线上充值<else/>线下充值</if>
                            </span>
                        </div>
                    </div>
                </div>

                <div class="tab detailed-box">
                    <div class="tr">
                        <label class="detailed-title detailed-label">订单描述:</label>
                        <div class="detailed-content-box">
                            <span>{$order_info.remark}</span>
                        </div>
                    </div>
                </div>

                <div class="tab detailed-box">
                    <div class="tr">
                        <label class="detailed-title detailed-label mr-300">订单金额:</label>
                        <div class="detailed-content-box">
                            <span>{$order_info.real_amount}</span>
                        </div>
                    </div>
                </div>

                <div class="tab detailed-box">
                    <div class="tr">
                        <label class="detailed-title detailed-label mr-300">实付金额:</label>
                        <div class="detailed-content-box">
                            <span>{$order_info.pay_amount}</span>
                        </div>
                    </div>
                </div>

                <div class="tab detailed-box">
                    <div class="tr">
                        <label class="detailed-title detailed-label">折扣值:</label>
                        <div class="detailed-content-box">
                            <span>{$order_info.discount}%</span>
                        </div>
                    </div>
                </div>
                <div class="tab detailed-box">
                    <div class="tr">
                        <label class="detailed-title detailed-label">平台币值:</label>
                        <div class="detailed-content-box">
                            <span>{$order_info.coin_num}</span>
                        </div>
                    </div>
                </div>
                <if condition="$order_info.pay_type eq 2">
                    <div class="tab detailed-box">
                        <div class="tr">
                            <label class="detailed-title detailed-label">支付截图:</label>
                            <div class="detailed-content-box">
                                <span><img src="{$order_info.voucher_img|get_cover='path'}" height="auto" width="250px" style="cursor: pointer" onclick="javascript:window.open('{$order_info.voucher_img|get_cover=\'path\'}','_blank')"></span>
                            </div>
                        </div>
                    </div>
                </if>
                <if condition="$order_info.pay_type eq 2">
                    <div class="tab detailed-box">
                        <div class="tr">
                            <label class="detailed-title detailed-label">审核时间:</label>
                            <div class="detailed-content-box">
                                <if condition="$order_info.auditor_time gt 0">
                                    {$order_info.auditor_time|date="Y-m-d H:i:s",###}
                                </if>
                            </div>
                        </div>
                    </div>
                </if>
            </div>
        </div>
    </div>
</block>
<block name="script">
    <link rel="stylesheet" type="text/css" href="__CSS__/p_jquery.datetimepicker.css">
    <script type="text/javascript" src="__JS__/jquery.datetimepicker.js"></script>
    <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".select_gallery").select2();

            $('#sdate').datetimepicker({
                lang:'ch',
                format:'Y-m-d',
                formatDate:'Y-m-d',
                scrollMonth:false,
                scrollTime:false,
                scrollInput:false,
                timepicker:false
            });

            $('#edate').datetimepicker({
                lang:'ch',
                format:'Y-m-d',
                formatDate:'Y-m-d',
                scrollMonth:false,
                scrollTime:false,
                scrollInput:false,
                timepicker:false
            });

            $('.submit').click(function(){
                var edate = $('#edate').val();
                var sdate = $('#sdate').val();
                if(Date.parse(sdate) > Date.parse(edate)){
                    layer.msg('开始时间必须小于等于结束时间');
                    return false;
                }
            });
        })
    </script>
</block>