mashangyoujiu/Application/Retail/View/AloneGuide/record.html

<!--[1.5.22]-->
<style>
    table {
        border: 1px solid #f1f1f1;
        margin-top: 40px;
    }

    .card {
        border-radius: 2px;
        background-color: #fff;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        width: 11%;
        margin: 5px;
    }

    .card-header {
        position: relative;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        border-bottom: 1px solid #f6f6f6;
        color: #333;
        border-radius: 2px 2px 0 0;
        font-size: 14px;
    }

    .card-body {
        position: relative;
        padding: 10px 15px;
        line-height: 24px;
    }

    .goods_edit {
        box-sizing: border-box;
        padding: 10px 20px 10px 0px;
        display: flex;
        align-items: center;
    }
</style>
<div>
    <div class="goods_edit">
        <div class="goods_edit_input">
            <input type="text" name="startdate" id="startdate" lay-verify="date" value="" placeholder="起始日期"
                   autocomplete="off" class="layui-input">
        </div>
        <div style="text-align: center;">
            <span style="margin-left: -20px;color: #9d9d9d;font-size: 27px;">-</span>
        </div>
        <div class="goods_edit_input">
            <input type="text" name="enddate" id="enddate" lay-verify="date" value="" placeholder="截止日期" autocomplete="off"
                   class="layui-input">
        </div>
        <button type="button" class="layui-btn" id="seek">查询</button>
    </div>
    <div class="goods_edit">
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
</div>
<script>
    layui.use(['form', 'layedit', 'laydate', 'table'], function () {
        // 日期
        var laydate = layui.laydate;
        var table = layui.table;
        var form = layui.form;

        //日期
        laydate.render({
            elem: '#startdate'
        });
        laydate.render({
            elem: '#enddate'
        });
        var id = "{$id}";
        table.render({
            elem: '#test',
            url: "{:U('get_record_list')}",
            where: {id: id},
            limit: 10,
            cols: [
                [{
                    field: 'index',
                    title: '序号',
                    align: 'center',
                    width: 80,
                }, {
                    field: 'guide_name',
                    title: '导购员',
                    align: 'center',
                }, {
                    field: 'vip_name',
                    title: '消费对象',
                    align: 'center',
                }, {
                    field: 'allmoney',
                    title: '支付金额',
                    align: 'center',
                }, {
                    field: 'pay_name',
                    title: '支付方式',
                    align: 'center',
                }, {
                    field: 'paytime',
                    title: '支付时间',
                    align: 'center',
                }, {
                    field: 'original_income',
                    title: '应得佣金',
                    align: 'center',
                }, {
                    field: 'income',
                    title: '所得佣金',
                    align: 'center',
                }, {
                    field: 'moneytime',
                    title: '提现时间',
                    align: 'center',
                }, {
                    field: 'auditname',
                    title: '审核人',
                    align: 'center',
                }, {
                    field: 'auditnotes',
                    title: '备注',
                    align: 'center',
                }, {
                    field: 'number',
                    title: '结算账户',
                    align: 'center',
                }, {
                    field: 'guide_type',
                    title: '账户类型',
                    align: 'center',
                }, {
                    field: 'money_state',
                    title: '状态',
                    align: 'center',
                }]
            ],
            page: {
                layout: ['count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
            },
        });

        /* 搜索 */
        $('#seek').click(function () {
            table.reload('test', {
                page: {curr: 1},
                where: {startdate: $('#startdate').val(), enddate: $('#enddate').val()}
            });
        })

    });
</script>