oa/app/finance/view/creditwriteoff/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="搜索客户ID">
                </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/creditwriteoff/add">新建授信&核销申请
                    </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_creditwriteoff" lay-filter="table_creditwriteoff"></table>
        </div>
    </div>
</div>
{/block}

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

        var tab = 0;
        var tableIns = table.render({
            elem: '#table_creditwriteoff',
            url: '/finance/creditwriteoff/datalist',
            where: { tab: tab },
            page: true,
            cols: [[
                { field: 'id', title: 'ID', width: 80 },
                { field: 'customer_id', title: '客户ID', minWidth: 120 },
                { field: 'credit_amount', title: '申请授信金额(USD)', width: 150 },
                { field: 'return_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) {
                        return '<a class="layui-btn layui-btn-xs" data-href="/finance/creditwriteoff/view/' + d.id + '" data-title="授信&核销申请详情" data-width="800" data-height="90%">查看</a>'
                            + '<a class="layui-btn layui-btn-xs layui-btn-danger j-del" data-id="' + d.id + '">删除</a>';
                    }
                }
            ]],
            done: function () {
                tool.sideOpen();
                // 删除
                $('body').off('click', '.j-del').on('click', '.j-del', function () {
                    var id = $(this).data('id');
                    layer.confirm('确认删除该授信&核销申请？', { icon: 3 }, function () {
                        tool.delete('/finance/creditwriteoff/del', { id: id }, function () {
                            tableIns.reload();
                        });
                    });
                });
            }
        });

        // 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}