{extend name="layout:home" /}
{block name="container"}
<div class="layui-tab layui-tab-card">
    <div class="explanation" id="explanation" style="margin: 20px 0 20px 0">
        <div style="font-size: 18px">
            <span style="margin-left: 20px;">余额：</span>
            <span style="margin-left: 40px; color: black;">{$userInfo->userInfo_money}</span>
            <span style="margin-left: 3px;">元</span>
        </div>
    </div>
    <input type="text" style="display: none" name="status" id="status" value="{$status}">
    <ul class="layui-tab-title" style="border-top: 1px solid #ececec;">
        <li id="li-1" onclick="showCurrent('1', '2', '3')">
            <a>支付宝</a>
        </li>
        <li id="li-2" onclick="showCurrent('2', '1', '3')">
            <a>微信</a>
        </li>
        <li id="li-3" onclick="showCurrent('3', '1', '2')">
            <a>银行转账</a>
        </li>
    </ul>
    <div class="layui-tab-content page-tab-content">
        <div>
            <img src="">
            <span>请用支付宝扫描下面二维码进行充值</span>
        </div>
        <div>
            <img src="{$Think.UPLOADS_ROOT}/jquery-2.1.4.min.js">
        </div>
        <div>
            <span>充值成功？请输入订单号</span>
            <input type="text" class="layui-input" name="timeRang" placeholder="选择时间段"
                   style="width: 170px;">
        </div>
    </div>
</div>
<script>
    const myHost = "http://" + window.location.host;
    let current = $("#status").val();
    if (current == 2) {
        $("#li-2").attr("class","layui-this")
    } else if (current == 3) {
        $("#li-3").attr("class","layui-this")
    } else {
        $("#li-1").attr("class","layui-this")
    }
    function showCurrent(id1) {
        window.location.href = myHost + "/User/cost/recharge.html?&status=" + id1;
    }
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#creatTime' //指定元素
        });
        laydate.render({
            elem:'#timeRang',
            range:true,
            format: 'yyyy/MM/dd',
            done: function(value, date){
                /* 时间选择完成后的回调 */
            }
        })
    });
</script>
{/block}