{extend name="layout:home" /}
{block name="container"}
<div class="layui-tab layui-tab-card">
    <div class="layui-layer-shade recharge-layui-layer-shade4" id="layui-layer-shade4" times="4"
         style="display: none;"></div>
    <div style="display: none;" class="layui-layer layui-layer-dialog recharge-layui-layer2" id="layui-layer3"
         type="dialog" times="2" showtime="0" contype="string">
        <div id="layui-layer-content2" class="layui-layer-content"></div>
        <span class="layui-layer-setwin" onclick="hiddenTips2()"><a
                class="layui-layer-ico layui-layer-close layui-layer-close2"
                href="javascript:;"></a></span>
        <div class="layui-layer-btn layui-layer-btn-" onclick="hiddenTips2()"><a class="layui-layer-btn0">确定</a></div>
        <span class="layui-layer-resize"></span>
    </div>
    <div style="display: none;" class="layui-layer layui-layer-dialog recharge-layui-layer2" id="layui-layer2"
         type="dialog" times="2" showtime="0" contype="string">
        <div class="layui-tab">
            <div class="layui-tab-content page-tab-content">
                <div class="layui-tab-item layui-show" style="width: 300px; height: 150px">
                    <input name="user_id" id="user_id" style="display: none">
                    <input name="type" id="type" style="display: none">
                    <div class="layui-form-item" id="oajax">
                        <label class="layui-form-label" style="width: 100px" id="moneyLabel"></label>
                        <div class="layui-input-block">
                            <input id="money" class="layui-input field-name" name="money" style="width: 120px"/>
                        </div>
                    </div>
                    <div class="layui-form-item" style="margin-top: 60px">
                        <div class="layui-input-block">
                            <input type="submit" class="layui-btn layui-btn-normal" lay-submit onclick="submit()"
                                   value="确认"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <span class="layui-layer-setwin" onclick="hiddenTips()">
            <a class="layui-layer-ico layui-layer-close layui-layer-close2" href="javascript:;"></a>
        </span>
        <span class="layui-layer-resize"></span>
    </div>
    {include file="layout/admin_items" /}
    <div class="layui-tab-content page-tab-content">
        <!-- 搜索框开始 -->
        <div class="search-form">
            <form class="" method="get">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <input type="text" name="order_identity" placeholder="订单号" autocomplete="off"
                               value="{$oinput.order_identity}" class="layui-input">
                    </div>
                    <div class="layui-inline">
                        <input type="text" name="user_id" placeholder="用户邮箱" autocomplete="off"
                               value="{$oinput.user_id}" class="layui-input">
                    </div>
                    <div class="layui-inline">
                        <input type="text" name="product_id" placeholder="产品名称" autocomplete="off"
                               value="{$oinput.product_id}" class="layui-input">
                    </div>

                    <div class="layui-inline">
                        <input type="text" class="layui-input" name="timeRang" id="timeRang" value="{$oinput.timeRang}" placeholder="选择下单时间段" style="width: 170px;">
                    </div>

                    <div class="layui-inline">
                        <button type="submit" class="layui-btn search-subBtn">搜索</button>
                    </div>

                    <div class="layui-inline">
                        <button type="button" class="layui-btn layui-btn-normal" id="myreset">重置</button>
                    </div>

                </div>
            </form>
        </div>
        <!-- 搜索框结束 -->
        <table class="layui-table lay-even">
            <colgroup>
                <col width="150">
                <col width="200">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>{$Think.lang.order_id}</th>
                <th>{$Think.lang.order_identity}</th>
                <th>用户邮箱</th>
                <th>产品名称</th>
                <th>{$Think.lang.order_daynumber}</th>
                <th>{$Think.lang.order_buytime}</th>
                <th>{$Think.lang.order_money}</th>
                <th>{$Think.lang.order_status}</th>
            </tr>
            </thead>
            <tbody>
            {if $order_list}
            {volist name="$order_list" id="order"}
            <tr>
                <th>{$order.order_id}</th>
                <th>{$order.order_identity}</th>
                <th>{$order.user.user_email}</th>
                <th>{$order.product.product_name}</th>
                <th>{$order.order_dayNumber}</th>
                <th>{$order.order_buyTime}</th>
                <th>{$order.order_money}</th>
                <th>{$order.order_status ? '成功':'失败'}</th>
            </tr>
            {/volist}
            {else}
            <td>无数据</td>
            {/if}
            </tbody>
        </table>
        {$show_page}
    </div>
</div>
<script type="text/javascript">
    const myHost = "http://" + window.location.host;

    $(document).ready(function(){
        $("#myreset").on('click',function(){
          $(":input",$(".search-form")).each(function(){$(this).val('')});
        })
    });

    layui.use('laydate', function(){
        var laydate = layui.laydate;

        laydate.render({
            elem:'#timeRang',
            range:true,
            format: 'yyyy-MM-dd',
            done: function(value, date){
                /* 时间选择完成后的回调 */
            }
        })
    });


</script>
{/block}