oa/app/finance/view/vccpayment/datalist.html

{extend name="../../base/view/common/base" /}
{block name="body"}
<div class="p-page">
    <div class="layui-card">
        <div class="layui-card-header">
            <div class="layui-form" lay-filter="form-search">
                <div class="layui-inline">
                    <input class="layui-input" name="keywords" id="keywords" placeholder="搜索付款事由">
                </div>
                <div class="layui-inline">
                    <select name="check_status" id="check_status">
                        <option value="">全部状态</option>
                        <option value="0">待审核</option>
                        <option value="1">审核中</option>
                        <option value="2">已通过</option>
                        <option value="3">已驳回</option>
                        <option value="4">已撤销</option>
                    </select>
                </div>
                <div class="layui-inline">
                    <button class="layui-btn layui-btn-sm" id="btnSearch">搜索</button>
                    <button type="button" class="layui-btn layui-btn-sm layui-btn-normal tool-add"
                            data-href="/finance/vccpayment/add">新建VCC返点/提成付款申请
                    </button>
                </div>
            </div>
        </div>
        <div class="layui-card-body">
            <div class="layui-tab layui-tab-brief">
                <ul class="layui-tab-title">
                    <li class="layui-this" data-tab="0">全部</li>
                    <li data-tab="1">我创建的</li>
                    <li data-tab="2">待我审核</li>
                    <li data-tab="3">我已审核</li>
                    <li data-tab="4">抄送给我</li>
                </ul>
            </div>
            <table id="table_vccpayment" lay-filter="table_vccpayment"></table>
        </div>
    </div>
</div>
{/block}

{block name="script"}
<script>
    const moduleInit = ['tool', 'tablePlus'];
    function gouguInit() {
        var tool = layui.tool, table = layui.tablePlus, form = layui.form;

        var tab = 0;
        var tableIns = table.render({
            elem: '#table_vccpayment',
            url: '/finance/vccpayment/datalist',
            where: { tab: tab },
            page: true,
            cols: [[
                { field: 'id', title: 'ID', width: 80 },
                { field: 'payment_reason', title: '付款事由', minWidth: 160 },
                { field: 'amount', title: '金额', width: 120 },
                { field: 'currency', title: '币种', width: 90 },
                { field: 'payment_method_str', title: '付款方式', width: 100 },
                { field: 'payment_date', title: '付款日期', width: 120 },
                { field: 'admin_name', title: '申请人', width: 100 },
                { field: 'department', title: '部门', width: 120 },
                { field: 'check_status_str', title: '审批状态', width: 100 },
                { field: 'create_time_str', title: '申请时间', width: 160 },
                {
                    title: '操作', width: 160, align: 'center', fixed: 'right',
                    templet: function (d) {
                        var html = '<div class="layui-btn-group">';
                        html += '<span class="layui-btn layui-btn-normal layui-btn-xs" lay-event="view">查看</span>';
                        // 删除功能暂未开放，已注释
                        // html += '<span class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</span>';
                        html += '</div>';
                        return html;
                    }
                }
            ]]
        });

        table.on('tool(table_vccpayment)', function (obj) {
            var data = obj.data;
            if (obj.event === 'view') {
                tool.side('/finance/vccpayment/view?id=' + data.id);
                return;
            }
            // 删除功能暂未开放，已注释
            /*
            if (obj.event === 'del') {
                layer.confirm('确认删除该付款申请？', { icon: 3, title: '提示' }, function (index) {
                    tool.delete('/finance/vccpayment/del', { id: data.id }, function (e) {
                        layer.msg(e.msg);
                        if (e.code == 0) {
                            obj.del();
                        }
                    });
                    layer.close(index);
                });
                return;
            }
            */
        });

        // Tab 切换
        $('body').on('click', '.layui-tab-title li', function () {
            tab = $(this).data('tab');
            tableIns.reload({ where: { tab: tab }, page: { curr: 1 } });
        });

        // 搜索
        $('#btnSearch').on('click', function () {
            tableIns.reload({
                where: {
                    tab: tab,
                    keywords: $('#keywords').val(),
                    check_status: $('#check_status').val()
                },
                page: { curr: 1 }
            });
        });
    }
</script>
{/block}