{extend name="public/base" /}
{block name='content'}
{include file='public/content_header' /}
<style type="text/css">
.layui-table-cell {
    height: auto;
    white-space: normal;
}
.layui-card-header.layuiadmin-card-header-auto {
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;
}
.layui-form-label{ width:100px; }
</style>
<!--数据列表页面-->
<section class="content">

    <!--顶部搜索筛选-->
<div class="row">
    <div class="col-md-12">
        <div class="box">
            <div class="box-body">
                <form class="form-inline searchForm" id="searchForm" action="{:url('integrallist')}" method="GET">
                    <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">订单搜索:</label>
                                <div class="layui-input-inline" style="width: 200px;">
                                    <select name="keyword_type" id="keyword_type">
                                        <option value="sn" {if isset($keyword_type) && $keyword_type=='sn'}selected{/if}>会员编号</option>
                                        <option value="nickname" {if isset($keyword_type) && $keyword_type=='nickname'}selected{/if}>会员昵称</option>
                                        <option value="mobile" {if isset($keyword_type) && $keyword_type=='mobile'}selected{/if}>会员手机号码</option>
                                    </select>
                                </div>
                                <div class="layui-input-inline" style="width: 200px;">
                                    <input type="text" id="keyword" name="keyword" value="{$keyword?$keyword:'';}" placeholder="请输入关键词" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">变动类型：</label>
                                <div class="layui-input-inline">
                                    <select name="source_type" id="source_type">
                                        <option value="0">全部</option>
                                        {foreach $source_type_list as $key => $value}
                                        <option value="{$key}" {if isset($source_type) && $source_type==$key}selected{/if}>{$value}</option>
                                        {/foreach}
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">下单时间:</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" id="start_time" name="start_time" value="{$start_time?$start_time:'';}" autocomplete="off">
                                </div>
                                <div class="layui-input-inline" style="margin-right: 5px;width: 10px;">
                                    <label class="layui-form-mid">-</label>
                                </div>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" id="end_time" name="end_time" value="{$end_time?$end_time:'';}"  autocomplete="off">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <div class="layui-inline">
                                    <button class="btn btn-success btn-sm" type="submit" >查询</button>
                                </div>
                                <div class="layui-inline">
                                    <button onclick="clearSearchForm()" class="btn btn-sm btn-default" type="button"><i
                                            class="fa  fa-eraser"></i> 清空查询
                                    </button>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

    <div class="row">
        <div class="col-md-12">
            <div class="box">

                <!--数据列表顶部-->
                <div class="box-header">
                    <div>
                        
                        
                        
                        
                    </div>
                </div>

                <div class="box-body table-responsive">
                    <table class="table table-hover table-bordered datatable" width="100%">
                        <thead>
                        <tr>
                            <th>流水单号（20位）</th>
                            <th>会员昵称</th>
                            <th>会员编号</th>
                            <th>手机号码</th>
                            <th>来源类型</th>
                            <th>来源单号</th>
                            <th>变动总数</th>
                            <th>剩余总数</th>
                            <th>变动时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        {foreach name="data" item="item"}
                        <tr>
                        <td>{$item.log_sn}</td>
                        <td>{$item.nickname}</td>
                        <td>{$item.user_sn}</td>
                        <td>{$item.mobile}</td>
                        <td>{$item.source_type_text}</td>
                        <td>{$item.source_sn}</td>
                        <td>{$item.change_amount}</td>
                        <td>{$item.left_amount}</td>
                        <td>{$item.create_time}</td>
                        </tr>
                        {/foreach}
                        </tbody>
                    </table>
                </div>

                <!-- 数据列表底部 -->
                <div class="box-footer">
                    {$page|raw}
                    <label class="control-label pull-right" style="margin-right: 10px; font-weight: 100;">
                        <small>共{$total}条记录</small>&nbsp;
                        <small>每页显示</small>
                        &nbsp;
                        <select class="input-sm" onchange="changePerPage(this)">
                            <option value="10" {if $admin.per_page==10}selected{/if}>10</option>
                            <option value="20" {if $admin.per_page==20}selected{/if}>20</option>
                            <option value="30" {if $admin.per_page==30}selected{/if}>30</option>
                            <option value="50" {if $admin.per_page==50}selected{/if}>50</option>
                            <option value="100" {if $admin.per_page==100}selected{/if}>100</option>
                        </select>
                        &nbsp;
                        <small>条记录</small>
                    </label>
                </div>

            </div>
        </div>
    </div>
</section>
<script type="text/javascript">
layui.use(['form','table'], function(){
  var form = layui.form;
  form.render('select');
});
//日期时间范围
laydate.render({
    elem: '#start_time'
    ,type: 'datetime'
    ,trigger: 'click'
});

//日期时间范围
laydate.render({
    elem: '#end_time'
    ,type: 'datetime'
    ,trigger: 'click'
});
</script>
{/block}