mashangyoujiu/Application/Retail/View/AloneGuide/home.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>
        <select class="goods_edit_input" name="moneystate" id="moneystate">
            <option value="">请选择</option>
            <option value="1">未提现</option>
            <option value="2">待审核</option>
            <option value="3">已结算</option>
        </select>
        <button type="button" class="layui-btn" id="seek">查询</button>
        <if condition="$authArr['get_account_list']">
            <button type="button" class="layui-btn" id="apply_for">申请结算</button>
        </if>
    </div>
    <div style="padding: 5px; background-color: #F2F2F2;display: flex;">
        <div class="card">
            <div class="card-header">销售数量</div>
            <div class="card-body" id="count">0（笔）</div>
        </div>
        <div class="card">
            <div class="card-header">销售金额</div>
            <div class="card-body" id="sell_money">0（元）</div>
        </div>
        <div class="card">
            <div class="card-header">现金支付</div>
            <div class="card-body" id="xj">0（元）</div>
        </div>
        <div class="card">
            <div class="card-header">银行卡支付</div>
            <div class="card-body" id="yhk">0（元）</div>
        </div>
        <div class="card">
            <div class="card-header">微信支付</div>
            <div class="card-body" id="wx">0（元）</div>
        </div>
        <div class="card">
            <div class="card-header">支付宝支付</div>
            <div class="card-body" id="zfb">0（元）</div>
        </div>
        <div class="card">
            <div class="card-header">余额支付</div>
            <div class="card-body" id="hyk">0（元）</div>
        </div>
        <div class="card">
            <div class="card-header">其他支付</div>
            <div class="card-body" id="qt">0（元）</div>
        </div>
        <div class="card">
            <div class="card-header">所得金额</div>
            <div class="card-body" id="get_money">0（元）</div>
        </div>
    </div>
    <div class="goods_edit">
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
    </body>
    <div id="audit" style="display: none;padding:15px;">
        <span class="layui-btn layui-btn-lg" style="margin-left: 200px;margin-top: 20px;" id="submit">提交</span>
    </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_sell_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'] //自定义分页布局
            },
            done: function (res) {
                $('#count').text(res.count + '（笔）');
                $('#sell_money').text(res.sell_money);
                $('#xj').text(res.xj);
                $('#yhk').text(res.yhk);
                $('#wx').text(res.wx);
                $('#zfb').text(res.zfb);
                $('#hyk').text(res.hyk);
                $('#qt').text(res.qt);
                $('#get_money').text(res.get_money);
            },
        });

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

        /* 申请结算 */
        $('#apply_for').click(function () {
            layer.open({
                type: 2,
                title: '批量审核',
                area: ['calc(100% - 160px)', 'calc(100% - 65px)'],
                offset: 'rb',
                shade: 0,
                content: "{:U('settlement')}",
                end: function () {
                    MenuApp.refreshWindow();
                }
            });
        })

        /* 提交 */
        $('#submit').click(function () {
            var account_list = table.checkStatus('account_list').data;
            if (account_list.length <= 0) {
                layer.msg('请选择结算数据', {time: 1200, icon: 7});
                return false;
            }
            var guidetype = $('#guidetype').val();
            if (!guidetype) {
                layer.msg('请选择提现方式', {time: 1200, icon: 7});
                return false;
            }
            $.ajax({
                url: "{:U('settle_accounts')}",
                type: "post",
                data: {account_list: account_list, guidetype: guidetype},
                success: function (res) {
                    if (res.status == 1) {
                        layer.msg(res.msg, {time: 1200, icon: 1}, function () {
                            layer.closeAll();
                        })
                    } else {
                        layer.msg(res.msg, {time: 1200, icon: 7});
                    }
                }
            });
        });
    });
</script>