caiping/app/admin/view/project/cost/edit_report.html

<div class="p-3 bg-white">
    <table class="layui-hide" id="report" lay-filter="report"></table>
</div>
<div id="selectBox2" style="display: none;">

    <div id="companySelect2"></div>
    <button id="cc">1111</button>
</div>
<script>
    function report() {

        console.log(1)
        let tool = layui.tool, table = layui.table;
        var allcount;
        //项目任务
        parent.layui.reportTable = table.render({
            elem: '#report',
            title: '文档列表',
            toolbar: '#toolbarreport',
            cellMinWidth: 80,
            parseData: function (res) { // 数据解析回调函数
                // 在这里可以获取数据总数
                allcount = res.data.length;
                return {
                    code: res.code, // 数据状态码
                    msg: res.msg, // 状态信息
                    count: res.count, // 数据总数
                    data: res.data // 当前页数据
                };
            },
            url: "/admin/project.report/datalist",
            where: {'project_id': project_id},
            page: true, //开启分页
            limit: 20,
            cols: [[
                {field: 'id', title: '序号', width: 80, align: 'center',
                    templet: function (d) {
					        //console.log(allcount,d.LAY_NUM)
                            return allcount - (d.LAY_NUM - 1);
                        
                        }
                },
                {
                    field: 'title', title: '报告名称', align: 'center',
                    templet: function (d) {
                        var html = "";
                        if (d.status == 10) {
                            html = '<a class="side-a" lay-event="detail" style="color: grey;text-decoration:line-through" lay-event="detail">' + d.title + '</a>';
                        } else {
                            html = '<a class="side-a" lay-event="detail" lay-event="detail">' + d.title + '</a>';

                        }
                        return '<div style="text-align:left">' + html + '</div>'
                    }
                },
                {
                    field: 'type', title: '报告类型', align: 'center', width: 100, templet: function (item) {
                        var html = '';
                        if (item.type === 0) {
                            html = "<span>初审报告</span>";
                        } else if (item.type === 1) {
                            html = "<span>对数报告</span>";
                        } else if (item.type === 2) {
                            html = "<span>审定报告</span>";
                        }

                        return html;
                    }
                },
                {
                    field: 'status', title: '审批状态', align: 'center', width: 150,
                    templet: function (d) {
                        var abc = '';
                        if (d.status == 0) {
                            abc = "<span>未审核（新建）</span>";
                        } else if (d.status == 1) {
                            abc = "<span>财政局已通过，待业主审核（新建）</span>";
                        } else if (d.status == 2) {
                            abc = "<span>财政局已拒绝（新建）</span>";
                        } else if (d.status == 3) {
                            abc = "<span>未审核（删除）</span>";
                        } else if (d.status == 4) {
                            abc = "<span>财政局已通过，待业主审核（删除）</span>";
                        } else if (d.status == 5) {
                            abc = "<span>已拒绝（删除）</span>";
                        }else if (d.status ==8){
                            abc = "<span>业主已通过（新建）</span>";
                        }else if (d.status ==9){
                            abc = "<span>业主拒绝（新建）</span>";
                        }else if (d.status == 10) {
                            abc = "<span>业主已通过（删除）</span>";
                        } else if (d.status == 11) {
                            abc = "<span>业主已拒绝（删除）</span>";
                        }
                        return abc;
                    }
                },
                {field: 'create_time', title: '创建时间', align: 'center', width: 150},
                {field: 'admin_name', title: '创建人', align: 'center', width: 100},
                {
                    field: 'right', fixed: 'right', title: '操作', width: 150, align: 'center',
                    templet: function (d) {
                        var html = '<div class="layui-btn-group">';
                        var btn1 = `<a class="layui-btn layui-btn-xs layui-bg-blue" href=${d.filepath} download=${d.name} lay-event="">下载</a>`;
                        var btn2 = '';
                        if (d.status == 0) {
                            btn2 = '<span class="layui-btn  layui-btn-xs" lay-event="agree_report">同意</span><span class="layui-btn layui-btn-danger layui-btn-xs" lay-event="un_report">拒绝</span>';
                        } else if (d.status == 3) {
                            btn2 = '<span class="layui-btn  layui-btn-xs" lay-event="agree_del">同意</span><span class="layui-btn layui-btn-danger layui-btn-xs" lay-event="unagree_del">拒绝</span>';
                        }
                        return html + btn1 + btn2 + '</div>';
                    }
                }
            ]]
        });

        //触发事件
        table.on('toolbar(report)', function (obj) {
            var checkStatus = table.checkStatus(obj.config.id);
            switch (obj.event) {
                case 'add':
                    parent.layui.tool.side('/admin/project.report/add?project_id=' + project_id);  // 项目id

                    break;
            }
        });

        table.on('tool(report)', function (obj) {
            var data = obj.data; //获得当前行数据
            
            
            if (obj.event === 'detail') { //查看
                let url = '/admin/project.report/view?id=' + data.id;// 项目id
                parent.layui.tool.side(url);
            }

            if (obj.event === 'agree_report') {
                let callback = function (e) {
                    layer.msg(e.msg)
                    parent.layui.reportTable.reload();

                }
                tool.post('/admin/project.report/agree_report', {id: data.id,else_id:data.else_id}, callback);

            }
            if (obj.event === 'un_report') {
                var ttxx = layer.prompt({
                    title: '请输入<span style="color: red">拒绝</span>原因',
                    formType: 2,
                    area: ['35vw', '15vw']
                }, function (text, index) {
                    if(text==""){
                        layer.msg("请完善拒绝原因");
                    }else{
                       layer.close(ttxx)
                        let callback = function (e) {
                        layer.msg(e.msg)
                        parent.layui.reportTable.reload();
                        setTimeout(layer.close(index),1000);
                        }
                        tool.post('/admin/project.report/un_report', {id: data.id,else_id:data.else_id,audit_remark:text}, callback); 
                    }
                    

                });
            }
            if (obj.event === 'agree_del') {
                let callback = function (e) {
                    layer.msg(e.msg)
                    parent.layui.reportTable.reload();

                }
                tool.post('/admin/project.report/agree_delete', {id: data.id,else_id:data.else_id}, callback);

            }
            if (obj.event === 'unagree_del') {

                var ttxx = layer.prompt({
                    title: '请输入<span style="color: red">拒绝</span>原因',
                    formType: 2,
                    area: ['35vw', '15vw']
                }, function (text, index) {
                    layer.close(ttxx)
                    let callback = function (e) {
                        layer.msg(e.msg)
                        parent.layui.reportTable.reload();
                        setTimeout(layer.close(index),1000);
                    }
                    tool.post('/admin/project.report/un_delete', {id: data.id,else_id:data.else_id,audit_remark:text}, callback);

                });
            }
        })
    }
</script>